Out with the old, in with the new

Die ehemalige Denner App wurde 2012 entwickelt und war dementsprechend sowohl technisch wie auch optisch nicht mehr auf dem neuesten Stand. Es war Zeit für eine Modernisierung!

Die neue App wurde grösstenteils nativ umgesetzt. Inhalte werden dabei im Hintergrund geladen, was lange Ladezeiten verhindert. 

Der Weinshop ist als Webview eingebunden. Dies wird mittelfristig auch so bleiben: Wie so oft gibt es Abhängigkeiten zu vielen Umsystemen, die insbesondere wenn es um Onlineshops geht, schnell relativ komplex werden können. Somit stellt sich die Frage, ob eine native Umsetzung in der gegebenen und gewachsenen Systemlandschaft sinnvoll ist. Im Falle des Weinshops haben sich die Projektteams von Denner und Apps with love entschieden, mit einer nativen Umsetzung abzuwarten, bis die Systeme im Hintergrund modernisiert und vereinfacht sind, sodass eine native Umsetzung leichter realisierbar ist. Abgesehen davon funktioniert die aktuelle Lösung und die Nutzer*innen sind vertraut damit - don’t fix what ain't broken.

Bequem einkaufen bei Denner 

Die neue App soll Denner Kund*innen noch mehr Vorteile bringen, weshalb bestehende Funktionalitäten verbessert und neue Funktionalitäten hinzugefügt wurden. 

Verbesserte Aktionsübersicht: Produkte werden übersichtlicher dargestellt und die Filterfunktion wurde verbessert. Aktionen können neu einfach durchsucht werden.

Einkaufslisten: Das Einkaufslistenfeature wurde stark verbessert und zugänglicher gemacht. Listen können geteilt, gemeinsam bearbeitet und mit individuellen Notizen ergänzt werden, Aktionen können mit einem Klick zur gewünschten Einkaufsliste hinzugefügt werden.

Personalisieren: Die App kann nach den eigenen Wünschen eingerichtet werden, sodass nur Aktionen angezeigt werden, die einem auch wirklich interessieren. Beispielsweise können Nichtraucher*innen die App so einstellen, dass keine Aktionen zu Tabakwaren angezeigt werden. Das Gleiche gilt für Alkoholkonsum, Fleischverzehr oder Laktoseintoleranz. AUch Benachrichtigungen können nach eigenen Präferenzen eingerichtet werden. 

Login: Die Implementation des Migros-Login erlaubt es, Einstellungen oder auch zum Beispiel die Einkaufsliste zwischen Geräten zu synchronisieren. Ebenfalls entsteht damit die Verknüpfung zu denner.ch und dem Weinshop.

Aktionsalarme: Damit keine Aktionen verpasst werden, können praktische Aktionsalarme eingerichtet werden. User*innen werden benachrichtigt, sobald das gewünschte Produkt in Aktion ist. 

Verbesserte Filialsuche: Der überarbeitete Filialfinder zeigt den kürzesten Weg zur nächsten Denner Filiale und informiert über aktuelle Öffnungszeiten und das lokale Angebot. Die Stammfiliale kann als Favoritin hinzugefügt werden.

Das Design wurde modernisiert, insbesondere die Aktionspräsentation wurde übersichtlicher gestaltet. Klare Erkennungszeichen wie das Denner Preisschild und die Bildsprache blieben aber im Fokus.

UX-Writing - klare, prägnante und hilfreiche Texte

Zu einer guten User Experience gehört nicht nur ein schönes Design und ein einfach zu bedienendes User Interface, sondern auch einfach verständliche und klare Texte. User*innen sollen möglichst intuitiv durch das Interface geführt werden, die Interaktion mit der App sollte sich natürlich anfühlen. Hier setzt UX-Writing an. Die einzelnen kurzen Textbausteine, die sogenannte Microcopy, werden analysiert und verbessert.Konkret geht es um Buttons, Titel, Fehlermeldungen, Call to Actions, Empty States und so weiter. 

Während des Designprozesses haben wir mit Unterstützung von Jrene Rolli diese Textbausteine in der Denner App unter die Lupe genommen. Wir haben unklare Formulierungen ergänzt oder vereinfacht und die Tonalität vereinheitlicht, sodass diese zum restlichen Kommunikationsstil von Denner passt. Die Texte wurden anschliessen übersetzt und dann erneut durch je eine französisch- und eine italienischsprachigen UX-Writerin optimiert.

User*innen zentriertes Vorgehen

Grössere Neuerungen kommen bei den User*innen nicht immer nur gut an. Umso wichtiger ist es, auf das Feedback der Community zu hören und deren Inputs bei Neu- und Weiterentwicklungen zu berücksichtigen. So wurde beispielsweise kurz nach dem ersten Release das Einkaufslisten Feature erneut angepasst, damit es den Wünschen und Bedürfnissen der User*innen besser entspricht.