Bildanforderungen

Die Bildanforderungen dienen als Richtlinie für Benutzer eines White-Label-Produkts. Diese Richtlinien können beim Erstellen hilfreich sein: 

• Artikel 
• Combos 
• Modifikatoren 
• Rabatte 
• Nachrichten

Artikel

Artikelbilder helfen Benutzern beim Navigieren durch das Menü und bei der optimalen Darstellung deiner Artikel. 

Ein Artikel kann nur ein Bild haben. Es wird an mehreren Stellen im gesamten Ökosystem angezeigt und kann abhängig davon, wo das Objekt angezeigt wird, zugeschnitten werden. Diese Richtlinien helfen Ihnen dabei, das Bild richtig zu positionieren.

GEBOTE:

• Verwende einen Hintergrund in Weiß oder Farbe, um die Grafik hervorzuheben 

• Verwende einen professionellen Fotografen, falls möglich

Unsere Forschung zeigt, dass die Mehrheit der Benutzer gut aussehende Bilder schätzt und sie bei der Entscheidungshilfe eine Massgebende Rolle spielt. Ein erheblicher Prozentsatz der Benutzer stützt ihre Entscheidung ausschließlich auf das angezeigte Bild.

Beispiel für ein Artikelbild:

Bildanforderungen: 

Bildgröße: 1200x800px 

Sichtbarer Bereich: 

Menü- und Unterkategoriebildschirm: 800x800px 

Artikelbildschirm - sichtbarer Teil bei Telefonen mit Kerbe: 1200x700px

Combos

Combo-Bilder helfen beim Upselling zu einer Combo und beim Anpassen. Das Bild muss das Haupt-Combo-Artikel und die Standard-Combo-Artikel anzeigen, die der Benutzer bestellen kann. Combo wird mit einem Bild pro Hauptartikel angezeigt. Diese Richtlinien helfen Ihnen dabei, das Bild richtig zu positionieren.

GEBOTEN:

•  Verwende einen Hintergrund in Weiß oder Farbe, um die Grafik hervorzuheben 
•  Verwende einen professionellen Fotografen, falls möglich
•  Wähle sorgfältig aus, welche Artikel zusammen mit dem Hauptartikel in Combo angezeigt werden sollen. 
•  Standardartikel im Combo-Bild anzeigen

Unsere Forschung zeigt, dass 92% der Benutzer erwarten, dass sie das bekommen, was auf dem Bild zu sehen ist. Außerdem gehen 36% der Benutzer davon aus, dass sie eine benutzerdefinierte Auswahl von Artikeln in einer Combo treffen können.

VERBOTEN:

• Artikel anzeigen, die nicht in Combo enthalten sind 
• Artikel in einer Gruppe anzeigen, in der nur eines ausgewählt werden kann

Beispiel für ein Combo-Mahlzeitbild:

Bildanforderungen: 

Bildgröße: 1200x800px 

Sichtbarer Bereich: 

Menü- und Unterkategoriebildschirm: 800x800px 

Artikelbildschirm - sichtbarer Teil bei Smartphones mit Rahmen: 1200x700px

Combo-Clusters

Combo-Cluster stellt einen "Container" für Combos und Artikel dar, die zu einer separaten Combo-Mahlzeit Combo werden sollen. Einem Combo-Cluster können mehrere Combos zugewiesen werden. Combo-Cluster-Bilder helfen beim Upselling und Anpassen. Das Bild sollte Combo-Mahlzeit und das Hauptartikel und/oder jedes andere Artikel im Cluster anzeigen. 

GEBOTEN:

• Verwende einen Hintergrund in Weiß oder Farbe, um die Grafik hervorzuheben 
• Verwende einen professionellen Fotografen, falls möglich 
• Wähle sorgfältig aus, welche Artikel zusammen mit dem Hauptartikel in Combo angezeigt werden sollen. 
• Standardartikel im Combo-Bild anzeigen

VERBOTEN:

• Artikel anzeigen, die nicht in Combo-Cluster enthalten sind 
• Artikel in einer Gruppe anzeigen, in der nur eines ausgewählt werden kann

Bildanforderungen: 

Bildgröße: 1200x800px 

Sichtbarer Bereich: 

Menü- und Unterkategoriebildschirm: 800x800px 

Artikelbildschirm - sichtbarer Teil bei Telefonen mit Kerbe: 1200x700px

Modifikatoren 

Modifikatoren sind Modifikationen oder Add-Ons, die als Teil eines Artikels bestellt werden. Bilder sollten einen einzelnen Modifikator darstellen und dem Benutzer helfen, die Liste der Modifikatoren zu durchsuchen und eine schnelle Auswahl durchzuführen. Modifikatoren sollten einzelne Add-Ons sein wie:

• Beläge  
• Gewürze 
• Zusätzliche Zutaten 
• Vollständige Artikel

Eine gute visuelle Darstellung der Modifikatoren verbessert das Bestellerlebnis des Benutzers. Verwende diese Richtlinien, um Modifikatoren in einem Modifikatorbild korrekt zu positionieren.

GEBOTEN:

• Modifikatorbilder sollten einen weißen Hintergrund haben, damit ein Benutzer mögliche Modifikatoren schnell durchsuchen kann

Beispiel für ein Modifikatorbild:

Bildanforderungen: 

Bildgröße: 1200x800px 

Sichtbarer Bereich: 

Menü- und Unterkategoriebildschirm: 800x800px 

Bilder für Rabatte (Coupons, Promotionen und Belohnungen) 

Deine App verfügt möglicherweise über Coupons, Belohnungen, Promotionen oder alle drei. Die Bilder sollten denselben Richtlinien entsprechen. Ein Bild zeigt den Rabatt an allen Stellen, an denen der Rabatt angezeigt wird (in der Liste aller verfügbaren Rabatte und im Abschnitt Rabattvorschau oder -bearbeitung).

Verwende Richtlinien, um Artikel des Rabatts im Rabattbild korrekt zu positionieren. 

GEBOTEN:

• Funktionsartikel und Combos, für die der Rabatt gilt 
• Verwende Hintergrundfarben, aber vermeide die Verwendung von Weiß oder hellen Farben: Wenn für einen Hintergrund Weiß oder helle Farben verwendet werden, verwende keinen Text im Couponbild 
• Verwende nach Möglichkeit Text für Rabattbilder: Der Text sollte den Wert des Rabatts für den Benutzer hervorheben (z. B. den Preis oder den Rabattbetrag).

VERBOTEN:

• Überlappe den Text und die Artikel in Rabattbildern, da dies die Lesbarkeit beeinträchtigt
• Verwende eine kleine Textgröße für Rabattbilder: sie muss in der Liste der Rabatte lesbar sein, in der das Bild in einem kleineren Format angezeigt wird
• Füge einen Haftungsausschlusstext in ein Bild ein, sofern dies nicht ausdrücklich von deinem Anwalt empfohlen wurde: Der Bildschirm "Rabattvorschau" verfügt über einen bestimmten Bereich, der einen gesetzlichen Haftungsausschlusstext enthalten kann

Beispiel für ein Couponbild:

Beispiel für ein Promotionbild:

Beispiel für ein Belohnungsbild:

Bildanforderungen: 

Bildgröße: 1200x800px 

Sichtbarer Bereich: 

Coupon-/Belohnungsvorschau - sichtbarer Teil auf Handys mit Kerbe: 1200x700px 

Coupon-/Belohnungsbildschirm: 1200x800px

Nachrichten: 

Nachrichtenbilder fassen Themen von Nachrichtenartikeln visuell zusammen. Artikel werden in Form einer Liste mit Bild in der Artikelüberschrift angezeigt. 

Verwende diese Richtlinien, um Artikel in einem News-Artikelbild korrekt zu positionieren.

GEBOTEN:

• Visuell gesättigte Grafik, farbenfroh und mit einem Textausschnitt aus dem Artikel 
• Sei vorsichtig mit der Textabmessung

VERBOTEN:

• Verwende weißen Hintergrund für Nachrichtenbilder 

Unsere Forschung zeigt, dass Benutzer stark an den Nachrichten über Angebote, Kampagnen und neue Artikel interessiert sind, was ihnen einen direkten Nutzen bringt. Sie beschäftigen sich nicht mit Unternehmensnachrichten. 

Beispiel Nachrichtenbild:

Bildanforderungen: 

Bildgröße: 1200x800px 

Sichtbarer Bereich: 

Coupon-/Belohnungsvorschau - sichtbarer Teil auf Handys mit Kerbe: 1200x700px 

Coupon-/Belohnungsbildschirm: 1200x800px