Zurück zu Referenzen

Food&Events App – Nutzerorientierte Design einer Restaurant-App

Restel Oy ist eine führende finnische Restaurantgruppe, die zu Tradeka-yhtiöt Oy gehört. Restels Restaurantnetzwerk besteht aus etwa zweihundert Restaurants im ganzen Land. Restel bietet eine Vielzahl von verschiedenen Restaurantkonzepten an, darunter Fast-Food-Restaurants und Food&Events-Restaurants.

Zielsetzung war die Umsetzung einer nutzerzentrierten Restaurant-App.

Mit der Food & Events-App können die Nutzer einen ganzen Abend an Unterhaltung, Events und Mahlzeiten planen. Die App kann verwendet werden, um Mahlzeiten bei Festivals, Eishockeyspielen, Theateraufführungen oder Restaurants zu bestellen.

Restel wollte das Benutzererlebnis der App verbessern und sicherstellen, dass die App die Anwendungserfahrung des Kunden auf bestmögliche Art und Weise unterstützt. Das Design und die Entwicklung der App wurden von zwei Zielsetzungen geleitet:

  1. Das Verständnis und die Berücksichtigung verschiedener Endbenutzer. Alle Benutzergruppen wurden identifiziert: von jungen bis älteren Nutzern, von denen, die einen Hamburger bei einem Eishockeyspiel essen möchten, bis zu denen, die einen Sekt in einem Theater geniessen wollen. Bei der Gestaltung der Benutzeroberfläche erwiesen sich Klarheit, Intuitivität und Zugänglichkeit der App als wichtige Leitprinzipien.
  2. Es sollte möglich sein, dass viele verschiedene Marken von Veranstaltungsorten und Restaurants die App als gemeinsame Plattform nutzen können.

Machbarkeit des Designs in einem Monat

Beim Designprozess wurde auf bewährte Service-Design Methoden zurückgegriffen. Die Umsetzung wurde in enger Zusammenarbeit mit Restel, Restaurants, Veranstaltungsorten – und natürlich den Endnutzern realisiert.

Insgesamt dauerte die Designphase etwa einen Monat. Dieser zügige Fortschritt wurde durch engagierte Stakeholder und schnelle, iterative Entwicklung ermöglicht. Wenn Designer und Entwickler eng zusammenarbeiten, resultiert dies in einem schnelleren und qualitativ hochwertigeren Ergebnis. Dies führt zu realisierbaren Design und bestmöglichen Benutzererlebnis in einer optimalen App.

Food&Events verbessert das Erlebnis im echten Leben.

Das Ziel der App ist es, das Erlebnis des Endnutzers im echten Leben, z.B. bei einer Veranstaltung oder einem Restaurantbesuch, auf bestmögliche Weise zu unterstützen. Aus diesem Grund besuchten die App-Designer verschiedene Veranstaltungen und Restaurants, um mehr Details zu den Dienstleistungen vor Ort und den Bewegungsmustern der Gäste zu erfahren. Bei der Bestellung von Speisen am Tisch fanden die Designer heraus, wie z.B. die Rhythmen des Restaurantbetriebs und der App harmonisiert werden können.

Der Designprozess ging innerhalb von sechs Wochen zur Testphase auf Nutzerseite über. Tester, wie zum Beispiel Kunden, die sich ein Eishockeyspiel oder ein Theaterstück ansehen, bestellten eine Mahlzeit für die von ihnen gewählte Veranstaltung. Der Benutzertest wurde komplett remote durchgeführt. Basierend auf eingehenden Feedback wurden unter anderem Inhalt und Anweisungen der App verbessert. Die Benutzeroberfläche wurde jedoch von Anfang an für ihre Klarheit gelobt.

Der Prototyp wurde mit echtem Code erstellt.

Der Endnutzer-Testprozess verlief herausragend, da der Prototyp mit echtem Code erstellt wurde. Es wurde beschlossen, die App mit der agilen Flutter-Technologie zu entwickeln. Flutter ist eine derart flexible Technologie, dass sogar größere Änderungen an der Benutzeroberfläche leicht in Live-Code vorgenommen werden können.

Dies führte auch zu qualitativ hochwertigeren Testergebnissen. Die Nutzer konnten die App umfassend kennenlernen, ohne auf eine bestimmte Route oder einen bestimmten Use Case beschränkt zu sein.

Zum Beispiel konnten Textfelder frei verwendet und Produkte durchsucht und zum Warenkorb hinzugefügt werden. Die Testphase war deutlich produktiver als es bei einem mit einem Tool wie Invision oder Figma gebauten Prototypen der Fall gewesen wäre, wo jeder Klick im Voraus entschieden und eingebaut wird.

Der Prototyp zeigte konkret auf, wie die wichtigsten Features und Funktionen sowie das Design in der Praxis aussehen würden. Auch die Idee des realiserbaren Designs war hier deutlich erkennbar – sie wurde in den Code geschrieben und parallel zu den Funktionen entwickelt.

Flutter ermöglichte den schnellen Umsetzungsprozess – echter Code von Anfang an.

Eine attraktive, in der Praxis nutzbare und qualitativ hochwertige App mit Flutter.

Zwei Entwickler haben den Code der App in wenigen Monaten fertiggestellt. Es klingt zu schön, um wahr zu sein. Und um ehrlich zu sein, hat der enge Zeitplan selbst unter den Entwicklern von Rebel App Studio einige Zweifel aufgeworfen.

In Verbund mit einem iterativen Entwicklungsmodell hat die flexible Flutter-Technologie schnellen Fortschritt ermöglicht. Flutter ist die beste Technologie für das Projekt, weil:

  • man damit schnell programmieren kann – echter Code ab dem Prototypen.
  • es einfach ist, jederzeit Änderungen an der Benutzeroberfläche vorzunehmen und damit schnelle und iterative Entwicklung unterstützt wird.
  • auch eine Lösung für Nutzeranalyse und Tests vorhanden ist, die bei der Finalisierung des Projektes hilft.
  • die Cross-Plattform-Technologie ermöglicht, mit einem kleinen Team sowohl iOS- als auch Android-Versionen der App zu entwickeln.

Die Wartung und kontinuierliche Entwicklung der App gewährleistet auch die zuküftige Qualität der App.

Die Entwickler begannen bereits vor der Veröffentlichung der Food&Events-App über weitere, potentielle Entwicklungsschritte nachzudenken. Auch eine Web-Version der App wird entwickelt. Diese wird das Nutzererlebnis verbessern, wenn z.B. eine Mahlzeit für eine Veranstaltung im Voraus beim Kauf von Tickets für ein Eishockeyspiel bestellt werden soll.

Es besteht auch das Bestreben, die App auf dem umkämpften Markt der Food-Apps jederzeit auf dem neuesten Stand zu halten. Dabei sind Erfahrungsberichte und Feedback der Nutzer elementar für eine Vision für die weitere Entwicklung der App.

Möchten Sie mehr erfahren?

Das Projekt fühlte sich eher wie ein Infomercial an: bessere Benutzererfahrung und höhere Qualität – und dies in einem rapiden Tempo. Das Projekt war ein voller Erfolg – insbesondere dank:

  • des Einsatzes und des Bekenntnisses des gesamten Teams für das Projekt und den ehrgeizigen Zeitplan
  • der effektiven Nutzung des Endnutzer-Feedbacks während des Designprozesses
  • der nahtlosen Zusammenarbeit zwischen Designern und Entwicklern und eines iterativen und schnellen Entwicklungsprozesses
  • Flutter, das die schnelle Umsetzung des Prototyps möglich machte – von Anfang an echter Code

Wenn Sie mehr über das Food&Events Projekt und nutzerzentrierte mobile Entwicklung erfahren möchten, wenden Sie sich bitte an Minna Karvonen. Wenn Sie lieber über agile Flutter-Technologie sprechen möchten, dann sprechen Sie mit Tom Gilder! Zögern Sie nicht, sich zu melden und nach Tipps und Lösungen zu Ihrer individuellen Situation zu fragen.

Weitere Referenzen