Telekom Style Guide Vorgaben für den Bestell- und Bezahlablauf im mobilen Internet zur Abrechnung im Factoring-Geschäftsmodell

Transkript

1 Begleitdokument zum Non-Voice Factoring Vertrag Mehrwertdienste, Anlage 6 und 7 ZM-ESS,

2 Gliederung: 1.ABO Bestellung 1.a Telekom-Empfehlung: - zahlungspflichtig bestellen - 1.b Telekom-Empfehlung: - zahlungspflichtig bestellen - (mit zurück -Button) 1.c Optionale Variante: - Kaufen (oder andere Formulierungen aus Gesetzesbegründung) 1.d Optionale Variante: - Kaufen (oder andere Formulierungen aus Gesetzesbegründung) (mit zurück Button) 2. Einzelkauf 2.a. Telekom-Empfehlung: - zahlungspflichtig bestellen - 2.b. Telekom-Empfehlung: - zahlungspflichtig bestellen - (mit zurück -Button) 2.c. Optionale Variante: - Kaufen (oder andere Formulierungen aus Gesetzesbegründung) 2.d. Optionale Variante: - Kaufen (oder andere Formulierungen aus Gesetzesbegründung) (mit zurück Button) 3. Optik 3.a. ABO - Bestellung: - zahlungspflichtig bestellen - 3.b. ABO - Bestellung: - zahlungspflichtig bestellen - (mit zurück -Button) 3.c. Einzelkauf: - zahlungspflichtig bestellen 3.d. Einzelkauf: - zahlungspflichtig bestellen - (mit zurück -Button) 4. Button 5. Felder - Schriftgrößen 6. Farben / Gestaltung 7. Funktionalitäten 8. Tablet / Notebook / Laptop

3 1.ABO Bestellung 1.a Telekom-Empfehlung: - zahlungspflichtig bestellen - Auswahl des z.b. Bestätigung des zahlungspflichtig bestellen des aus einem Portal über eine Bannerwerbung über sonstige Werbung ABO für x,xx /Intervall bestätigen ABO für x,xx /Intervall zahlungspflichtig bestellen Bestätigungsseite Kaufseite

4 1.ABO Bestellung 1.b Telekom-Empfehlung: - zahlungspflichtig bestellen - (mit zurück -Button) Auswahl des z.b. Bestätigung des zahlungspflichtig bestellen des aus einem Portal über eine Bannerwerbung über sonstige Werbung ABO für x,xx /Intervall bestätigen zurück ABO für x,xx /Intervall zahlungspflichtig bestellen zurück Bestätigungsseite Kaufseite

5 1.ABO Bestellung 1.c Optionale Variante: - Kaufen-(oder andere Formulierungen aus Gesetzesbegründung) Auswahl des z.b. aus einem Portal über eine Bannerwerbung über sonstige Werbung Bestätigung des ABO für x,xx /Intervall bestätigen Kaufen des ABO für x,xx /Intervall KAUFEN Bestätigungsseite Kaufseite

6 1.ABO Bestellung 1.d Optionale Variante: - Kaufen-(oder andere Formulierungen aus Gesetzesbegründung) (mit zurück -Button) Auswahl des z.b. aus einem Portal über eine Bannerwerbung über sonstige Werbung Bestätigung des ABO für x,xx /Intervall bestätigen zurück Kaufen des ABO für x,xx /Intervall KAUFEN zurück Bestätigungsseite Kaufseite

7 2.Einzelkauf Bestellung 2.a Telekom-Empfehlung: - zahlungspflichtig bestellen - Auswahl des z.b. aus einem Portal über eine Bannerwerbung über sonstige Werbung Kaufen des X,XX zahlungspflichtig bestellen Kaufseite

8 2.Einzelkauf Bestellung 2.b Telekom-Empfehlung: - zahlungspflichtig bestellen - (mit zurück -Button) Auswahl des z.b. aus einem Portal über eine Bannerwerbung über sonstige Werbung Kaufen des X,XX zahlungspflichtig bestellen zurück Kaufseite

9 2.Einzelkauf Bestellung 2.c Optionale Variante: - Kaufen-(oder andere Formulierungen aus Gesetzesbegründung) Auswahl des z.b. aus einem Portal über eine Bannerwerbung über sonstige Werbung Kaufen des X,XX KAUFEN Kaufseite

10 2.Einzelkauf Bestellung 2.d Optionale Variante: - Kaufen-(oder andere Formulierungen aus Gesetzesbegründung) (mit zurück -Button) Auswahl des z.b. aus einem Portal über eine Bannerwerbung über sonstige Werbung Kaufen des X,XX KAUFEN zurück Kaufseite

11 3.Optik 3.a ABO Bestellung: - zahlungspflichtig bestellen - Die Schablone ist in 5 verschiedene Felder eingeteilt. Es gibt Felder, - deren Inhalte frei gestaltbar sind. Z.B. Produktbild und Produktname oder - deren Inhalt und Gestaltung fest vorgegeben ist Die Schablone ist gleichermaßen für alle Endgeräte im mobilen Internet (GSM) vorgegeben Die Felder dürfen in ihrer Anordnung nicht verändert werden, gehen immer über die gesamte Breite des Endgerätes und dürfen nicht überlagert werden Die Felder 3 5 und deren Inhalte dürfen nicht animiert sein (kein blinken, kein bewegen, ) Im unteren Viertel des Felds 3 steht deutlich lesbar der Begriff ABO, der Preis und das Abrechnungsintervall Die Felder haben im Verhältnis zum schirm eine entsprechende prozentuale Größe Beim Querformat darf keine Information verloren gehen bzw. unleserlich werden Beschreibung der Felder 1. Name des Produktes (Produktname) 2. optische Produktdarstellung (z.b. Produktbild, Anbieterlogo, ) 3. Produktbeschreibung, Abrechnungshinweis, im unteren Viertel -> ABO, Preis/Intervall 4. bestätigungs -/ kauf -Button 5. legal-line ABO für x,xx /Intervall zahlungspflichtig bestellen 10% 45% 21% 7% 12% 5% frei gestaltbar (unter Berücksichtigung vertraglicher Vorgaben) Inhalt und Gestaltung sind fest vorgegeben

12 3.Optik 3.b ABO Bestellung: - zahlungspflichtig bestellen - (mit zurück -Button) Die Schablone ist in 5 verschiedene Felder eingeteilt. Es gibt Felder, - deren Inhalte frei gestaltbar sind. Z.B. Produktbild und Produktname oder - deren Inhalt und Gestaltung fest vorgegeben ist Die Schablone ist gleichermaßen für alle Endgeräte im mobilen Internet (GSM) vorgegeben Die Felder dürfen in ihrer Anordnung nicht verändert werden, gehen immer über die gesamte Breite des Endgerätes und dürfen nicht überlagert werden Die Felder 3 5 und deren Inhalte dürfen nicht animiert sein (kein blinken, kein bewegen, ) Im unteren Viertel des Felds 3 steht deutlich lesbar der Begriff ABO, der Preis und das Abrechnungsintervall Die Felder haben im Verhältnis zum schirm eine entsprechende prozentuale Größe Beim Querformat darf keine Information verloren gehen bzw. unleserlich werden Beschreibung der Felder 1. Name des Produktes (Produktname) 2. optische Produktdarstellung (z.b. Produktbild, Anbieterlogo, ) 3. Produktbeschreibung, Abrechnungshinweis, im unteren Viertel -> ABO, Preis/Intervall 4. bestätigungs -/ kauf -Button 2/3 zurück -Button 1/3 5. legal-line ABO für x,xx /Intervall zahlungspflichtig bestellen zurück 2/3 1/3 10% 45% 21% 7% 12% 5% frei gestaltbar (unter Berücksichtigung vertraglicher Vorgaben) Inhalt und Gestaltung sind fest vorgegeben

13 3.Optik 3.c Einzelkauf: - zahlungspflichtig bestellen - Die Schablone ist in 5 verschiedene Felder eingeteilt. Es gibt Felder, - deren Inhalte frei gestaltbar sind. Z.B. Produktbild und Produktname oder - deren Inhalt und Gestaltung fest vorgegeben ist Die Schablone ist gleichermaßen für alle Endgeräte im mobilen Internet (GSM) vorgegeben Die Felder dürfen in ihrer Anordnung nicht verändert werden, gehen immer über die gesamte Breite des Endgerätes und dürfen nicht überlagert werden Die Felder 3 5 und deren Inhalte dürfen nicht animiert sein (kein blinken, kein bewegen, ) Im unteren Viertel des Felds 3 steht deutlich lesbar der Preis Die Felder haben im Verhältnis zum schirm eine entsprechende prozentuale Größe Beim Querformat darf keine Information verloren gehen bzw. unleserlich werden Beschreibung der Felder 1. Name des Produktes (Produktname) 2. optische Produktdarstellung (z.b. Produktbild, Anbieterlogo, ) 3. Produktbeschreibung, Abrechnungshinweis, im unteren Viertel -> Preis 4. bestätigungs -/ kauf -Button 5. legal-line X,XX zahlungspflichtig bestellen 10% 45% 21% 7% 12% 5% frei gestaltbar (unter Berücksichtigung vertraglicher Vorgaben) Inhalt und Gestaltung sind fest vorgegeben

14 3.Optik 3.d Einzelkauf: - zahlungspflichtig bestellen - (mit zurück -Button) Die Schablone ist in 5 verschiedene Felder eingeteilt. Es gibt Felder, - deren Inhalte frei gestaltbar sind. Z.B. Produktbild und Produktname oder - deren Inhalt und Gestaltung fest vorgegeben ist Die Schablone ist gleichermaßen für alle Endgeräte im mobilen Internet (GSM) vorgegeben Die Felder dürfen in ihrer Anordnung nicht verändert werden, gehen immer über die gesamte Breite des Endgerätes und dürfen nicht überlagert werden Die Felder 3 5 und deren Inhalte dürfen nicht animiert sein (kein blinken, kein bewegen, ) Im unteren Viertel des Felds 3 steht deutlich lesbar der Preis Die Felder haben im Verhältnis zum schirm eine entsprechende prozentuale Größe Beim Querformat darf keine Information verloren gehen bzw. unleserlich werden Beschreibung der Felder 1. Name des Produktes (Produktname) 2. optische Produktdarstellung (z.b. Produktbild, Anbieterlogo, ) 3. Produktbeschreibung, Abrechnungshinweis, im unteren Viertel -> Preis 4. bestätigungs -/ kauf -Button 2/3 zurück -Button 1/3 5. legal-line X,XX zahlungspflichtig bestellen zurück 2/3 1/3 10% 45% 21% 7% 12% 5% frei gestaltbar (unter Berücksichtigung vertraglicher Vorgaben) Inhalt und Gestaltung sind fest vorgegeben

15 4.Button Die bestätigungs - und kauf -Button werden: exklusiv platziert gehen über die gesamte Displaybreite bzw. nehmen 2/3 ( bestätigungs -/ kauf -Button), 1/3 ( zurück -Button) der Displaybreite ein dürfen nicht von anderen Feldern überlagert oder hinterlegt werden dürfen nicht animiert sein (kein blinken, kein wackeln, ) erhalten eine schwarze Umrahmung sind ausschließlich in der Umrahmung anklickbar, um Bestätigung und/oder Kauf auszulösen dürfen die vorgegebene Größe im Verhältnis zur Displaygröße nicht unterschreiten der bestätigungs -Button kann alternativ auch mit weiter, bestellen oder anderen eindeutigen Begriffen beschriftet werden. der kauf -Button kann alternativ auch mit bezahlen, zahlungspflichtig bestellen oder kostenpflichtig bestellen beschriftet werden. ausdrückliche TELEKOM - EMPFEHLUNG: zahlungspflichtig bestellen

16 5.Felder - Schriftgrößen Feld 3 (Produktbeschreibung): bei dem oberen (3/4) Teil des Felds beträgt die Schriftgröße 1/5 der Feldhöhe bei dem unteren (1/4) Teil des Felds beträgt die Schriftgröße 9/10 (fett) der Feldhöhe Feld 4 ( bestätigungs -/ kauf -/ zurück -Button): bei dem bestätigungs -Button beträgt die Schriftgröße 1/2 der Feldhöhe bei zweizeiligen Bestätigungshinweisen beträgt die Schriftgröße in Summe 9/10 der Feldhöhe bei dem kauf -Button beträgt die Schriftgröße 1/2 der Feldhöhe bei zweizeiligen Kaufhinweisen beträgt die Schriftgröße in Summe 9/10 der Feldhöhe bei dem zurück -Button beträgt die Schriftgröße 2/5 der Feldhöhe Feld 5 legal - line: bei der legal-line beträgt die Schriftgröße 2/5 der Feldhöhe

17 6.Farben/Gestaltung Feld 3 (Produktbeschreibung): Schriftfarbe: schwarz (HKS 88) Schriftart: Arial ABO- Variante. ABO, Preis und Intervall in fett Einzelkauf-Variante: Preis in fett Hintergrundfarbe: weiß Feld 4 ( bestätigungs -/ kauf -/ zurück -Button): Schriftfarbe: schwarz (HKS 88) Schriftart: Arial Hintergrundfarbe bestätigungs -/ kauf -button: grün (HKS 57) für die Variante zurück -Button: Hintergrundfarbe zurück -Button: weiß Feld 5 (legal-line): Schriftfarbe: weiß Schriftart: Arial Hintergrundfarbe: schwarz (HKS 88) Name des Produktes und optische Darstellung (Feld 1 und 2): Die Gestaltung unterliegt den vertraglichen Vorgaben. Die Farben sind frei wählbar

18 7.Funktionalitäten 1/2 Feld 1: ohne Funktionalität. Informationsträger Feld 2: ohne Funktionalität. Informationsträger Feld 3: für die Bestätigungsseite - ohne Funktionalität. - bei ABO-Variante: Informationsträger über ABO, Preis, Abrechnungsintervall für die Kaufseite - ohne Funktionalität. - bei ABO-Variante: Informationsträger über Produktbeschreibung, Abrechnungshinweis, ABO, Preis und Abrechnungsintervall - bei Einzelkauf-Variante: Informationsträger über Produktbeschreibung, Abrechnungshinweis, Preis

19 7.Funktionalitäten 2/2 Feld 4: für die Bestätigungsseite - bestätigungs -button: ABO-Variante 1. opt-in -> Weiterleitung auf die Kaufseite/2. opt-in Seite -> Anklickfunktionalität ausschließlich im umrandeten Feld des Buttons - zurück -Button: wechselt auf die vorherige Seite, ohne eine Zahlung auszulösen oder bricht den Kaufvorgang komplett ab, ohne eine Zahlung auszulösen -> Anklickfunktionalität ausschließlich im umrandeten Feld des Buttons für die Kaufseite - Kaufbutton: ABO-Variante 2. opt-in, Einzelkauf-Variante opt-in -> Zahlung wird ausgelöst -> Anklickfunktionalität ausschließlich im umrandeten Feld des Buttons - zurück2-button: wechselt auf die vorherige Seite, ohne eine Zahlung auszulösen oder bricht den Kaufvorgang komplett ab, ohne eine Zahlung auszulösen -> Anklickfunktionalität ausschließlich im umrandeten Feld des Buttons Feld 5: Verlinkung auf - die AGBs des Leistungserbringers - eine FAQ Liste - das Impressum des Leistungserbringers - Kontaktdaten (Customer Care) des Leistungserbringers - ABO-Verwaltung (Auflistung aller Billingvorgänge inkl. aktiver ABOs mit Kündigungsmöglichkeit)

20 8.Tablet / Notebook / Laptop Auf Tablets oder Notebooks/Laptops, die sich im mobilen Internet (GSM) befinden - kann der Style Guide entsprechend auf die Displaygröße eines Smartphones skaliert werden - wird der Hintergrund des Style Guides komplett in weiß gehalten.