C.
WellNest
Un'app olistica per i genitori di bambini con bisogni speciali che vogliono concentrarsi sul proprio benessere fisico e mentale.
Ruolo
Progettazione UI/UX
Ricerca sugli utenti
Architettura dell'informazione
Wireframing
Prototipazione
Test di usabilitÃ
Utensili
Figma
Otter.ai
Zoom
Lyssna
Mappatura di affinitÃ
La sfida
I genitori soffrono di burnout quando cercano di trovare un equilibrio tra lavoro, gestione della vita quotidiana e cura dei figli con bisogni speciali.
Ricerca sugli utenti
I partecipanti sono stati intervistati di persona o tramite una telefonata. Otter.ai è stato utilizzato per registrare e trascrivere le interviste, previo consenso dell'utente. Le interviste si sono concentrate su una comprensione approfondita della vita quotidiana dei partecipanti, sui punti critici nell'utilizzo delle app attuali e sulle funzionalità che potrebbero essere utili per loro.
Approfondimenti di ricerca
Mancanza di tempo per la cura di sé
È necessario scaricare app diverse per appuntamenti diversi
Mancanza di motivazione da parte degli utenti con le attuali app di monitoraggio della salute
Supporto e risorse inadeguati per i genitori
Lauren
Lauren vuole tornare a prendersi cura della sua salute fisica e mentale, cosa che ha sempre fatto prima di avere figli.
ostacoli
La maggior parte della giornata è dedicata alla pianificazione dei bambini
Le attuali app per la salute e il benessere non sono motivanti e non hanno promemoria
Accesso limitato a risorse adeguate per il supporto
Esigenze
Pianificazione facile
Comunicazione semplificata con altri operatori sanitari
Promemoria e motivazione
Accesso alle risorse quando gli operatori sanitari non sono immediatamente disponibili
Come aiutare?
Calendario che consente la condivisione con altri operatori sanitari
Monitoraggio completo della salute fisica e mentale
Lista di controllo quotidiana del benessere per ridurre il disordine mentale e aumentare la motivazione
Accesso a risorse e forum di supporto
Prototipo 1
Prima di questa prima bozza del prototipo ad alta fedeltà , sono stati creati wireframe a bassa e media fedeltà . Per la creazione di tutti i wireframe è stato utilizzato Figma.
Test di usabilitÃ
6 partecipanti hanno partecipato al test di usabilità in presenza o virtualmente tramite Zoom. Otter.ai è stato utilizzato per la registrazione e la trascrizione della sessione, previo consenso. Le mappe di affinità e il foglio di calcolo arcobaleno sono stati utilizzati per analizzare i dati del test di usabilità .
Approfondimenti sui test di usabilitÃ
Adattare l'architettura delle informazioni per migliorare il flusso degli utenti
Pulsanti mancanti, campi di immissione testo ed elementi devono essere aggiunti per migliorare l'esperienza utente
Modificare la combinazione di colori e gli elementi dell'interfaccia utente per una migliore usabilitÃ
Dopo aver raccolto feedback dal test di usabilità , ho riprogettato il modo in cui gli utenti possono accedere a varie funzionalità dalla schermata iniziale, ho acquisito competenze tecniche su Figma tramite YouTube per creare nuovi elementi, ho studiato l'aspetto di alcune delle mie app preferite e ho chiesto all'intelligenza artificiale una nuova combinazione di colori e nuovi font da utilizzare per la seconda iterazione dell'app.
Test A/B
Ho testato il nuovo design utilizzando i test A/B con Lyssna per scoprire quale versione gli utenti preferiscono.
20%
80%
Sviluppi
Nuova combinazione di colori per un contrasto più elevato
Caratteri più grandi e in grassetto per una migliore leggibilitÃ
Eliminata l'icona del calendario dalla barra di navigazione. Il calendario e le icone cliccabili nella sezione "Progressi odierni" della home page fungono da hub principale per accedere alle informazioni sanitarie.
Contrasto più elevato
Caratteri più grandi
La vista "Giorno" mostra solo un giorno
Aggiunta "Categoria" per una facile categorizzazione
Aggiunti campi di input per data e ora
Modificata l'icona di salvataggio in testo in grassetto per una migliore leggibilitÃ
Asse y indicato
Aggiunto il pulsante Salva sotto il campo di immissione del testo
Accesso alla cronologia con pulsante aggiuntivo
Semplici icone universali per ridurre l'ingombro visivo
Le icone di ricerca, filtro e salvataggio sono 24x24px e distanziate di oltre 8px tra loro
Prototipo finale
La conclusione
Questo progetto è stato il mio primo caso di studio UX e una preziosa esperienza di apprendimento. Sebbene ci siano ancora molti aspetti da perfezionare, ho imparato molto dal processo, in particolare raccogliendo feedback sull'usabilità , analizzando i dati e iterando per migliorare il design. Ho anche riflettuto a fondo su come creare un'interfaccia utente accattivante e un'architettura delle informazioni efficace, pur riconoscendo le sfide tecniche legate al lavoro in Figma. In futuro, ho intenzione di continuare a studiare il modo in cui altri designer affrontano i flussi utente e l'IA, rafforzando al contempo le mie competenze tecniche per dare vita alle idee in modo più fluido.