Plan Plate ist eine Plattform, die von meinem Team und mir an der UX Land School im Rahmen eines Studentenprojekts entwickelt wurde. Ziel war es, die Mahlzeitenplanung zu erleichtern und eine gesunde Ernährung zu fördern.

Die Plattform erstellt individuelle, wöchentliche Ernährungspläne, die auf persönliche Ernährungsgewohnheiten und gesundheitliche Anforderungen zugeschnitten sind.

Zusätzlich generiert sie eine umfassende Einkaufsliste mit allen Zutaten, die für die geplanten Rezepte benötigt werden.

Projektüberblick

Problemstellung

Viele Menschen haben im Alltag Schwierigkeiten zu entscheiden, was sie kochen sollen.
Dies führt oft zu ungesunden oder sich ständig wiederholenden Essgewohnheiten.

Geschäftsbedarf

Die Entwicklung einer Anwendung, die gesunde, wöchentliche Ernährungspläne anbietet
und die Nutzerzufriedenheit durch eine benutzerfreundliche Oberfläche steigert.

Wertangebote

  • Einen personalisierten Ernährungsplan erhalten.
  • Alle Zutaten mit einer Einkaufsliste besorgen.
  • Einen Bericht über den Kalorienverbrauch bekommen.

Zielgruppen

  • Gesundheitsbewusste: Menschen, die sich gesund ernähren möchten und Wert auf nährstoffreiche Mahlzeiten legen.
  • Berufstätige mit wenig Zeit: Personen, die schnelle Mahlzeiten benötigen, weil sie nur wenig Zeit haben.
  • Fitnessbegeisterte: Menschen, die viel trainieren und Mahlzeiten brauchen, die ihre Fitnessziele unterstützen.
  • Familien: Eltern, die gesunde Mahlzeiten suchen, die der ganzen Familie schmecken.
  • Diät-Folgende: Personen, die spezielle Ernährungsweisen verfolgen, z. B. Keto, vegan oder glutenfrei.
  • Senioren: Ältere Erwachsene, die einfache und nährstoffreiche Mahlzeiten bevorzugen.
  • Kochanfänger: Neueinsteiger, die einfache Rezepte mit klaren Anleitungen benötigen.

Forschungsziel

Das Hauptziel unserer Recherche war es, Ernährungspläne zu entwickeln,
die den individuellen Ernährungsbedürfnissen und Vorlieben jedes Nutzers entsprechen.

Der Prozess

Unser Team aus drei Personen folgte dem Double-Diamond-Ansatz, basierend auf der Design-Thinking-Methodik.
Es war kein linearer Ablauf; wir wechselten während des Projektfortschritts zwischen den einzelnen Phasen hin und her.

Entdeckungsphase

Um die Pain Points der Nutzer zu verstehen und effektive Lösungen zu entwickeln, haben wir einen umfassenden Forschungsansatz gewählt, der folgende Methoden umfasste:

  1. Umfrage
  2. Interview
  3. Wettbewerbsanalyse

Umfrage

In der Anfangsphase des Designs dieser Anwendung führten wir eine Umfrage mit 12 Fragen durch.

Ziel der Umfrage war es, erste Informationen über die Zielnutzer, ihre Bedürfnisse, Anliegen und Pain Points zu sammeln.

Aus dieser Umfrage erhielten wir 114 Antworten.

Nutzerinterview

Wir führten Interviews mit 8 Teilnehmenden der Umfrage durch, um ihre Bedürfnisse und Herausforderungen besser zu verstehen.

Dabei fragten wir sie nach ihren Präferenzen bei der Nutzung der Ernährungsplan-App.

Affinitätsdiagramm

Auf Grundlage aller gesammelten Informationen erstellten wir ein Affinitätsdiagramm und identifizierten die wichtigsten Faktoren, die zu berücksichtigen sind:

  • Filter
  • Persönlicher Ernährungsplan
  • Zeit
  • Spezielle Ernährung
  • Rezept
  • Motivation
Kernaussagen
 
  • Personalisierung: Nutzer wünschen sich Apps, die ihnen Ernährungspläne und Rezepte bieten, die zu ihren Vorlieben und gesundheitlichen Bedürfnissen passen.
  • Zeitersparnis: Menschen suchen nach Möglichkeiten, schneller zu kochen, ohne dabei auf guten Geschmack zu verzichten.
  • Gesunde Auswahl: Nutzer möchten eine große Vielfalt an gesunden Lebensmitteln zur Auswahl haben – besonders, wenn sie spezielle Ernährungsweisen wie vegan oder Low-Carb verfolgen.

Wettbewerbsanalyse

Wir begannen mit der Recherche von Ernährungsplan-Apps, die ähnliche Ziele verfolgen wie unsere.

Dies half uns, die wichtigsten Funktionen zu identifizieren, die für unser Design erforderlich sind.

Wir haben diese Plattformen genau untersucht, um zu verstehen, wie sie funktionieren und was sie anbieten. Dadurch konnten wir unser eigenes Design verbessern.

 
Kernaussagen
 
  • Abfrage von Essensvorlieben, Allergien und Portionen, um anschließend passende Rezepte zu empfehlen.
  • Saisonale Rezepte auf der Startseite hervorheben, um das Nutzerinteresse aufrechtzuerhalten.
  • Nutzer können ihre Ernährungsvorlieben sowohl im Profil als auch während der Suche mühelos anpassen.
Define

Nutzerpersona

Nach der Durchführung von Interviews und der Analyse der Bedürfnisse und Herausforderungen unserer Nutzer entwickelten wir eine Persona, die uns während des gesamten App-Entwicklungsprozesses als Orientierung diente.

Seitenstruktur

Auf Grundlage des Card-Sorting-Prozesses erstellten wir die Seitenstruktur.

  Task Flow

In PlanPlate öffnen Nutzer die App, wählen ein Abo, erstellen individuelle Wochenpläne und speichern Einkaufslisten

– alles für ein einfaches und angenehmes Erlebnis.

 

  User Flow

Beim Entwerfen des User Flows verfolgten wir das Ziel, einen wöchentlichen Ernährungsplan zu erstellen

und anschließend eine Einkaufsliste mit den dafür benötigten Zutaten zu erhalten.

Develop

Skizzen und Wireframes

In der Wireframing-Phase skizzierte jedes Teammitglied mehrere Entwürfe auf Papier.

Im nächsten Schritt übertrugen unsere Teammitglieder die Skizzen in Figma und entwickelten die ersten Entwürfe weiter – diesmal mit mehr Details und zusätzlichen Seiten.

Schließlich erstellten wir Mid-Fidelity-Designs, um eine Vision für das Layout der App zu skizzieren.
Diese Phase beinhaltete mehrere Iterationen.

Herausforderungen und Lösungen

Projektlösung

 

Herausforderungen durch Analyse und innovative Lösungen meistern.

In unserem Projekt haben wir die Herausforderungen durch intensive Recherche verstanden

und mit innovativen Lösungen in unser Design integriert, um sie erfolgreich zu meistern.“

 

Herausforderung:


Zu Beginn hatten wir Schwierigkeiten, den Hauptfilter der App zu entwickeln. Wir mussten Fragen formulieren, die kurz, ansprechend und gleichzeitig umfassend genug waren, um die Nutzerbedürfnisse von Anfang an abzudecken. Diese Fragen sollten die wichtigsten Bedürfnisse der Nutzer vollständig erfassen, damit die vorgeschlagenen Rezepte genau ihren Anforderungen entsprachen.

 

Lösung:

 

Um dies zu bewältigen, haben wir unsere Interviews und die Wettbewerbsanalyse erneut betrachtet, um die primären Bedürfnisse der Nutzer besser zu verstehen.

Wir erfassten ihre Motivationen, Ernährungspräferenzen, Allergien und Abneigungen.

Diese detaillierten Erkenntnisse ermöglichten es uns, eine Lösung zu entwickeln, die Rezeptportionen und Zutaten anpasst und die App individuell auf die Vorlieben der Nutzer zuschneidet.

Herausforderung:


Nachdem Nutzer die Hauptfilter in der App einmal eingestellt hatten, waren diese nicht mehr sichtbar. Dadurch entstand die Frage, wie sie ihre Einstellungen später ändern können, falls sich ihre Präferenzen ändern.

 

Lösung:


Wir haben dieses Problem gelöst, indem wir die Hauptfilter im Einstellungsbereich platziert haben – gemeinsam mit anderen Filtern und Optionen.

So können Nutzer ihre Filtereinstellungen leicht anpassen.
Sie haben nun die Möglichkeit, direkt über ihr Profil oder die Hauptseiten der App auf ihre Präferenzen zuzugreifen und diese zu ändern – und behalten damit jederzeit Flexibilität und Kontrolle über ihr Nutzungserlebnis.

Herausforderung:


Die Trennung von empfohlenen Rezepten und saisonalen Rezepten auf der Startseite, unabhängig von den wöchentlichen Ernährungsplänen.

 

Lösung:


Wir ermöglichten eine schnelle Navigation, indem wir einen Button am oberen Rand der Startseite entwarfen

Herausforderung:


Die Suche nach Rezepten oder nach Zutaten für Nutzer schnell und einfach zu gestalten.

 

Lösung:


Es war uns wichtig, den Nutzern zu ermöglichen, schnell und unkompliziert nach den gewünschten Rezepten oder vorhandenen Zutaten zu suchen – direkt auf der Startseite.
Dafür haben wir ein Suchfeld auf der Startseite entworfen.

Herausforderung:


Eine große Herausforderung bestand darin, sicherzustellen, dass Nutzer die Zubereitungszeit der gewünschten Rezepte sehen können, um ihre Planung entsprechend anzupassen.
Außerdem war es wichtig, dass die Nutzer wissen, welcher Ernährungsform jedes Rezept entspricht.

 

Lösung:


Unsere Lösung bestand darin, bei jedem Rezept sowohl die Zubereitungszeit als auch die jeweilige Ernährungsform anzuzeigen – unabhängig davon, ob es sich auf der Startseite oder im Rahmen des wöchentlichen Ernährungsplans befindet.

Diese Informationen werden deutlich sichtbar am unteren Rand jedes Rezepts dargestellt, sodass Nutzer ihre Mahlzeiten einfach identifizieren und entsprechend ihren Zeitplänen und Ernährungspräferenzen planen können.

Herausforderung:


Nutzer erhalten ihren wöchentlichen Ernährungsplan und möchten ein Gericht, das ihnen nicht gefällt, durch eine Alternative ersetzen.

 

Lösung:


Wir ermöglichten es den Nutzern, unerwünschte Gerichte zu löschen und anhand ihrer zuvor gewählten Filter passende Rezeptvorschläge zu entdecken.
So können sie ihr bevorzugtes Rezept einfach in den wöchentlichen Ernährungsplan aufnehmen.

UI-Design-Ansatz

Um ein High-Fidelity-Interface für Plan Plate zu gestalten, begannen wir mit der Erstellung eines Moodboards,

das die Hauptziele und die von den Stakeholdern gewünschten Emotionen widerspiegelt.
Dies half uns, die visuelle Richtung und die gesamte Ästhetik der Benutzeroberfläche festzulegen.

Deliver

Design Iteration

Das Layout und Design der ersten Seiten wurden mehrfach iteriert, bis die endgültige Version freigegeben war –

doch dieser Iterationen-Prozess wird auch in Zukunft fortgesetzt.

Final

High Fidelity Wireframe

Obwohl sich der Designprozess stets an das verändernde Verhalten und die Bedürfnisse der Menschen anpasst, haben wir entschieden, dass dieser Prototyp unseren „Done“-Punkt markiert.
Er zeigt, was wir durch unsere Designarbeit erreicht haben.

Reflexionen

Was habe ich gelernt?

 

  • Teamarbeit und die Aufgabenteilung im Team sind von großer Bedeutung.
  • Nutzerforschung und ihre Methoden sind entscheidend, um die App benutzerfreundlich zu gestalten.
  • Testing und Iterationen während und nach dem App-Design sind äußerst wichtig.

Was können wir als Nächstes tun?

 

  • Eine Suchfunktion hinzufügen, die auf den Zutaten im Kühlschrank der Nutzer basiert.
  • Ein kurzes Video in den Rezeptschritten integrieren, um den Kochprozess zu veranschaulichen.
  • Den Nutzern ermöglichen, Geschäfte mit den Zutaten ihrer Einkaufsliste sowie den Preisen anzuzeigen.

 

Fazit – Kurzfassung

 

  • Ein nutzerzentrierter Ansatz war der Schlüssel zum Projekterfolg.
  • Durch Recherche, Interviews und Tests konnten wir Nutzerbedürfnisse verstehen und in ein einfaches,                                                                             ansprechendes Design umsetzen.
  • Teamarbeit und ein iterativer Prozess ermöglichten kontinuierliche Verbesserungen.
  • Ergebnis: Eine Plattform für gesunde Ernährung, smarte Einkaufsplanung und ein positives Nutzererlebnis.