Die Bildanforderungen dienen als Richtlinie für kundengenerierte Inhalte, die in unsere CMS- und Management Center-Systeme hochgeladen werden. 

Diese Richtlinien können hilfreich bei der Erstellung von Folgendem sein:

• Artikel
• Combos 
• Modifikatoren
• Rabatte
• Neuigkeiten
• Geschäftsbilder

Diese Bilder werden in der mobilen App, der Web-App und dem Kiosk angezeigt.

Artikel

Artikelbilder helfen den Nutzern bei der Navigation durch die Speisekarte und helfen dir, deine Artikel optimal darzustellen.

Jeder Artikel kann nur ein Bild haben. Es wird an mehreren Stellen im Ökosystem angezeigt und kann je nach dem, wo der Artikel angezeigt wird, zugeschnitten werden. 

Diese Richtlinien helfen dir, das Bild richtig zu positionieren.

UNSERE TIPPS:

• Verwende einen weißen oder farbigen Hintergrund, um das Bildmaterial hervorzuheben. 
• Beauftrage, wenn möglich, einen professionellen Fotografen 

DAS SOLLTEST DU LASSEN:

• Verwende keinen Text auf Bildern

Unsere Untersuchungen zeigen, dass die Mehrheit aller Nutzer gut aussehende Bilder zu schätzen weiß bzw. diese bei der Entscheidungsfindung einsetzt und dass ein erheblicher Prozentsatz der Nutzer seine Entscheidung ausschließlich auf das gerade angezeigte Bild stützt.

Bildanforderungen: 

• Bildgröße: 1200x800px

Sichtbarer Bereich: 

• Speisekarten- und Unterkategorien-Bildschirm– 800x800 px
• Artikel Bildschirm – sichtbarer Teil bei Handys mit Aussparung: 1200x700px

Combos

In unserem System werden Combo-Bilder verwendet, um gebündelte Produkte darzustellen. Das Bild sollte den Hauptartikel der Combo sowie die verfügbaren Beilagen zeigen. Das Combo-Bild kann auf dem Speisekarten-Bildschirm, dem Unterkategorien-Bildschirm, beim Upselling und/oder beim Anpassen einer Combo angezeigt werden. Je nach Kontexten wird das Bild zugeschnitten. Jeder Artikel kann nur ein Bild haben.

Diese Richtlinien helfen dir, das Bild richtig zu positionieren.  

UNSERE TIPPS:

• Verwende einen weißen oder farbigen Hintergrund, um das Bildmaterial hervorzuheben. 
• Beauftrage, wenn möglich, einen professionellen Fotografen
• Wähle sorgfältig aus, welche Artikel du zusammen mit dem Hauptartikel in der Combo zeigen willst. 
• Zeige Standardartikel im Combo-Bild an

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

DAS SOLLTEST DU LASSEN:

• Zeige keine Artikel, die nicht in der Combo sind
• Zeige Artikel nicht in einer Gruppe an, wenn nur ein Artikel ausgewählt werden kann
• Verwende keinen Text auf Bildern

Combo-Cluster

Ein Combo-Cluster ist eine Art Paket, in dem bestehende Kombinationen und Artikel zu einer separaten Combo-Mahlzeit zusammengefügt werden können. Jedem Combo-Cluster können mehrere Combos zugewiesen werden. 

Combo-Cluster-Bilder helfen beim Upselling und bei der Personalisierung. Das Bild sollte die Combo-Mahlzeit und den Hauptartikel und/oder jeden anderen Artikel im Cluster zeigen. 

Für Combo-Cluster gelten dieselben Bildanforderungen wie für Combos.

Bildanforderungen: 

• Bildgröße: 1200x800px

Sichtbarer Bereich: 

• Speisekarten-, Unterkategorien- und Upselling-Layover – 800x800px
• Combo-Bildschirm anpassen – sichtbarer Teil auf Geräten mit Aussparung: 1200x700px

Modifikatoren

Modifikatoren sind Änderungen oder Ergänzungen, die als Teil eines Artikels bestellt werden können. Bilder sollten einen einzelnen Modifikator darstellen und dem Nutzern dabei helfen, die Liste der Modifikatoren zu durchsuchen und eine schnelle Auswahl zu treffen. Eine gute visuelle Darstellung der Modifikatoren verbessert das Bestellverhalten der Nutzer. 

Modifikatoren sollten einzelne Add-ons darstellen: 

• Garnituren 
• Gewürze 
• Zusätzliche Zutaten 
• Vollständige Artikel

Verwende diese Richtlinien, um Modifikatoren in einem Modifikatorenbild richtig zu positionieren.

UNSERE TIPPS:

• Modifikatorenbilder sollten einen weißen Hintergrund haben, damit ein Benutzer schnell durch mögliche Modifikatoren navigieren kann.

DAS SOLLTEST DU LASSEN:

• Verwende keinen Text auf Bildern

Bildanforderungen: 

• Bildgröße: 1200x800px

Sichtbarer Bereich: 

• Artikel-Bildschirm: 800x800px

Rabatte (Gutscheine, Aktionen und Belohnungen)

Deine App kann Angebote (Coupons und Promotions) und Belohnungen beinhalten, und die entsprechenden Bilder sollten denselben Richtlinien folgen. Ein Bild stellt den jeweiligen Rabatt an allen Stellen dar, an denen der Rabatt angezeigt wird (in der Liste aller verfügbaren Rabatte, in der Rabattvorschau oder im Bearbeitungsbereich). 

Verwende diese Richtlinien, um die Elemente eines Rabatts im Rabattbild richtig zu positionieren.

UNSERE TIPPS:

• Zeige besondere Artikel und Combos, für die der Rabatt gilt
• Verwende eine Hintergrundfarbe, um den Rabatt optisch aufzuwerten
• Verwende bei Bedarf auch Text für Rabattbilder: Der Text sollte den Wert des Rabatts für den Nutzer hervorheben (z.B. den Preis oder den Rabattbetrag). 
• Platziere den Text in einem sicheren Bereich (siehe die Details unten)

DAS SOLLTEST DU LASSEN:

• Achte darauf das Text und Artikeln in Rabattbildern sich niemals überlappen, da so die Lesbarkeit verringert wird.
• Verwende nie eine kleine Textgröße für Rabattbilder: Der Text muss auch in der Rabattliste lesbar sein, in der das Bild in einem kleineren Format angezeigt wird 
• Integriere nie einen Haftungsausschluss in ein Bild, es sei denn, dein Anwalt rät dir ausdrücklich dazu: Der Vorschaubildschirm für Rabatte verfügt über einen Bereich, in dem der Text für den Haftungsausschluss eingefügt werden kann.   
• Platziere den Text nie unter der Schließen-Schaltfläche oder dem Aussparungsbereich (überprüfe die Details unten)       

Bildanforderungen: 

• Bildgröße: 1200x800px

Sichtbarer Bereich: 

• Angebots-/Belohnungsbildschirm: 1200x800px
• Angebots-/Belohnungsbildschirm – sichtbarer Teil bei Geräten mit Aussparung: 1200x700px

Sicherer Textbereich:

• Unter der Schaltfläche „Schließen“: 1200x480px
• Unter der Aussparung und rechts neben der Schließen-Schaltfläche: 930x615px

Neuigkeiten

Neuigkeiten-Bilder fassen die Themen von Neuigkeiten-Artikeln visuell zusammen. Die Artikel werden in Form einer Liste mit dem Bild in der Artikelüberschrift angezeigt. 

Verwende diese Richtlinien, um Elemente in einem Neuigkeiten-Artikelbild richtig zu positionieren. 

UNSERE TIPPS:

• Verwende eine visuell gesättigte, farbenfrohe Grafik, die einen Textausschnitt aus dem Artikel enthält.
• Platziere den Text in einem sicheren Bereich (siehe die Details unten)

DAS SOLLTEST DU LASSEN:

• Verwende nie weißen Hintergrund für Neuigkeiten-Artikel
• Platziere den Text nie unter der Schließen-Schaltfläche oder der Aussparung ( überprüfe die Details unten)

Unsere Untersuchungen zeigen, dass Nutzer sehr an Neuigkeiten über Angebote, Kampagnen und neue Artikel interessiert sind, von denen sie direkt profitieren können. Jedoch haben sie kein Interesse an normalen Unternehmensnachrichten  

Bildanforderungen: 

• Bildgröße: 1200x800px

Sichtbarer Bereich: 

• Startseite und Neuigkeiten-Bildschirm: 1200x800px
• Neuigkeiten-Artikel – sichtbarer Teil auf Handys mit Aussparung: 1200x700px

Sicherer Textbereich:

• Unter der Schaltfläche „Schließen“: 1200x480px
• Unter der Aussparung und rechts neben der Schließen-Schaltfläche: 930x615px

Geschäftsbilder

Du hast die Möglichkeit, ein Bild für jedes deiner Geschäfte hinzuzufügen. Dieses Bild ist besonders wichtig, wenn du unsere Web-App verwendest. Jeder Artikel kann nur ein Bild haben.

Verwende diese Richtlinien, um ein richtiges Geschäftsbild zu erstellen.

DAS SOLLTEST DU LASSEN:

• Verwende keinen Text auf Bildern

Bildanforderungen: 

• Bildgröße: 1200x800px

Sichtbarer Bereich: 

• Speisekarten-Bildschirm in der Web-App: 1200x800px
• Statusbildschirm und Belege: 800x800px
• Mobiler Geschäftsinformationen-Bildschirm: 1200x700px