Calculatoare UX Design Nutrition
Inspirație de la Sweetgreen, Chipotle, CAVA și Panera Bread.
Masha S
31 oct.2019 · 6 min citire
Ca cineva căruia îi place să țină evidența caloriilor și a macro-urilor, îmi place când restaurantele își publică informațiile nutriționale online și cu atât mai mult, îți este ușor să îți personalizezi comanda, rămânând la curent cu valoarea nutrițională.
De fapt, ori de câte ori mănânc afară, aleg de obicei un loc în funcție de faptul că faptele sale nutriționale sunt accesibile online. (Evident că nu fac asta ÎNTOTDEAUNA. Numai când sunt singur și/sau este o zi săptămânală).
Întrucât urmăresc de ceva vreme acum, am întâlnit numeroase abordări pentru proiectarea calculatoarelor nutriționale. Există câteva exemple grozave acolo și sunt bucuros să le împărtășesc pe cele preferate în acest articol.
Aplicația Sweetgreen are probabil mulți fani atât în comunitățile UX, cât și în comunitățile de sănătate/fitness.
Interfața este curată, procesul de personalizare și comandă este rapid, iar imaginile ingredientelor sunt atât de plăcute din punct de vedere estetic.
După cum s-a văzut mai sus, caloriile totale se actualizează pe măsură ce vă modificați masa, iar calculatorul de calorii este integrat în mod convenabil chiar în comandă.
Cu toate acestea, există câteva dezavantaje. În primul rând, nu există informații macro în aplicație. Deși am găsit online un tabel pdf cu defecțiuni macro pentru fiecare element de meniu, acesta pare să fie incompatibil cu aplicația și nu a fost actualizat cu cele mai recente elemente.
În al doilea rând, comanda (și, prin urmare, capacitatea de a personaliza și verifica informațiile nutriționale) este disponibilă numai în aplicație. Nu există nicio modalitate de a face acest lucru pe site, fie de pe telefon, fie de pe desktop.
În al treilea rând, chiar dacă este extraordinar faptul că calculatorul nutrițional este integrat în comandă, există șansa ca un utilizator să fie interesat doar să parcurgă informațiile nutriționale fără a plasa o comandă. După cum am scris mai devreme, ar putea fi benefic pentru utilizatori să aibă acces la meniul unui restaurant (și, în acest caz, la informații nutriționale), chiar dacă nu sunt încă gata să comande.
Spre deosebire de Sweetgreen, Chipotle are o funcție separată de calcul nutritiv, care arată, de asemenea, defalcarea macro. Deși nu este accesibil în aplicație, îl puteți folosi fie pe versiunea mobilă, fie pe cea desktop a site-ului web.
Pe versiunea desktop a calculatorului de nutriție Chipotle, există un panou lateral fix cu o diagramă plăcută care se actualizează pe măsură ce selectați ingredientele.
În versiunea mobilă, în partea de jos există o bară fixă care afișează informații nutriționale. Când îl atingeți, acesta afișează o diagramă circulară la fel ca versiunea desktop:
Când plasați o comandă online reală, Chipotle arată numărul de calorii pentru fiecare ingredient. Cu toate acestea, nu mai afișează defalcarea macro și nu calculează suma totală de calorii pe măsură ce actualizați comanda.