Android App Design für Stupsa

Referenz Inhalte

• App Features
• Projekt Besonderheiten
• Aufbereitung für Play Store
• Extra: App OnBoarding Screens
• App Design Einblicke

Für das Einstellen einer App in den Play Store gibt es einige Dinge zu beachten. Neben der .apk Datei, die den kompilierten Quellcode mit sich trägt, werden allerhand Grafiken in unterschiedlichen Größen eingereicht, damit die App im Store attraktiv dargestellt werden kann – auf großen und kleinen Screens.

Eine genaue Beschreibung der geforderten Dateien findet man aufbereitet bei Google. Grafikinhalte, Screenshots und Videos.

Klingt auf Deutsch wieder etwas sperrig… Die Vorstellungsgrafik ist wie ein Teaser zu der App. Diese Grafik wird von Google eingefordert und sie wird benötigt, um die App zu veröffentlichen. Die Grafik ist für eine wirkungsvolle Präsentation der App und zur Gewinnung neuer Nutzer entscheidend, da sie sich bemüht, das „Wesen“ oder die Idee der App zu transportieren. Mit Bild, Text und Farben kreiert sie eine Stimmung, einen Mood. Die Vorstellungsgrafik erscheint vor Ihren Screenshots im Store-Eintrag Ihrer App. Für Stupsa gab es mehrer Vorschläge zur Auswahl:

• wichtige Informationen in die Mitte der Grafik setzen
• große Schriftgröße verwenden und Branding-Möglichkeiten nutzen
• die Vorstellungsgrafik muss allein funktionieren können
• JPEG oder 24-Bit-PNG (kein Alpha)
• Größe: 1.024 x 500 Pixel

Das so genannte „OnBoarding“ in einer App soll dem Nutzer schnell vermitteln, worum es geht und wie neue Stupsas angelegt werden können. Das OnBoarding sollte in der Regel nicht mehr als aus 5 Schritten bestehen. Zu lange App OnBoardings nutzen nichts, weil  sie einfach übersprungen werden. Sinn des OnBoardings ist es, die wichtigsten Features der App kurz zu vermitteln, damit der Nutzer zu Beginn der Nutzung eine Orientierung dazu hat, was er wo tun kann.

Screendesign ist abhängig von Daten: ohne Daten gibt es nichts zu sehen. Daher ist ein wichtiges Element, um den Nutzer mit der App vertraut zu machen, das App Design von leeren Zuständen. Gern „Empty states“ genannt. Wenn noch nichts vorhanden ist, das dem Nutzer nützt, dann braucht es eine (humrovolle) Aufforderung, etwas zu tun, damit beim nächsten Mal etwas zu sehen ist. Im Fall von Stupsa gibt es zwei signifikante Empty states: 1. es sind noch keine Stupsas angelegt und 2. etwas ist schief gegangen oder konnte von der Amazon API nicht abgerufen werden. Die nachfolgenden zwei Screens beschäftigen sich mit der Lösung dieses Falls.

Ausfürhliche Informationen zu Empty states gibt es in den Material Design-Richtlinien von Google.