Richtlinien für Schaltflächen

Diese Richtlinien sollen dir bei der Implementierung der Google Wallet API in deinen Apps oder auf deinen Websites helfen.

Schaltfläche „In Google Pay speichern“

Über die Schaltfläche In Google Pay speichern muss einer der Google Pay API for Passes-Abläufe aufgerufen werden. Dabei wird ein Bildschirm angezeigt, auf dem Nutzer Bordkarten, Veranstaltungs- oder Fahrkarten, Kundenkarten, Geschenkkarten und Angebote auf ihrem Android-Gerät speichern können. Diese Schaltfläche kann in Apps, auf Websites, in E-Mails oder in SMS von Händlern verwendet werden.

Assets

Die Schaltflächen In Google Pay speichern sind als EPS- und SVG-Dateien verfügbar.

Assets herunterladen – EPS Assets herunterladen – SVG

Alle In Google Pay speichern-Schaltflächen, die auf deiner Website, in deiner App oder in E-Mails angezeigt werden, müssen unseren Markenrichtlinien entsprechen, die auf dieser Seite beschrieben werden. Dazu zählen unter anderem:

  • Größe im Verhältnis zu anderen ähnlichen Schaltflächen oder Elementen der Seite
  • Kontrast zur Hintergrundfarbe der Umgebung
  • Mindestabstand

Die Schaltflächen In Google Pay speichern sind in den folgenden Sprachen verfügbar: Deutsch, Arabisch, Kroatisch, Dänisch, Niederländisch, Englisch, Finnisch, Französisch, Indonesisch, Italienisch, Japanisch, Koreanisch, Norwegisch (Bokmal), Polnisch, Portugiesisch, Russisch, Chinesisch (vereinfacht), Slowakisch, Spanisch, Schwedisch, Thailändisch, Chinesisch (traditionell) und Ukrainisch.

Größe

Passe die Höhe und Breite der Schaltfläche In Google Pay speichern an dein Layout an. Wenn sich andere Schaltflächen auf der Seite befinden, muss die Schaltfläche In Google Pay speichern mindestens so groß wie diese Schaltflächen sein. Die Schaltfläche In Google Pay speichern darf nicht kleiner als andere Schaltflächen sein.

Stil

Die Schaltfläche In Google Pay speichern ist in drei Varianten verfügbar: schwarz, weiß und weiß mit schwarzem Rahmen. Es werden Schaltflächen mit lokalisierten Versionen des Textes bereitgestellt. Erstellen Sie keine Schaltflächen mit selbst übersetztem Text.

Schwarze Schaltflächen „In Google Pay speichern“ Weiße Schaltfläche „In Google Pay speichern“ Weiße Schaltfläche „In Google Pay speichern“ mit Rahmen
Schwarz White Weiß mit Rahmen
Verwende die schwarze Schaltfläche auf weißem oder hellem Hintergrund, um Kontrast zu erzeugen. Verwende die schwarze Schaltfläche nicht auf dunklem Hintergrund. Verwende stattdessen die weiße Schaltfläche. Verwenden Sie die weiße Schaltfläche auf dunklem oder mehrfarbigem Hintergrund. Verwende die weiße Schaltfläche nicht auf weißem oder hellem Hintergrund. Verwenden Sie stattdessen die schwarze oder die weiße Schaltfläche mit Rahmen. Verwende die weiße Schaltfläche mit Rahmen als Alternative zur schwarzen Schaltfläche auf weißem oder hellem Hintergrund. Verwende diese Schaltfläche nicht auf dunklem oder mehrfarbigem Hintergrund. Verwende stattdessen die weiße Standardschaltfläche.

Mindestabstand

Halte an allen Seiten der Schaltfläche In Google Pay speichern einen Mindestabstand von 8 dp ein. Achten Sie darauf, dass sich innerhalb des Mindestabstands keine Grafiken und kein Text befinden.

Schwarze Schaltflächen für „In Google Pay speichern“, umgeben von einem Mindestabstand

Mindesthöhe

Alle In Google Pay speichern-Schaltflächen müssen eine Mindesthöhe von 36 dp haben.

Weiße „In Google Pay speichern“-Schaltflächen, umgeben von einem Mindestabstand

Empfohlene und zu vermeidende Vorgehensweisen

Zulässig Don'ts
Richtig: Verwende nur die von Google bereitgestellten In Google Pay speichern-Schaltflächen. Falsch: Erstelle keine eigenen In Google Pay speichern-Schaltflächen und ändere die Schriftart, die Farbe, den Schaltflächenradius oder den Abstand innerhalb der Schaltfläche.
Richtig:Verwende auf deiner gesamten Website dasselbe Schaltflächendesign. Die Farbe der Schaltfläche kann sich anpassen, wenn sich die Farbe des Hintergrunds ändert. Falsch: Die Schaltfläche In Google Pay speichern darf nicht kleiner als andere Schaltflächen sein.
Richtig: Achte darauf, dass die Schaltfläche In Google Pay speichern immer mindestens so groß ist wie andere Schaltflächen. Falsch: Die Farbe der Schaltfläche sollte nicht mit dem Hintergrund vergleichbar sein. Verwende beispielsweise nicht die weiße Schaltfläche auf weißem Hintergrund.
Richtig: Wähle eine Farbe für die Schaltfläche, die im Kontrast zum Hintergrund steht. Falsch: Die Schaltfläche darf nicht kostenlos skaliert werden.
Richtig: Behalte das Schaltflächenverhältnis bei, wenn du die Größe der Schaltfläche In Google Pay speichern anpasst.

Best Practices für die Platzierung von Schaltflächen

Wenn du die Anzahl der gespeicherten Objekte maximieren möchtest, solltest du die Schaltfläche In Google Pay speichern in deiner App, auf deiner Website oder in deiner E-Mail gut sichtbar platzieren. Du musst dich an die folgenden Best Practices halten, um eine Markengenehmigung von Google zu erhalten.

Kundenkarten

Wir empfehlen dir, die Schaltfläche In Google Pay speichern in deiner App, auf deiner Website oder in E-Mails in der Nähe von Informationen zur Kundenloyalität zu platzieren. Es ist auch hilfreich, die Schaltfläche auf Bestätigungsbildschirmen zu präsentieren, die direkt nach der Anmeldung für das Treuepunkteprogramm in Ihrer App oder auf Ihrer Website angezeigt werden.

Beispielseite der Website mit der Schaltfläche „In Google Pay speichern“

Geschenkkarten

Wir empfehlen, die Schaltfläche In Google Pay speichern auf dem Bestätigungsbildschirm zu platzieren, der nach dem Kauf einer Geschenkkarte in deiner App oder auf deiner Website angezeigt wird. Es empfiehlt sich außerdem, die Schaltfläche in jeder E-Mail-Nachricht an den Empfänger der Geschenkkarte anzuzeigen.

Angebote

Wir empfehlen, die Schaltfläche In Google Pay speichern in der Nähe von Bildschirmen oder Seiten in deiner App oder auf deiner Website zu platzieren, auf denen Nutzer auf Angebote zugreifen. Bessere Ergebnisse erzielst du, wenn du die Schaltfläche in allen E-Mails zum Angebot erwähnst.

Veranstaltungstickets und Fahrkarten

Die Schaltfläche In Google Pay speichern muss am Ende des Kaufvorgangs oder auf Bestätigungsbildschirmen einer App, auf Webseiten oder in E-Mails angezeigt werden. Wir empfehlen, die Schaltfläche In Google Pay speichern dort zu platzieren, wo Nutzer in deiner App oder auf deiner Website auf ihre Tickets zugreifen.

Beispiele für Smartphone-Webseiten mit der Schaltfläche „In Google Pay speichern“

Bordkarten

Die Schaltfläche In Google Pay speichern muss am Ende des Kaufvorgangs oder auf Bestätigungsbildschirmen einer App, auf Webseiten oder in E-Mails angezeigt werden. Du kannst die Schaltfläche auch dort einblenden, wo Passagiere für ihre Flüge einchecken oder ihre Bordkarten auf deiner Website oder in deiner App ansehen, oder sie in entsprechende E-Mails einfügen.

Beispiele für Webseiten auf Smartphones, auf denen Bordkarten mit der Schaltfläche „In Google Pay speichern“ angezeigt werden

Verwendung des Google Pay-Produktnamens im Text

Du kannst den Nutzer mit einem Text darüber informieren, dass seine Bordkarte, seine Veranstaltungs- oder Fahrkarte, seine Kundenkarte, seine Geschenkkarte oder sein Angebot auf seinem Gerät gespeichert wurde.

Die Buchstaben „G“ und „P“ großschreiben

Verwenden Sie immer ein großes „G“ und ein großes „P“ gefolgt von Kleinbuchstaben, wenn Sie auf Google Pay verweisen. Schreibe den Namen „GOOGLE PAY“ nie vollständig in Großbuchstaben, es sei denn, dies entspricht dem typografischen Stil deiner Benutzeroberfläche.

Google Pay nicht abkürzen

Schreibe die Wörter „Google“ und „Pay“ immer aus.

Dem Stil deiner UI anpassen

Verwenden Sie für „Google Pay“ dieselbe Schriftart und denselben typografischen Stil wie für den übrigen Text in Ihrer UI. Ahme nicht den typografischen Stil von Google nach.

Google Pay nicht übersetzen

Schreibe „Google Pay“ immer auf Englisch. Übersetzen Sie sie nicht in eine andere Sprache.