Im Rahmen des MORE Mobile MeetUps am 11.2.2020 in Köln wurden die beiden Apps von Flaschenpost.de und Durst.de in Puncto Usability verglichen. Das Ergebnis findest Du in unserer Präsentation.

1. App-Review von Durst.de und Flaschenpost.de
Matthias Steinforth, Gründer Durst.de / Managing Partner E113
Part of

2. Usability
App Match

3. Flaschenpost vs. Durst
Flaschenpost.de
● Getränke-
Sofortlieferung in 120 Min.
oder Vorbestellung
● 500 - 1.500 Produkte je nach
Standort
● Lieferung mit eigener
Logistik
● App seit Juli 2019
Durst.de
● Getränke-Vorbestellung im
60 Min. Zeitfenster
● 400 - 600 Produkte je
Händler
● Lieferung über
angeschlossene Händler
● App seit Mitte 2018 live

4. Round 1:
Download &
Onboarding

7. Round 2:
Farben, Schriften
und Kontraste

8. Flaschenpost: Farben, Schriften & Kontrast
● Einheitliche Nutzung einer gut lesbaren
Schrift
● Überwiegend verständliche Icons samt
Bezeichnung
● Kontraste teilweise sehr gering
(z.B. Sucheingabe, aktive Button in der
Tabbar)
● Varianz der Schriftarten erzeugt eine
Unordnung; Abstufen nicht immer klar
● Großschreibung von Navigations- und
Formular-Elemente ist nicht immer optimal
in der Lesbarkeit
● Checkout-Prozess als Webview integriert;
Bruch im Design / Typografie

9. Durst: Farben, Schriften & Kontrast
● Einfache, klare Kennzeichnung von Buttons,
Navigationselementen und deren Status
● Deutliche Kontraste zwischen Schrift und
Hintergrund
● Klare, eindeutige Symbole in der Tab-Bar
samt Bezeichnung
● Keine Icons für Produktkategorien
● Schriften teilweise zu klein

10. Round 3:
Navigation &
Nutzerführung

11. Navigation in der Durst-App
Navigation per
Kategorie- und
Filterung
Einfache
Bildsprache zur
Kennzeichnung
der Kategorien
Tab-Bar
für die
relevanten
Funktionen

12. Navigieren in der Flaschenpost App
Kategorie-
Navigation
per Icons
Unterkategorien
auswählbar
Filter nach
Marken,
Verpackung und
Beliebtheit

13. Vom Start zur Produktübersicht
1. 2. 3.

14. Vom Start zur Produktübersicht
1. 2. 3.

15. Round 4:
Suche

16. ● Vorschlag von Suchbegriffen,
allerdings nicht personalisiert /
auf Basis des Nutzerverhaltens
● Auto-Vervollständigung bei
Sucheingabe
● Fehlertolerante Suche
● Suche über Begriffe und
Marken
(-> Coca Cola liefert auch
Fanta)
ProduktSuche
● Letzte Suchanfragen werden
gespeichert
● Suchvorschläge werden bei der
Eingabe angezeigt, allerdings
beschränkt auf Marken (keine
Produkte)
● Absprung auf spezielle
Marken-Produktlisten
(alles von Bitburger)
● Darstellung von
Kategorien-Ergebnislisten bei
generischen Begriffen

17. Round 5:
Erreichbarkeit

18. Erreichbarkeit der Funktionen
● Alle wesentlichen Funktionen sind im
grünen Bereich erreichbar
● Position des “Zum
Warenkorb-Buttons” wird durch
Produktbild in Reichweite gebracht;
allerdings sehr nah am Rand
● Zurück-Button im roten Bereich
● Alle wesentlichen Funktionen sind im
grünen Bereich erreichbar
● “+” Button hat genügend Freiraum,
ist gut erreichbar
● Zurück-Button im roten Bereich

19. Scrollen in Übersichten
● Im grünen Bereich sind keine
Funktionen, die versehentlich beim
Scrollen geklickt werden können
● Die relevanten Funktionen (zur
Detailseite / in den Warenkorb) sind
nicht zu nah am Rand
● Im grünen Bereich sind keine
Funktionen, die versehentlich beim
Scrollen geklickt werden können
● Die relevanten Funktionen (zur
Detailseite / in den Warenkorb) sind
nicht zu nah am Rand

20. Round 6:
Warenkorb &
Checkout

21. Warenwert wird
direkt dargestellt
Einzelpreise
und Summen
Alles was blau ist,
muss geklickt werden...
Passende
Keyboards
je nach
Eingabefeld

22. Einzelpreise
und
Summen
Checkout-Prozess erfolgt als
Webview; Layout weicht leicht ab
Responsive Darstellung der
Funktionen nicht immer optimal

23. Round 7:
Little Big Details

24. Hinweise
sind gut
sichtbar
Kleine
Motivation im
Checkout-
Prozess
Sortierung und
Filterung der
Produkte ist
möglich.
Allerdings
nicht nach
Preis...

25. Unterschiedliche Icons
für Firmen- und Privat-Adressen
Produkt-Detailansicht ist jederzeit sichtbar,
Galerie einfach erreichbar
Eingaben
werden
direkt
visualisiert

26. Jetzt Bist Du
gefragt:

27. Welche App hat Dich überzeugt?
Jetzt abstimmen!
Bitte je nur eine Stimme

28. And the Winner is...

29. And the Winner is...

30. Vielen Dank!
Zeit für Fragen...