Carrate Chop - studium przypadku UX

Problem

Studenci są nieustannie zajęci między naukowcami a zajęciami społecznymi, że czasem umieszczają jedzenie jako drugi priorytet i czują się przytłoczeni tym, jak włączyć gotowanie do swoich harmonogramów. Zwłaszcza w pracowitych czasach, takich jak w połowie dnia i na finałach, kiedy wielu studentów przestawia się głównie na jedzenie poza domem, a ja i mój partner Serena chcieliśmy wiedzieć, jak sobie z tym poradzić.

W skrócie, jak rozwiązać to pytanie: „Jak możemy zaprojektować sposób, w jaki studenci college'u będą gotować szybkie i łatwe posiłki według napiętego harmonogramu?”

Cel

Celem było stworzenie aplikacji do gotowania, która pomogłaby studentom w lepszym przejściu z ledwego gotowania, albo dlatego, że po raz pierwszy żyją na własną rękę, albo rezygnują z planu posiłków, do sprawnych kucharzy.

Konieczne dla aplikacji

  • Proces wdrażania
  • Zarejestruj się Zaloguj się
  • Kluczowe funkcje wyszukiwania strony z jedzeniem / ulubionymi, strony planowania i angażującej platformy umożliwiającej użytkownikom dzielenie się wskazówkami dotyczącymi gotowania

Zakres czasowy i rezultaty

  • Do 1 tygodnia
  • Badania, definicja i ideacja, stwórz stronę docelową, szkielety o niskiej wierności, makiety o wysokiej wierności i prototyp
  • Testy użyteczności i przeprojektowanie (i jeszcze kilka przeprojektowań)

Badania użytkowników

1. Wywiady bezkierunkowe

Najważniejsze rzeczy z pięciu bardziej swobodnych rozmów ze studentami to:

  • Nie używa przepisów
  • Szukanie sposobu przyrządzania poszczególnych składników (tj. Dyni piżmowej zamiast szukania zapiekanki, która ją zawiera)
  • Uzyskaj porady od znajomych i rodziców

Wskazówki udostępniane przez studentów dla studentów:

  • Posiadanie stałej podaży składników podstawowych / masowych
  • Przyprawy!
  • Przygotowanie posiłku

To dało nam impuls do tego, aby uczniowie mogli nadal ze sobą współpracować, ponieważ wszyscy wspólnie uczą się nowych sztuczek i wskazówek w kuchni!

2. Ankieta online

Ankieta online naprawdę pomogła nam uzyskać więcej danych ilościowych. Poniżej znajdują się grafiki najważniejszych prezentów z ponad 20 odpowiedzi studentów:

Kluczowa okazja, aby pomóc najbardziej z kolacjąKluczowa okazja, aby pomóc skoczyć z 4 na 5

Istnieje ogólne zainteresowanie gotowaniem, a kolacja jest głównym miejscem dla tej aplikacji, aby pomóc uczniom osiągnąć cel gotowania w domu. Co więcej, powodem, dla którego uczniowie mieli 3 lub 4 lata, jeśli chodzi o gotowanie, było to, że zajęło to zbyt dużo czasu i / lub nie zaplanowali tego dobrze. Dowiedzieliśmy się również, że średni czas, jaki uczniowie chcą poświęcić na gotowanie, to 30 minut, co zapewnia cel, aby pomóc uczniom w większej wydajności w kuchni, pamiętając o tym podczas tworzenia spisu przepisów.

3. Z obu metod badawczych

Cytaty bezpośrednio od użytkowników, dlaczego lubią gotować:

„Lepsze niż jedzenie w jadalni”
„Próbować jeść zdrowiej”
"Odprężający"
"Medytacyjny"
„Nagradzające doświadczenie”
"Łączy ludzi"

Osoba użytkownika

Na podstawie badań powstała Busy Betty. Jest przedstawicielką głównej bazy klientów, na którą byśmy celowali.

Bio: „Kawa i egzaminy”

Dane demograficzne:

  • 19 lat
  • Pojedynczy
  • Dochód klasy średniej
  • Student drugiego roku

Wartości:

  • Wydajność

Cele:

  • Właśnie wyszedł z planu gastronomicznego i chce częściej gotować w domu i zaoszczędzić pieniądze w tym roku!
  • Lubi smaczne i aromatyczne posiłki

Wyzwania:

  • Napięty harmonogram
  • Nie umie gotować szerokiej gamy potraw

Branding

Nazewnictwo

Carrate Chop był trochę zabawą w słowa (punny) i niezapomniany, aby wyróżnić się na tle demograficznym uczelni.

Logo

Minęło kilka iteracji, zanim otrzymaliśmy prawidłowe logo. Poniżej możesz zobaczyć ewolucję procesu, zanim otrzymaliśmy ten:

Runda 1Usunięto tę wersję w skali szarościOstatnie trzy wersje!

Ważne było, aby był świeży i nowoczesny, a jednocześnie był łatwy do rozpoznania w kolorze czarnym lub białym dla różnych stron lub przyszłych towarów.

Typografia

Zdecydowaliśmy się na Deliusa, aby zachować go bez szeryfów i krzywych, wiedząc, że sans serif czyta najlepsze online, a zakrzywione czcionki wydają się bardziej ciepłe i przytulne.

Schemat kolorów

Paleta kolorów obracała się wokół ciepłych odcieni, opartych na psychologii pokazującej, że czerwień sprawia, że ​​użytkownicy są bardziej głodni. W końcu to aplikacja do gotowania!

Wstęp

Teraz, mając na uwadze branding i pomysły (i trochę HTML / CSS), strona docelowa została utworzona:

Powyżej zakładki

Aplikacja na telefon - Modele szkieletowe

Ale strona docelowa miała w końcu skłonić klienta do pobrania naszej aplikacji. Zebraliśmy inspirację z innych aplikacji do gotowania, takich jak Tastee i Allrecipes.com, ale dostosowaliśmy ją do naszych funkcji i uprościliśmy, aby nie przytłaczała zapracowanych studentów.

Poniżej znajduje się wersja aplikacji o niskiej wierności:

Proces wdrażaniaWyskakujące okno dostosowywania i przepisuPlanuj i angażuj w / Inne funkcje użytkownika

Makiety Wersja 1

Wysoka wierność aplikacji, która została pokazana naszemu użytkownikowi podczas testów użyteczności:

Proces wdrażania w celu wzbudzenia zainteresowania użytkowników kluczowymi funkcjami aplikacjiStrona logowaniaUtrzymanie dostępności aplikacji dzięki funkcjom dostosowywaniaStrona główna i strona ulubionychFunkcja planuWskazówki dotyczące udostępniania i czytania

Test użyteczności

Jest to jeden z najbardziej krytycznych etapów projektowania, w którym obserwowaliśmy, jak użytkownik przechodzi przez aplikację w InVision i sprawdza, gdzie był zdezorientowany lub utknął. Zdecydowanie garść opinii, które wzięliśmy pod uwagę, aby ulepszyć wersję 2.

Dobry:

  • Logo i kolory

Źli:

  • Przewijanie / dotykanie prawej strony ekranów wbudowanych nie wydawało się intuicyjne
  • Nie w pełni zrozumiałem funkcję kalendarza

Straszny:

  • Po wybraniu spersonalizowanych opcji nie ma następnego przycisku → użytkownicy są bardzo zdezorientowani, co dalej

Wersja 2

Główne poprawki zostały wprowadzone na stronie „Personalizująca dieta”, na której umieściliśmy znaczniki wyboru i kolejny przycisk, aby pomóc użytkownikom w prowadzeniu. W podobny sposób dodaliśmy strzałki w procesie dołączania na wypadek, gdyby użytkownik nie zorientował się, że można dotknąć, aby przejść dalej. Rozszerzyliśmy również ograniczenia dietetyczne i opcje żywności, które możesz kliknąć, aby pomóc użytkownikom w kliknięciu naszego prototypu na większą klikalność.

Prototyp w InVision

Projektowanie polega na przeprojektowaniu i przemyśleniu, więc jeśli przejdziesz przez prototyp, daj nam znać, czy jest coś, co można jeszcze naprawić!