Mobile App - Leitfaden zur Anpassung von Loyalty – MENU

MENU Loyalty soll dir helfen, deine Kunden langfristig zu binden, indem du sie mit einem ausgabenbasierten Programm belohnst. Um ein attraktives Erlebnis zu kreieren, solltest du dein Loyalty-Programm konfigurieren und deine Belohnungen anhand unserer Richtlinien und deiner spezifischen Bedürfnisse individuell gestalten.

Loyalty-Währung

Die Loyalty-Währung oder Punkte werden von den Benutzern gesammelt und zum Kauf von Belohnungen verwendet. Wie jede andere Währung hat auch diese Währung ihr eigenes Symbol. Du solltest dieses Symbol in einem Container von 24x24px erstellen.

Verwendet für

Loyalty-Karte
Anzeige der Anzahl der Punkte am Startbildschirm
Mini-Loyalty-Karte am Startbildschirm
Anzeige der Anzahl der Punkte im Fenster Belohnungen / Angebote
Anzeige der Anzahl der verwendeten Punkte im Fenster Zusammenfassung
Anzeige des Preises in Punkten für jeden Artikel im Fenster Zusammenfassung
Anzahl der Punkte, die der Benutzer im Fenster Zusammenfassung erhält
Anzeige der Anzahl der ausgegebenen oder verdienten Punkte im Fenster Bestellungen
Anzeige der Anzahl der ausgegebenen oder verdienten Punkte im Fenster Einzelne Bestellungen

Anforderungen

Größe des Bildcontainers: 24x24px
Bildformat: SVG
Name: coin.svg

Hintergrund der Loyalty-Karte

Die Loyalty-Karte dient dazu, grundlegende Informationen über einen Benutzer anzuzeigen, z. B. die Anzahl seiner Punkte, die erreichte Stufe, dient aber auch zum Sammeln von Punkten an der Kasse oder am Kiosk. Es gibt zwei Themen für die Loyalty-Karte und du kannst eines davon auswählen, wenn du das Loyalty-Programm konfigurierst.

Heller und dunkler Hintergrund

Der Hintergrund für die helle und dunkle Loyalty-Karte sollte nur so hell/dunkel sein, dass er die Lesbarkeit der Karte nicht beeinträchtigt.

Verwendet für

Vorderseite der Loyalty-Karte
Rückseite der Loyalty-Karte (beim Sammeln von Punkten)

Anforderungen

Bildgröße: 1200x807px
Bildformat: PNG
Name:
- cardbg_light.png
- cardbg_dark.png

Kompakter Hintergrund der Loyalty-Karte

Die kompakte Loyalty-Karte wird verwendet, um Informationen über die Anzahl der Punkte und die erreichte Stufe auf dem Startbildschirm anzuzeigen. Auch für die kompakte Loyalty-Karte gibt es zwei Themen.

Kompakter heller und dunkler Hintergrund

Der kompakte Hintergrund für das Hell- und Dunkel-Thema sollte so hell oder dunkel sein, dass er die Lesbarkeit der Karte nicht beeinträchtigt.

Verwendet für

Kompakte Loyalty-Karte am Startbildschirm

Anforderungen

Bildgröße: 1200x433px
Bildformat: PNG
Namen:
- compact_cardbg_light.png
- compact_cardbg_dark.png

Bilder zur Programmbeschreibung

Bilder zur Programmbeschreibung helfen, die Informationen verständlicher und anschaulicher zu machen. Jedes Bild gehört zu einem Absatz, der eine Information über das Programm enthält. Die maximale Anzahl von Absätzen ist 3.

Verwendet für

Infoseite zum Loyalty-Programm

Anforderungen

Bildgröße: 224x224px
Bildformat: PNG
Namen:
- loyalty_desc_heading1.png
- loyalty_desc_heading2.png
- loyalty_desc_heading3.png

Bilder für Angebote und Belohnungen

Angebots- und Belohnungsbilder sind klare Darstellungen der Artikel, die die Benutzer erhalten. Unsere Empfehlung ist, nur Bilder von Produkten mit einer Hintergrundfarbe oder einem neutralen Muster zu verwenden. Wir empfehlen, keinen Text auf Bildern zu verwenden, da alle notwendigen Informationen in der Beschreibung des Angebots/der Belohnung zu finden sind.

Verwendet für

Bilder von Angeboten und Belohnungen

Anforderungen

Bildgröße: 1200x800px
Sicherer Bereich: 1200x700px (sichtbarer Teil auf Handys mit einer Aussparung, also platziere nichts Wichtiges im unsicheren Bereich)
Bildformat: PNG
Namen: Du kannst den Namen selbst definieren, aber wir empfehlen, den Namen des Angebots/der Belohnung zu verwenden.

Symbole

Du solltest deine Loyalty-Symbole so gestalten, dass sie mit den anderen Symbolen in der App übereinstimmen, aber auch dem Stil deiner Marke entsprechen. Die Symbole sollten den Namen und die Funktion darstellen, die sie in der App haben.

Hinweis: Die meisten der auf den Bildschirmen gezeigten Symbole sind Teil der größeren mobilen Schnittstellenrichtlinien. [ADD LINK HERE]

Verwendet für