Reminder: By Aug 31, 2024, all new apps and updates to existing apps must use Billing Library version 6 or newer. If you need more time to update your app, you will be able to request an extension until Nov 1, 2024. Learn more.

Diese Seite wurde von der Cloud Translation API übersetzt.

Vorläufige UX-Richtlinien für alternative In-App-Abrechnungssysteme

Übersicht

Wenn du ein alternatives In-App-Abrechnungssystem als das von Google Play anbietest, musst du einen Bildschirm mit Informationen und einen separaten Bildschirm für die Abrechnungsauswahl anzeigen, um die Nutzererfahrung einheitlich zu gestalten und Nutzern zu helfen, eine fundierte Entscheidung zu treffen. Der Bildschirm mit den Informationen muss jedem Nutzer nur angezeigt werden, wenn er zum ersten Mal einen Kauf tätigt. Der Bildschirm mit der Abrechnungsauswahl sollte hingegen vor jedem Kauf angezeigt werden. Die für Nutzer sichtbaren Meldungen und UI-Spezifikationen für beide Bildschirme sollten gemäß den folgenden Richtlinien implementiert werden.

Informationen für Nutzer

Der Informationsbildschirm hilft Nutzern, den Kontext der Änderung zu verstehen, und bietet weitere Informationen, die ihnen dabei helfen, eine fundierte Entscheidung zu treffen.

Anzeigezeitpunkt

Der Informationsbildschirm sollte Nutzern zu Beginn ihres ersten Kaufs angezeigt werden, nachdem Sie ein alternatives In-App-Abrechnungssystem hinzugefügt haben. 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 Starten eines Kaufs ausgeführt hat.

Wann der Preis angezeigt werden soll

Der Kaufpreis sollte für Nutzer deutlich sichtbar sein, bevor sie entweder auf dem Bildschirm mit den Informationen oder auf dem Bildschirm mit der Abrechnungsauswahl angezeigt werden.

So präsentieren Sie

Der Informationsbildschirm sollte 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.

Die Ansicht am unteren Rand sollte 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 drei mögliche Aktionen ausführen:

Weiter

Durch Tippen auf die Schaltfläche „Weiter“ wird der Bildschirm mit den Informationen geschlossen und der Bildschirm mit der Abrechnungsauswahl geöffnet.

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 wurde oder der Nutzer auf „Weiter“ getippt hat.

Beispiel: Der Kaufpreis wird deutlich angezeigt, bevor der Nutzer den Kauf tätigt. Durch Tippen auf die Schaltfläche „Jetzt teilnehmen“ gelangen Sie zum Informationsbildschirm.

Bildschirm mit Nutzerinformationen

Designspezifikationen

Der Informationsbildschirm ist in drei Komponenten unterteilt: Titel, Nachricht und Schaltflächen. Alle drei Komponenten sind erforderlich und müssen exakt den in diesen Richtlinien definierten Text und die UI-Elemente enthalten. Fügen Sie auf diesem Bildschirm keinen zusätzlichen Text oder zusätzliche Bilder ein. Sie können aber gerne zusätzlichen Text und Bilder auf anderen Bildschirmen einfügen.

Bildschirm mit Zahlungsoptionen, auf dem die Position der erforderlichen Komponenten zu sehen ist

Titel
die Botschaft und
Tasten
Ansicht am unteren Rand
Hintergrundgitter

Titel

Text	Änderungen an deinen Zahlungsoptionen
Schriftart	Roboto (auf alle Schriftarten anwenden)
Schriftgröße	18sp
Schriftfarbe	#202124

die Botschaft und

Text 1	Aufgrund der jüngsten Änderungen der Vorschriften in Südkorea haben Sie an der Kasse jetzt mehr Optionen. Mit Ihrer Auswahl legen Sie Folgendes fest: den Abrechnungsdienst, über den Ihre Käufe gesichert, Ihre Zahlungen verarbeitet und die Zahlungsinformationen gespeichert werden den Kundensupportanbieter für den Kauf die Zahlungsmittel, die du verwenden kannst die für Ihren Kauf verfügbaren Vorteile
Schriftgröße	14sp
Zeilenhöhe	20
Schriftfarbe	#5F6368
Text 2	Nur Käufe über Google Play werden von Google geschützt. Google Play-Funktionen wie Google Play Geschenkkarten, Play Points, Kaufeinstellungen und die Aboverwaltung sind nur verfügbar, wenn du an der Kasse Google Play auswählst.
Schriftgröße	12 sp
Zeilenhöhe	16
Schriftfarbe	#5F6368

Schaltfläche 1

Text	Weitere Informationen
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	Weiter
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 Bildschirm mit der Abrechnungsauswahl

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.

Bildschirm mit Zahlungsoptionen im Querformat

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

Bildschirm mit Abrechnungsauswahl

Auf dem Bildschirm mit der Abrechnungsauswahl werden Nutzern zwei Zahlungsoptionen angezeigt, um den Kauf abzuschließen. Damit Nutzer eine fundierte Entscheidung treffen können, werden bei jeder Abrechnungsdienstoption auch die verfügbaren Zahlungsmittel angezeigt. Nachdem Nutzer ihre Auswahl getroffen haben, schließen sie ihren Kauf weiterhin über diesen Abrechnungsdienst ab.