Ilustrație de Freepik. Photoshopat de mine

Caviar: Un studiu de caz de uzabilitate

Caviar este o aplicație populară care oferă livrare de mâncare de la restaurantele locale.

Disclaimer: Nu lucrez pentru Caviar. Acest studiu de caz a fost folosit pur și simplu ca instrument pentru învățare și pentru a mă face un designer mai bun.

Am realizat un studiu de caz de 2 săptămâni pentru a mă provoca să îmbunătățesc fluxul de comandă iOS al Caviarului. Fiind un iubitor de mâncare arzătoare, Caviar este una dintre aplicațiile pe care le folosesc foarte mult, dacă nu chiar cel mai mult. Prin cercetare, am putut identifica câteva puncte de durere pe care utilizatorii le întâmpinau. Am prototipizat apoi câteva soluții și le-am validat cu datele utilizatorului.

Cercetare

Pentru a începe cercetarea, am început să mă uit la câțiva concurenți sau platforme similare, analizând UI, UX, fluxul utilizatorului, funcțiile cheie și recenzii pentru a identifica problemele comune.

În timp ce multe restaurante oferă cu siguranță propriile lor servicii de ridicare și livrare și există o mână de jucători mai mici pe piață, în prezent există alți patru concurenți principali cu livrare Caviar: Uber Eats, Postmates, Grubhub și DoorDash.

Sursa: A doua măsură

Analizele utilizatorului

Există aproape 9.000 de recenzii combinate între iTunes și Google Play, aplicația Caviar a avut un rating mediu de aproximativ 4,4 stele. Am identificat tendințele potențiale ale recenziilor utilizatorilor, care nu au evidențiat probleme relevante despre utilizare sau funcționalități. Am clasificat reclamațiile în 4 categorii:

  1. Filtrarea
  2. Pagină / coș
  3. Comandarea de la favorite
  4. Probleme de funcționalitate
O imagine de ansamblu a recenziilor clienților proaste despre aplicația Caviar

Obiectivele mele

  1. Luați în considerare metodele de cercetare UX pentru a descoperi problemele utilizatorilor
  2. Propuneți-vă să ajutați la crearea de soluții acționabile bazate pe date observabile
  3. Cercetați cum să conectați utilizatorii la experiența de comandă mai perfect
  4. Prototip și soluții de testare cu utilizatorii pentru a îmbunătăți experiența Caviar

domeniu

  1. Ecran de pornire - Utilizatorii au avut dificultăți în a găsi ceva în special, cum ar fi filtre sau favorite.
  2. Coșul cu produse alimentare - Utilizatorii au avut greutăți să înțeleagă cum să adauge mai multe articole din pagina de coș / casă.
  3. Pagina favorite - Utilizatorii nu au putut găsi această pagină care nu este intuitivă.

PASUL 1 | Testare de utilizare a gherilelor

Efectuarea unui test de utilizare cu 5 persoane vă va ajuta să descoperiți 93% din ceea ce este posibil să descoperiți (referință). M-am îndreptat spre Ferry Building, San Francisco și m-am apropiat de străini pe străzile din San Francisco pentru a efectua 5 teste de utilizare a gherilelor. 3 participanți au fost utilizatorii actuali ai Caviarului și 2 nu au folosit niciodată produsul înainte.

SCENARIO 1 - Să zicem că trăiești în Marina și mănânci doar mâncare fără gluten. Vrei să mănânci o salată de papaya dintr-un loc thailandez din apropiere. Vă rugăm să introduceți preferințele relevante prin filtre și selectați restaurantul pentru a adăuga articolul în coș.
SCENARIO 2 - Spune acum o oră că ai adăugat o farfurie în coș și nu ai cumpărat din anumite motive. Acum doriți să adăugați un articol în același coș și să plasați comanda de livrare. Ați putea să-mi arătați cum ați plasa o comandă din coșul neterminat.
SCENARIO 3 - Imaginați-vă că aveți un termen mare la muncă și că stai târziu la birou pentru a termina proiectul. Vrei să comanzi ceva de mâncare pentru tine și echipa ta. Vă rugăm să-mi arătați cum ați merge rapid pe pagina dvs. de favorite pentru a selecta același loc pentru a comanda o pizza pe care ați avut-o săptămâna trecută.

PASUL 2 | Sinteză

Am acordat prioritate care sunt problemele cele mai importante de rezolvat. Am folosit o metodă de mapare a afinității pentru a găsi modele în observațiile mele și pentru a le grupa. Am urmărit fiecare înregistrare pe ecran și am înregistrat informațiile despre postările (virtuale) pe care le notează. Am segmentat fiecare utilizator în coloane diferite, apoi am notat punctele principale de durere pe o notă lipicioasă. Apoi mă concentrez asupra celor mai importante 3 caracteristici pentru a se itera.

„Cândva petrec mai mult de 30 de minute defilând pe lista restaurantelor, doar pentru a decide să nu comand, pentru că nu am putut găsi lucrurile pe care mi le doresc.” - Melanie

Mai sus este matricea mea 2by2 pe care am folosit pentru a acorda prioritate punctelor de durere. Am luat concluziile și am sintetizat principalele obiective ale utilizatorilor și ale afacerii.

# Importanță pentru afaceri: am făcut câteva cercetări și am aflat că imaginile vizuale ale aplicației sunt atractive și au o estetică curată

#Important pentru utilizatori: Problemele de utilizare care au provocat frustrarea utilizatorilor au fost considerate puncte durere importante pentru utilizatori.

PASUL 3 | empatiza

Folosind informațiile colectate de la testarea de gherilă, creez două persoane provizorii care să mă ajute să comunic motivațiile, obiectivele și comportamentele utilizatorilor mei. M-a ajutat să-mi imaginez ce tipuri de sarcini ar putea dori un utilizator de aplicații alimentare să îndeplinească.

PASUL 4 | Fluxul de utilizator

Odată ce mi-am dat seama care sunt cele mai importante caracteristici, am creat un flux de utilizatori și am trasat pașii exacti pentru a arăta unde au probleme. Dându-le utilizatorilor ceea ce au nevoie pentru a găsi ceea ce caută, utilizatorii vor avea o experiență mai bună și vor reveni mai des.

PASUL 5 | schiță

Atunci a venit timpul să înceapă schițarea. Am venit cu mai multe soluții potențiale pentru fiecare punct de durere și am făcut câteva schițe UI brute. Am făcut unele validări preliminare la schițele UI Lo-Fi și am folosit feedbackul pentru a-mi perfecționa schițele și a-mi restrânge soluțiile pentru modelele Hi-Fi.

Dar fluxul de sarcini nu a fost suficient de clar, așa că am combinat procesul cu un flux de sarcini lo-fi pentru a continua explorările. Ținând cont de acest aspect, am creat fluxul de sarcini ca o schiță digitală a ecranelor intermediare pentru a elimina toate blocantele inutile. Am ales să-mi încadrez majoritatea schițelor, apoi mi-am redus soluțiile de top pe baza feedback-ului colegilor.

PASUL 6 | Validare

Am sărit în Sketch pentru a crea modelele Hi-Fi ale soluțiilor propuse. Mai jos sunt prezentate modelele Hi-Fi ale soluțiilor mele finale, inclusiv rezultatele testării utilizatorilor înainte și după implementarea soluțiilor mele de proiectare. În cele din urmă, m-am confruntat cu provocarea de a crea o aplicație interesantă atât din perspectiva experienței utilizatorului, cât și din perspectiva vizuală.

CARACTERISTICĂ 1 | SCREN NOU ACASĂ

Prin crearea unui nou ecran de pornire, utilizatorii au o mai bună înțelegere a aplicației.

Bară de navigare nouă

Utilizatorii existenți au găsit această nouă navigare de jos extrem de utilă, astfel încât clienții să poată schimba între diferite file pentru a vedea ceea ce caută.

CARACTERISTICĂ 2 | PAGINA NOUĂ COȘULUI

Noul ecran de coș ajută utilizatorii să aibă o experiență mai ușoară de efectuare a plăților.

PASUL 7 | retrospective

Prin acest studiu de caz, am aflat valoarea procesului de proiectare a experienței utilizatorului. A fost o călătorie provocatoare, dar plină de satisfacții. Am înțeles nevoile utilizatorilor prin sondaj și conversații. De la testarea capacității de utilizare a gherilelor și cartografierea afinității la construirea unui prototip și efectuarea testelor de validare. Am decis să păstrez designul vizual existent al Caviarului și să mă concentrez pe reconstruirea arhitecturii aplicației pentru a îmbunătăți capacitatea de utilizare.

Pentru validarea soluțiilor de proiectare propuse, mi-am testat prototipul pe alte 5 persoane. Rezultatele de la cinci utilizatori noi au arătat îmbunătățiri semnificative.

„Utilizatorii nu fac niciodată ceea ce se așteaptă, iar modelele se dezvăluie după ce doar câțiva utilizatori testează un produs”.

În loc să mă bazez pe cunoștințele mele despre industria restaurantului, am ales să-mi contor presupunerile cu cercetarea pentru a empatiza mai bine cu utilizatorul.

ÎNCĂRCARE: Pagina de pornire | Ecranul filtrelor | FavoritePAGINA COȘULUI: Selecția articolelor alimentare | Pagina de meniu | Pagină de finalizare

Multumesc pentru citit!

După cum v-ați putea imagina, când vine vorba de „cel mai bun” serviciu de livrare online de produse alimentare, este vorba despre voi. Deși unele dintre soluțiile mele pot părea mici schimbări, este important să reținem că am făcut cele mai mici modificări care ar putea permite rata maximă de succes a sarcinilor.

În ultimul secol, obiceiurile alimentare ale oamenilor s-au schimbat mult. Tehnologia a contribuit în mare măsură și i-a determinat pe oameni să facă tot ce este online, inclusiv livrarea mâncărurilor gătite la ușă. Cu alte cuvinte, în cele din urmă, vom descoperi ce opțiuni oferă mâncarea pe care o dorești, la ora dorită și la un preț pe care crezi că este corect să îl plătești.

Acest studiu de caz m-a învățat cum să păstrez persoanele pe care caut să le servesc în inima procesului de proiectare.

Aceasta este prima mea postare medie. Este un loc minunat pentru a împărtăși poveștile, proiectele tale pentru a obține feedback și pentru a interacționa cu alții care îți împărtășesc interesele. Dacă vă place acest lucru, vă rugăm să aplaudați sau să comentați sau ambele. Sunt întotdeauna deschis să întâlnesc alți designeri pasionați din domeniu sau oricine ar dori să vorbească despre mâncare sau despre UX. Nu ezitați să vă conectați cu mine pe LinkedIn sau Twitter

Mulțumiri speciale lui Nick deWilde și Dylan Riessen pentru feedback-ul dvs. constructiv și tuturor celor care m-au susținut și m-au ajutat în timp ce lucrez la acest proiect!