HAFTUNGSAUSSCHLUSS: Dieses Projekt dient nur Bildungs- und Portfoliozwecken und ist nicht direkt von der Teapioca Lounge erstellt, gehört ihr oder steht in direkter Verbindung zu Teapioca Lounge.

DIE SZENE SETZEN – ÜBERBLICK

Hintergrundgeschichte

Ein Boba-Laden, in den ich gehe, hat eine App, also habe ich beschlossen, meine Bestellungen darüber aufzugeben, um die Warteschlange im Laden zu vermeiden. Meine erste Reaktion war: Wo ist der Boba? Warum gibt es keine Bilder, wenn es sich um eine Essens-/Getränke-App handelt? Das von mir definierte Problem ist, dass die App schwer zu navigieren ist, Bilder/Beschreibungen benötigt und ein verwirrendes Layout hat.

Geschäftswert

Dadurch entgeht dem Shop Gewinn , weil die App weniger attraktiv ist und weniger Kunden Bestellungen aufgeben. Deshalb habe ich es mir zur Aufgabe gemacht, zu prüfen, wie das Layout der App neu gestaltet werden könnte, um Kunden bei der Bestellung zu helfen.

Warum Neugestaltung

Ich weiß nicht, wie es Ihnen geht, aber wenn ich etwas bestelle, egal was es ist, möchte ich wissen, wie es aussieht, und suche nach einer Beschreibung, um mehr über das Produkt zu erfahren. Vor allem, wenn es Boba ist!

Meine Ziele

• Um ein reibungsloses Bestellerlebnis und eine einfach zu navigierende Benutzeroberfläche zu bieten
• Schlagen Sie ein aussagekräftigeres und optisch ansprechenderes Menülayout vor, damit Benutzer wissen, um welches Produkt es sich handelt und wie es aussieht

Ich habe die App genutzt und keine positiven Erfahrungen gemacht. Aber was ist mit anderen, die die App nutzen? Wie waren ihre Erfahrungen? Ich beschloss, etwas zu recherchieren, um das herauszufinden.

Bewertungen durchgehen

Ich begann meine Benutzerrecherche, indem ich im App Store nach Rezensionen suchte. Dadurch konnte ich erkennen, welche Meinungen häufige Nutzer der App hatten . Die meisten Rezensionen konzentrierten sich auf technische Aspekte der App, ich konnte jedoch zwei finden, die sich auf die Benutzererfahrung bezogen.

Aus den Bewertungen können wir ersehen, dass die allgemeine Rückmeldung zur App darin besteht, dass sie schwierig zu navigieren ist und über ein umfangreiches Menü verfügt, was dazu führt, dass Benutzer die App nicht verwenden.

Benutzerinterviews

Anschließend habe ich Benutzerinterviews mit 5 Benutzern geführt , die bereits in der Vergangenheit in der Teapioca Lounge waren oder in Zukunft dorthin gehen möchten. Dies half zu verstehen, warum Benutzer Apps überhaupt nutzen und was ihnen am wichtigsten ist.

Einige wichtige Erkenntnisse aus dem Interview:

• Fast allen Teilnehmern gefällt es, mit einer App durch die Speisekarte zu stöbern, weil sie so lange in der Speisekarte stöbern können, wie sie möchten
• Die meisten Teilnehmer möchten über Apps bestellen, um die Warteschlange zu umgehen und es bequemer zu machen
• Die Teilnehmer äußerten außerdem, dass sie Apps bevorzugen, die einfach zu navigieren sind und eine individuelle Anpassung ermöglichen

Nach dem Benutzerinterview habe ich dieselben Teilnehmer (5 Teilnehmer) gebeten, die Teapioca Lounge-App zu testen, um zu sehen, wie sie mit den Funktionen der App interagieren werden.

Die Aufgabe, die ich jedem Teilnehmer gab, war:

Können Sie mir erklären, wie Sie bei Boba einen Smoothie bestellen würden?

TIEFER GRABEN – ANALYSE

Das Problem definieren

Nachdem ich durch Benutzerrecherchen Schwachstellen identifiziert und analysiert hatte, definierte ich die folgenden Schwachstellen, mit denen die meisten Benutzer Probleme hatten.

Schmerzpunkt 1 – App schwer zu navigieren

• Das Layout des Menüs ist sehr umfangreich und erschwert die Navigation. Bei umfangreichen Layouts müssen Kunden raten, wo sie suchen müssen, wenn sie einen Artikel auf eine bestimmte Art und Weise bestellen möchten.

• Fast alle Nutzer äußerten ihre Frustration darüber, dass die App keine Bilder hat. Es wird für die Benutzer schwieriger zu verstehen, was sie bestellen und welchen Artikel das Geschäft verkauft, wenn sie es nicht visuell sehen können.

• Benutzer gaben an, dass sie aufgrund fehlender Beschreibungen raten müssen, was genau der Artikel enthält, den sie bestellen.

Als nächstes habe ich alle oben aufgeführten Rückmeldungen, Erkenntnisse und Schwachstellen zusammengestellt. Ich habe meine Forschung kategorisiert, um einen klareren Überblick darüber zu erhalten, was für Benutzer wichtig ist, und um potenzielle Ideen zu entwickeln.

Benutzerflüsse

Nachdem ich nun die Probleme verstanden hatte, auf die Benutzer mit der aktuellen App stoßen, begann ich mit der Planung des Benutzerablaufs für häufige Aufgaben, die Benutzer ausführen würden:

Wireframes

Nachdem ich mit der Planung des Benutzerflusses fertig war, ging ich dazu über, Wireframes zu entwerfen, um Ideen zu entwickeln, wie man die Schwachstellen beheben kann, die Kunden mit dem aktuellen Layout der App haben.

Navigation

Eine Bestellung aufgeben

Warenkorb und Bestellungen bearbeiten

Prämien verdienen und ansehen

ERSTELLEN – PROTOTYP

Nachdem ich nun Wireframes erstellt hatte, begann ich mit der Prototypisierung der Designs, um sie an den Benutzerfluss anzupassen.

Navigation

Viele Benutzer waren verwirrt darüber, wie sie nach der Auswahl eines Standorts zum Menü gelangen. Nun werden Nutzer nach der Anmeldung automatisch gefragt, bei welchem ​​Standort sie bestellen möchten. Sobald der Standort ausgewählt wurde, werden sie zum Menü weitergeleitet.

Am unteren Bildschirmrand wurde jetzt ein Navigationsmenü hinzugefügt, das einen einfachen Zugriff auf das Menü, die Brieftasche, die Prämien und das Profil ermöglicht.

Eine Bestellung aufgeben

Um das Problem fehlender Beschreibungen und Bilder zu beheben, sind jetzt allen Menüpunkten ein Bild und eine Beschreibung hinzugefügt.

Warenkorb und Bestellungen bearbeiten

Benutzer waren sich auch nicht sicher, wie sie ihre Bestellung bearbeiten konnten, ohne zurückzugehen. Jetzt haben Benutzer eine klar definierte Möglichkeit, die Bestellung aus dem Warenkorb heraus zu bearbeiten.

Prämien verdienen und ansehen

Benutzer waren sich auch nicht sicher, wie sie die Belohnungsseite nutzen sollten. Jetzt können sie sehen, wie sie Prämien verdienen und einlösen können.

VALIDIERUNGSTESTS

Um mein Redesign zu validieren, habe ich meinen Prototyp mit 5 Personen getestet. Jedem Teilnehmer wurden die gleichen Aufgaben gestellt.

• Eine Bestellung aufgeben
• Bearbeiten Sie einen Artikel im Warenkorb
• Eine Prämie einlösen
• Speichern Sie eine Zahlungsoption

Insgesamt waren alle Teilnehmer in der Lage, die Aufgaben zu lösen, ich erhielt jedoch einige allgemeine Rückmeldungen zu bestimmten Aufgaben:

Bearbeiten eines Elements

Eine Prämie einlösen

Bezahlmöglichkeit

ENDGÜLTIGER PROTOTYP

Den fertigen Prototyp können Sie hier sehen !

ABSCHLUSS

Insgesamt war die Arbeit an diesem Projekt aufschlussreich, da ich während der Benutzertests feststellen konnte, dass auch andere auf die gleichen Probleme gestoßen sind wie ich.

Was habe ich gelernt?

• Bilder können einen großen Einfluss auf die Benutzerfreundlichkeit von Apps zum Thema Essen haben
• Farbe kann sich darauf auswirken, wie ein Benutzer mit einer Anwendung interagiert – (bezogen auf die Designänderung „Zum Bearbeiten tippen“ im Warenkorb)

• Erstellen Sie einen Styleguide, der die Auswahl von Farben und Schriftarten erläutert
• Umfassende Analyse und zusätzliche Tests zur Verfeinerung der Lösung

Wenn du es bis hierher geschafft hast,

Ich hoffe, es hat Ihnen gefallen! :) :)

Lassen Sie uns verbinden

‍ Wenn Sie sich über alles rund um UX/Design oder Vollzeitmöglichkeiten unterhalten möchten, würde ich mich freuen, von Ihnen zu hören! Sie finden mich auf LinkedIn .