Carrate Chop - UX Fallstudie

Problem

College-Studenten sind ständig zwischen Akademikern und sozialen Aktivitäten beschäftigt, bei denen sie manchmal das Essen als zweite Priorität betrachten und sich überfordert fühlen, wie sie das Kochen in ihren Stundenplan aufnehmen können. Besonders in arbeitsreichen Zeiten wie der Halbzeit- und Endrunde, in der viele Schüler zumeist auswärts essen, wollten ich und meine Partnerin Serena wissen, wie sie das angehen können.

Kurz gesagt, wie kann diese Frage gelöst werden: „Wie können wir College-Studenten eine Möglichkeit bieten, schnelle und einfache Mahlzeiten für ihren vollen Zeitplan zuzubereiten?“

Tor

Ziel war es, eine Koch-App zu entwickeln, die College-Studenten einen besseren Übergang vom reinen Kochen zu effizienten Köchen ermöglicht, entweder weil sie zum ersten Mal für sich selbst leben oder weil sie sich von einem Speiseplan verabschieden.

Must-Haves für die App

  • Onboarding-Prozess
  • Registrieren anmelden
  • Schlüsselfunktionen für die Suche nach einer Seite mit Lebensmitteln / Favoriten, einer Planungsseite und einer ansprechenden Plattform, auf der Benutzer Kochtipps austauschen können

Timescope & Liefergegenstände

  • Noch 1 Woche
  • Recherche, Definition und Ideenfindung, Erstellung einer Landing Page, eines Low-Fidelity-Wireframes, eines High-Fidelity-Modells und eines Prototyps
  • Usability-Tests und Redesign (und noch mehr Redesign)

Nutzerforschung

1. Nicht gerichtete Interviews

Die wichtigsten Erkenntnisse aus den fünf beiläufigeren Gesprächen mit College-Studenten waren:

  • Keine Rezepte verwenden
  • Nachschlagen, wie einzelne Zutaten zubereitet werden (d. H. Butternusskürbis, statt nachzuschlagen, wie er in der Auflaufform enthalten ist)
  • Holen Sie sich auch Tipps von Freunden und Eltern

Von Studenten für Studenten geteilte Tipps:

  • Eine konstante Versorgung mit Basis- / Bulk-Zutaten
  • Gewürze!
  • Essenszubereitung

Dies gab uns den Anstoß, den Schülern die Möglichkeit zu geben, sich weiterhin miteinander zu beschäftigen, da jeder ständig neue Tricks und Tipps in der Küche lernt!

2. Online-Umfrage

Die Online-Umfrage hat uns wirklich geholfen, quantitativere Daten zu gewinnen. Im Folgenden finden Sie Grafiken der wichtigsten Erkenntnisse aus über 20 Antworten von College-Studenten:

Die wichtigste Gelegenheit, um beim Abendessen am meisten zu helfenDie wichtigste Gelegenheit, um zu helfen, von einer 4 zu einer 5 zu springen

Es besteht allgemeines Interesse am Kochen und das Abendessen ist der wichtigste Ort für diese App, damit die Schüler ihr Ziel erreichen, zu Hause zu kochen. Viele Gründe, warum Schüler 3 oder 4 Jahre alt waren, um Spaß am Kochen zu haben, waren, dass es zu lange gedauert hat und / oder sie es nicht gut geplant hatten. Wir haben auch erfahren, dass die durchschnittliche Zeit, die die Schüler zum Kochen benötigen, 30 Minuten beträgt, was das Ziel bestätigt, den Schülern zu helfen, effizienter in der Küche zu arbeiten, indem dies bei der Erstellung eines Inventars für die Rezepte berücksichtigt wird.

3. Aus beiden Forschungsmethoden

Zitate direkt von Nutzern, warum sie gerne kochen:

“Besser als im Speisesaal Essen”
"Der Versuch, gesünder zu essen"
"Entspannend"
"Meditativ"
"Belohnende Erfahrung"
"Bringt Menschen zusammen"

Benutzer Persona

Aus der Recherche heraus entstand Busy Betty. Sie ist repräsentativ für den Hauptkundenstamm, den wir ansprechen würden.

Bio:

Demografie:

  • 19 Jahre alt
  • Single
  • Einkommen der Mittelklasse
  • Student im zweiten Jahr

Werte:

  • Effizienz

Tore:

  • Ich bin gerade aus dem Speiseplan ausgestiegen und möchte dieses Jahr öfter zu Hause kochen und Geld sparen können!
  • Genießt schnelle und geschmackvolle Mahlzeiten

Herausforderungen:

  • Voller Terminplan
  • Weiß nicht, wie man eine große Auswahl an Speisen kocht

Branding

Benennung

Carrate Chop war ein bisschen ein Wortspiel (punny) und unvergesslich, um für die College-Demografie unterscheidbar zu sein.

Logo

Es dauerte mehrere Iterationen, bis das Logo richtig angezeigt wurde. Unten können Sie den Entwicklungsprozess sehen, bevor wir den bekommen haben:

Runde 1Diese Graustufenversion wurde entferntDie letzten drei Versionen!

Es war wichtig, es frisch und modern zu halten, während es für verschiedene Seiten oder zukünftige Waren immer noch leicht in Schwarz oder Weiß erkennbar ist.

Typografie

Wir haben Delius ausgewählt, um es serifenlos und kurvig zu halten, da serifenlos die besten Online-Schriftarten gelesen werden und kurvige Schriftarten warm und wohnlicher erscheinen.

Farbschema

Die Farbpalette drehte sich um warme Farbtöne, basierend auf der Psychologie, die zeigt, dass Rot den Benutzer hungriger macht. Immerhin ist es eine Koch-App!

Zielseite

Nun wurde mit Blick auf Branding und Ideen (und ein bisschen HTML / CSS) die Landing Page erstellt:

Oberhalb der Falte

Telefon-App - Wireframes

Aber die Landingpage war alles, um den Kunden zum Download unserer App zu bewegen. Wir haben uns von anderen Koch-Apps wie Tastee und Allrecipes.com inspirieren lassen, sie jedoch auf unsere Funktionen zugeschnitten und vereinfacht, um vielbeschäftigte Schüler nicht zu überfordern.

Unten ist die Low-Fidelity-Version der App:

Onboarding-ProzessAnpassungs- und Rezept-PopupPlanen und Aktivieren mit anderen Benutzerfunktionen

Modelle Version 1

High-Fidelity der App, die unserem Benutzer für den Usability-Test gezeigt wurde:

Onboarding-Prozess, um das Interesse der Benutzer an den wichtigsten Funktionen der App zu weckenAnmeldeseiteZugriff auf die App mit AnpassungsfunktionenHomepage und Favoriten-SeitePlanfunktionFunktionalität zum Teilen und Lesen von Tipps

Usability-Tests

Dies ist einer der kritischsten Designschritte, bei denen wir beobachteten, wie Benutzer die App in InVision durchgingen und sahen, wo sie verwirrt waren oder steckten. Es gab definitiv eine Handvoll Rückmeldungen, die wir berücksichtigt haben, um Version 2 zu verbessern.

Der gute:

  • Logo und Farben

Das Schlechte:

  • Das Scrollen / Tippen auf die rechte Seite, um Bildschirme einzublenden, erschien nicht intuitiv
  • Die Funktion des Kalenders wurde nicht vollständig verstanden

Der Schreckliche:

  • Nachdem personalisierte Optionen ausgewählt wurden, gibt es keine Schaltfläche "Weiter" → Benutzer sind sehr verwirrt, was als Nächstes zu tun ist

Version 2

Die Hauptkorrekturen befanden sich auf der Seite "Personalisierung der Ernährung", auf der wir Häkchen und eine Schaltfläche "Weiter" einfügten, um die Benutzer anzuleiten. In ähnlicher Weise haben wir Pfeile zum Onboarding-Vorgang hinzugefügt, falls der Benutzer nicht bemerkt hat, dass das Tippen als Nächstes möglich ist. Wir haben auch die Einschränkungen in Bezug auf die Ernährung und die Lebensmitteloptionen erweitert, auf die Sie klicken können, um den Nutzern eine bessere Klickbarkeit für unseren Prototyp zu ermöglichen.

Prototyp auf InVision

Beim Design dreht sich alles um Neugestaltung und Umdenken. Lassen Sie uns wissen, wenn Sie den Prototyp durcharbeiten und wissen, ob es noch etwas gibt, das behoben werden könnte!