UX/UI-Design für die Anwendung einer Restaurantkette
Forschung
Die Arbeit an dem Projekt begann mit Recherchen.
Es wurden qualitative Untersuchungen durchgeführt, nämlich Interviews mit dem Geschäftsinhaber, um die Ziele dieses Projekts genau zu definieren, Stärken und Schwächen aufzuzeigen und potenzielle Nutzer des Produkts zu ermitteln. Und eine Fragebogenerhebung, um die Probleme der Kunden zu ermitteln.
Einige Ergebnisse der Umfrage und Antworten auf das Interview sind in der Präsentation zu sehen. Diese Studien halfen, die Bedürfnisse und Probleme der Kunden zu ermitteln, die durch das entwickelte Produkt gelöst werden sollten.
Die Untersuchung umfasste auch eine Analyse der Wettbewerber, in der die Vor- und Nachteile konkurrierender Anwendungen herausgestellt wurden. Besonderes Augenmerk wurde auf das Feedback der Nutzer gelegt: Was gefiel den Nutzern an dem Produkt und was löste negative Gefühle aus. Die meisten Nutzer wünschten sich eine schnelle, einfache und leicht zu bedienende Anwendung.
Ziele des Projekts
Die wichtigsten Ziele wurden nach einem Gespräch mit dem Geschäftsinhaber und einem Fragebogen herausgestellt. Sie werden in der nachstehenden Präsentation vorgestellt.
Benutzer
Um die potenziellen Nutzer genauer zu beschreiben, wurde auf der Grundlage der Forschungsdaten eine Stakeholder-Map erstellt.
Auf der Grundlage der Stakeholder-Karte und der Forschungsergebnisse wurden Personas entwickelt, d. h. Produktnutzer mit einer Reihe von Bedürfnissen und Problemen, die durch das zu entwickelnde Produkt gelöst werden sollen.
Die Erstellung einer Persona half dabei, das Produkt mit ihren Augen zu sehen.
Informationsarchitektur
Auf der Grundlage von Charakterporträts und Problemlösungen wurde die Informationsarchitektur der Anwendung entwickelt. Ob die Figur in der Lage sein wird, ihre Bedürfnisse zu erfüllen und Probleme im Detail zu lösen, und ob alles entsprechend den Zielen des Projekts berücksichtigt wurde. Sieht die Informationsarchitektur kohärent aus und wird es einfach sein, eine benutzerfreundliche Anwendung zu erstellen, wird der Benutzer in der Lage sein, schnell mit den Informationen auf den Bildschirmen zu interagieren.
Warframes
In der ersten Entwurfsphase der Anwendungsbildschirme wurden Warframes erstellt. Die Informationsarchitektur wurde als Grundlage genommen und die notwendigen Informationen wurden auf dem Bildschirm hinzugefügt.
Es wurde ein CJM erstellt, um zu visualisieren, wie der Kunde mit dem Produkt interagiert. Die Tabelle ist in der Präsentation zu sehen. Mit ihr war es möglich, die Emotionen des Benutzers grob zu erkennen. Und zu verfolgen, wie der Kunde das Produkt nutzt und wie wahrscheinlich es ist, dass er seine Probleme löst.
Farbe und Typografie
Nach all den Recherchen, der Verfeinerung der Charaktere, der Erstellung der Warframes und dem Ausfüllen des CJM wurde an der Auswahl von Farben und Schriftarten, der Ausrichtung von Objekten und Text am Raster, dem Hinzufügen von Fotos von Lebensmitteln und von Symbolen gearbeitet, damit der Benutzer die benötigten Informationen auf dem Bildschirm schneller finden kann.
Als Grundfarbe wurde ein Grünton gewählt. Dies ist die Farbe der Blätter, die mit einer guten Ernährung assoziiert wird. Die übrigen Farben wurden nach dem Prinzip der Harmonie und Kohärenz ausgewählt.
Bildschirme
In der Präsentation sehen Sie vorgefertigte Anwendungsbildschirme mit Farben und ausgewählten Schriftarten.
Interaktive Elemente wie Schaltflächen und Kippschalter sind in der Hauptfarbe hervorgehoben.
Für den Gesamthintergrund der App wird eine neutrale Farbe verwendet, so dass sich die Speisen auf der Speisekarte von der Karte selbst, der Beschreibung und dem Preis abheben.
Der Hauptbildschirm der App ist das Menü. Hier finden Sie den Filter, die Sortierung, die Suchleiste, die Menüabschnitte nach Kategorie, beliebte Gerichte und aktuelle Rabatte der Restaurantkette.
Die Seite mit den Gerichten zeigt alle Informationen, die der Kunde über die Zusammensetzung, den Nährwert, das Gewicht, den Preis und die Kochzeit benötigt. Hier kann man auch ein Gericht zu seinen Favoriten hinzufügen und es bewerten.
Im persönlichen Profil finden Sie Informationen über die Adressen des Nutzers, hinzugefügte Zahlungskarten und gesammelte Boni. Von Ihrem persönlichen Profil aus können Sie schnell auf Ihre Lieblingsgerichte zugreifen und eine Bestellung aufgeben. Sie können auch ein Gericht aus diesem Bereich löschen, indem Sie auf das Herz klicken.
Der Restaurantbildschirm enthält Informationen über das Restaurant, seine Bewertung und Kundenrezensionen. Auf diesem Bildschirm können Sie eine Reservierung in einem bestimmten Lokal vornehmen. Diese Buchung wird in der persönlichen Buchungshistorie des Benutzers angezeigt.
Präsentation des Projekts
