Übersicht
Diese Richtlinien gelten für Entwickler, die an unserem Programm teilnehmen, um Nutzern im Europäischen Wirtschaftsraum (EWR) eine alternative Abrechnung zum Abrechnungssystem von Google Play ohne Auswahlmöglichkeit für Nutzer anzubieten. Entwickler mit Nutzern im EWR, die am Pilotprojekt zur Abrechnung mit Auswahlmöglichkeit für Nutzer teilnehmen und neben dem Abrechnungssystem von Google Play ein alternatives Abrechnungssystem anbieten, sollten die UX-Richtlinien zur Abrechnung mit Auswahlmöglichkeit für Nutzer verwenden. Diese UX-Richtlinien sollen für eine einheitliche Nutzererfahrung sorgen. Entwickler müssen dazu verpflichtet werden, jedem Nutzer einen Informationsbildschirm anzuzeigen, wenn er zum ersten Mal einen Kauf tätigt. Die für Nutzer sichtbaren Meldungen und UI-Spezifikationen für den Informationsbildschirm sollten gemäß den folgenden Richtlinien implementiert werden.
Entwickler-App |
Informationsbildschirm für Nutzer |
Sprache auswählen
Wählen Sie die Sprache Ihrer Nutzer aus, damit die entsprechenden UI-Textstrings in den Designspezifikationen unten angezeigt werden.
- Alle Sprachen anzeigen
- Wähle eine Sprache aus
- Bulgarisch
- Katalanisch
- Kroatisch
- Tschechisch
- Dänisch
- Niederländisch
- Englisch
- Estnisch
- Finnisch
- Französisch
- Deutsch
- Griechisch
- Ungarisch
- Isländisch
- Italienisch
- Lettisch
- Litauisch
- Norwegisch
- Polnisch
- Portugiesisch (Brasilien)
- Portugiesisch (Europa)
- Rumänisch
- Slowakisch
- Slowenisch
- Spanisch
- Schwedisch
Informationen für Nutzer
Der Informationsbildschirm hilft den Nutzenden, die Auswirkungen der Änderung zu verstehen.
Anzeigezeitpunkt
Der Informationsbildschirm muss Nutzern zu Beginn ihres ersten Kaufs angezeigt werden. Diese Nachricht muss nicht bei nachfolgenden Käufen durch denselben Nutzer angezeigt werden. Blenden Sie den Informationsbildschirm sofort ein, nachdem ein Nutzer eine explizite Aktion zum Initiieren eines Kaufs ausgeführt hat.
Wann der Preis angezeigt werden soll
Der Kaufpreis sollte für Nutzer deutlich sichtbar sein, bevor der Informationsbildschirm angezeigt wird.
So präsentieren Sie
Der Informationsbildschirm muss am unteren Rand in einem modalen Fenster angezeigt werden. Ein modales Blatt am unteren Rand ähnelt einem modalen Dialogfeld, das vom unteren Bildschirmrand nach oben animiert wird und unten angepinnt bleibt. Es befindet sich über allen UI-Elementen auf dem darunterliegenden Bildschirm. Der darunter liegende Bildschirm ist hinter einem dunklen Gitter verborgen, um darauf hinzuweisen, dass er nicht auf Nutzerinteraktionen reagiert.
Weitere Informationen zum Design und zur Implementierung von modalen unteren Tabellenblättern finden Sie in Google Material Design.
Nutzeraktionen
Die Ansicht am unteren Rand muss ausgelöst werden, wenn ein Nutzer auf eine Schaltfläche oder ein anderes UI-Element in deiner App tippt, um einen Kauf zu starten. Auf dem Informationsbildschirm können Nutzende zwei mögliche Aktionen ausführen:
Ok
Durch Tippen auf die Schaltfläche „OK“ wird der Informationsbildschirm geschlossen und der nächste Bildschirm in Ihrem Zahlungsablauf aufgerufen.
Weitere Informationen
Durch Tippen auf die Schaltfläche „Weitere Informationen“ wird ein Google-Hilfeartikel in einem Webbrowser geöffnet.
Schließen
Wenn Nutzer die untere Ansicht schließen und zum zugrunde liegenden Bildschirm zurückkehren möchten, können sie dies mit den folgenden Methoden tun:
- Auf eine Stelle außerhalb des unteren Blattbehälters tippen
- Tippen auf die Schaltfläche „Zurück“ des Android-Systems
Der Informationsbildschirm muss nicht noch einmal angezeigt werden, nachdem er geschlossen oder der Nutzer auf „Ok“ getippt hat.
Beispiel: Wenn der Nutzer in deiner App tippt, um etwas zu kaufen, löst die Schaltfläche den Informationsbildschirm aus.
Designspezifikationen
Der Informationsbildschirm ist in drei Komponenten unterteilt: Titel, Nachricht und Schaltflächen. Alle drei Komponenten sind erforderlich und müssen genau den in diesen Richtlinien definierten Text und die UI-Elemente enthalten. Zeigen Sie keinen zusätzlichen Text oder zusätzliche Bilder auf diesem Bildschirm, Sie können jedoch zusätzlichen Text und Bilder auf anderen Bildschirmen einfügen.
- Titel
- Text 1
- Text 2
- Tasten
- Ansicht am unteren Rand
- Hintergrundgitter
Titel
| Text |
Sprache auswählen
|
| Schriftart | Roboto (auf alle Schriftarten anwenden) |
| Schriftgröße | 18sp |
| Schriftfarbe | #202124 |
Text 1
Wird verwendet, um wichtige Punkte hervorzuheben, die als kritische Informationen gelten.
| Text |
Sprache auswählen
|
| Schriftgröße | 14sp |
| Zeilenhöhe | 20 |
| Schriftfarbe | #5F6368 |
Text 2
Wird für sekundäre Informationen mit niedrigerer Priorität verwendet.
| Text |
Sprache auswählen
|
| Schriftgröße | 12 sp |
| Zeilenhöhe | 16 |
| Schriftfarbe | #5F6368 |
Schaltfläche 1
| Text |
Sprache auswählen
|
| Textausrichtung | Fokussiert |
| Schriftgröße | 14sp |
| Schriftstärke | Medium |
| Schriftfarbe | #01875F |
| Hintergrundfarbe | #FFFFFF |
| Abmessungen | Höhe:36, Breite: auf Container skalieren |
| Eckenradius | 4dp |
| Umriss | 1dp, #DADCE0 |
| Verknüpfen | Links zum Google Play-Hilfeartikel |
Schaltfläche 2
| Text |
Sprache auswählen
|
| Textausrichtung | Fokussiert |
| Schriftgröße | 14sp |
| Schriftstärke | Medium |
| Schriftfarbe | #FFFFFF |
| Hintergrundfarbe | #01875F |
| Abmessungen | Höhe:36, Breite: auf Container skalieren |
| Eckenradius | 4dp |
| Verknüpfen | Links zum nächsten Bildschirm im Zahlungsablauf |
Ansicht am unteren Rand
| Abmessungen | Höhe: variabel, Breite: 100% |
| Eckenradius | 8dp, 8dp, 0, 0 |
| Hintergrund | #FFFFFF |
| Innenabstände | Links: 24 dp, rechts: 24 dp, oben: 32 dp, unten: 24 dp |
| Höhe | 8dp |
Landschaft
Im Querformat ist das untere Tabellenblatt breiter als in der Hochformatansicht, folgt aber ansonsten denselben Designspezifikationen und Funktionalitäten.
| Ansicht am unteren Rand | Breite: maximal 500 dp, innerer Abstand: 24 dp |
| Titel | Wie Hochformatansicht |
| die Botschaft und | Wie Hochformatansicht |
| Tasten | Höhe:36, Breite: auf Container skalieren |
Weitere Informationen zum EWR-Programm für die alternative Abrechnung ohne Auswahlmöglichkeit für Nutzer und häufig gestellte Fragen finden Sie in der Hilfe.