Come trasformare l'esperienza utente in UX Design
I test di usabilità non devono essere complicati. Esistono dozzine di opzioni per un team di progettazione che desidera testare a distanza le proprie soluzioni. Per dimostrarlo, abbiamo ridisegnato Guaire , con l'aiuto di test di usabilità a distanza.
Abbiamo eseguito test di usabilità a distanza perché sono veloci e convenienti. Tutti questi test non erano moderati, il che significa che gli utenti li gestivano nel comfort della propria casa. Mentre questo ci dà meno controllo, fornisce risultati più naturali. Poiché le loro reazioni sono state registrate, li abbiamo incoraggiati a pensare ad alta voce.
È fondamentale capire che non esiste un unico approccio magico. Ci sono una vasta gamma di tattiche che vanno dagli studi di laboratorio sull'usabilità a semplici sondaggi e-mail, e hanno tutti il loro tempo e posto. Siamo andati con un test di usabilità a distanza perché colpisce un buon equilibrio tra velocità, precisione e costi.
In questo articolo spiegheremo perché la ricerca qualitativa conta, spiega le intuizioni e mostra come sono stati integrati nel nuovo design.
Come affrontare l'analisi qualitativa
Quando si tratta di analisi qualitative, non puoi chiedere agli utenti di parlare delle loro esperienze.
Come Jakob Nielsen, Partner del Nielsen Norman Group, sottolinea , non dovresti mai ascoltare solo ciò che dicono gli utenti. L'approccio sbagliato sarebbe quello di creare alcuni progetti e quindi chiedere agli utenti quale piace di più: gli utenti non hanno provato il design, quindi possono solo commentare ciò che vedono in superficie.
L'approccio corretto è guardare ciò che gli utenti fanno e quindi chiedere loro il minimo indispensabile Domanda semplice e semplice , che è: "Quanto è stato facile, o difficile, il compito?" Questo aiuta a ridurre i pregiudizi e arriva alla conclusione dell'analisi UX: in che modo gli utenti hanno svolto i loro compiti e quanto è stato facile o difficile? La nostra registrazione su schermo ha anche catturato l'audio (dal momento che abbiamo incoraggiato le persone a pensare ad alta voce), perché altrimenti è facile perdere perché si è verificato un determinato comportamento.
Come abbiamo analizzato i video degli utenti
I modelli distinti sono emersi nei video delle interazioni dell'utente con il sito Web di Yelp. Non sorprendentemente, abbiamo appreso che la barra di ricerca era una delle più essenziali e facili da usare. Certo, questo ha senso perché Yelp è essenzialmente un motore di ricerca aziendale con alcune funzionalità sociali aggiunte. Tuttavia, altre funzionalità non erano così intuitive, come vedrai di seguito.
Lezione 1: la barra di ricerca era il punto di partenza preferito
Tutti e cinque i partecipanti al test dipendevano molto dalla barra di ricerca, anche per attività che potevano essere facilmente completate sfogliando le categorie (come trovare un bel ristorante o un bar senza ricevere alcun criterio specifico). In effetti, quattro dei cinque partecipanti sono andati direttamente alla barra di ricerca per trovare un ristorante. Solo un utente ha iniziato a sfogliare le categorie e lei le ha trovate rapidamente "travolgenti" e invece ha finito per ricadere sulla barra di ricerca.
È importante ricordare che nelle nostre istruzioni di test, abbiamo chiesto agli utenti di "trovare" un ristorante, non di "cercare" un ristorante, perché volevamo osservare come avrebbero naturalmente portato a termine questo compito senza spingerli verso una funzione specifica.
È interessante notare che, quando agli utenti sono stati dati specifici parametri (come il budget, l'atmosfera e il tipo di ristorante, o il nome di una singola azienda) hanno quasi sempre ignorato tutto sulla home page ad eccezione della barra di ricerca. Nella nostra riprogettazione, ci siamo accertati che la barra di ricerca fosse la caratteristica più visivamente prominente.
Lezione 2: gli eventi non sono molto evidenti
In un compito, abbiamo chiesto ai due utenti senza account Yelp di trovare un evento interessante nella loro zona questo fine settimana. Volevamo sapere se avrebbero usato la scheda degli eventi nella parte superiore della pagina.
Sorprendentemente, nessuno ha usato la scheda degli eventi . Quando è stato chiesto di trovare un evento interessante nella loro zona questo fine settimana, un partecipante al test ha utilizzato la barra di ricerca mentre l'altro ha navigato nella categoria Arti e Spettacolo nella migliore sezione di Yelp .
Poiché tenere eventi è una parte importante dell'attività di Yelp, la nostra riprogettazione estrae la sezione eventi dalla barra laterale e ne fa parte della pagina principale.
Lezione 3: i segnalibri erano confusi e nessuno ha utilizzato elenchi
Eravamo curiosi di vedere come gli utenti avrebbero scelto di salvare le posizioni per riferimenti futuri. In Yelp, ci sono due modi per farlo: gli utenti con account esistenti possono aggiungere un segnalibro a un luogo o creare un elenco. Abbiamo semplicemente chiesto al gruppo 1 (tre utenti con account di Yelp) di "salvare" un certo numero di postazioni per esaminarle in un secondo momento, in modo che la nostra formulazione non menzionasse alcuna caratteristica che potesse influenzare le loro azioni.
Dei tre utenti a cui è stato assegnato questo compito:
- Uno ha salvato le aziende utilizzando i segnalibri ma si è lamentato del fatto che il processo abbia richiesto molto tempo
- Uno ha iniziato a salvare le aziende utilizzando i segnalibri ma ha rinunciato perché ci è voluto troppo tempo
- Uno non è stato in grado di capire come salvare le imprese e ha rinunciato all'attività
I due utenti che hanno utilizzato i segnalibri entrambi hanno osservato che sarebbe bello poter creare un segnalibro per un'azienda dalla pagina dei risultati di ricerca, piuttosto che dover andare separatamente alla pagina di ciascuna azienda.
Sarebbe bello consentire agli utenti di avere un metodo più semplice e intuitivo per salvare le aziende in modo da tornare più tardi, quindi abbiamo aggiunto una funzionalità di salvataggio con un solo clic nella riprogettazione. Questa nuova funzione ti consente di salvare un'attività direttamente dalla pagina dei risultati senza immergerti più a fondo.
Lezione 4: È facile e veloce cercare un luogo specifico
A tutti e cinque gli utenti è stato assegnato un compito per trovare un'attività specifica e scoprire se era aperta in un determinato momento. Tutti hanno completato con successo questo compito e hanno valutato il compito come "molto facile". Come accennato in precedenza, tutti e cinque hanno utilizzato la barra di ricerca per eseguire questa operazione.
Poiché la ricerca di un'azienda specifica funziona così bene, abbiamo deciso che la funzionalità non aveva bisogno di modifiche.
Lezione 5: le foto sono la scelta migliore per determinare l'atmosfera
Quando è stato chiesto di trovare un ristorante con un determinato ambiente, nessuno dei cinque utenti ha tentato di utilizzare la barra di ricerca. Invece, tre gli utenti hanno guardato attraverso le foto del ristorante su Yelp, uno ha visitato il sito web del ristorante e l'ultimo ha dichiarato che i simboli dei prezzi ($, $$, $$$, $$$$) erano sufficienti per indicare se il ristorante aveva l'atmosfera giusta.
Questo ha portato a due approfondimenti:
- Le foto sono una parte essenziale dell'esperienza di Yelp e sono fondamentali per gli utenti che scelgono un'azienda.
- Per evitare di ingombrare l'interfaccia, la soluzione potrebbe essere semplice come semplicemente ingrandire le foto quando si arriva alla pagina dei risultati di ricerca.
Lezione 6: gli utenti fanno affidamento sui filtri, ma devono essere rinnovati
A tutti e cinque gli utenti è stato chiesto di trovare un ristorante per un gruppo di 15, tre dei cinque partecipanti utilizzavano il filtro buono per gruppi , mentre uno utilizzava la funzione di prenotazione e scorreva verso il basso fino a trovare un ristorante che potesse ospitare il gruppo.
In un altro punto, un utente ha tentato selezionare due categorie per filtrare i risultati, ma una delle sue scelte è scomparsa quando ha fatto clic sull'altro.
Mentre i filtri sono importanti, abbiamo appreso che potrebbero essere notevolmente migliorati. Per scavare più a fondo, abbiamo deciso di eseguire a ordinamento delle carte su tutte le opzioni di filtro correnti di Yelp per determinare quali sono effettivamente utili per gli utenti.
Per la riprogettazione, abbiamo deciso di categorizzare le categorie di filtri in gruppi di quattro in base al modo in cui gli utenti le hanno definite in ordine di priorità. Ad esempio, abbiamo appreso che "Open Now" e "Accetta carte di credito" erano alcuni dei filtri più importanti, ma per poterli accedere possono essere necessari diversi clic.
Lezione 7: Le categorie di prezzo non erano chiare
Quando gli utenti cercavano il ristorante con parametri specifici, uno dei requisiti era trovare un ristorante con un budget di $ 20 / persona. Due dei cinque utenti erano confusi dal fatto che il loro budget di $ 20 ristorante rientrasse nella categoria $, $$ o $$$. Un utente ha affermato di non sapere cosa significassero i simboli e un altro ha fatto clic sulla categoria sbagliata. Gli altri tre hanno scelto correttamente la categoria $$.
La definizione dei simboli non viene visualizzata quando gli utenti selezionano i filtri; viene visualizzato solo quando l'utente accede alla pagina di un determinato ristorante. Dal momento che le aspettative sui prezzi sono molto soggettive, non è chiaro agli utenti quale categoria debbano scegliere.
Nella riprogettazione, abbiamo risolto questo ponendo i valori esatti tra parentesi accanto ai simboli. Ciò è particolarmente utile quando ci si sposta tra le categorie, poiché $$ ha un significato diverso se si sceglie un giunto meccanico o per hamburger.
Design guidato da approfondimenti sull'usabilità
Una volta che era il momento di progettare, abbiamo seguito un approccio basato sugli ultimi passaggi del Design di Google Ventures processi. Il CEO di UXPin, Marcin Treder, ha iniziato con numerosi schizzi informali prima che una decisione del team l'aiutasse a scegliere tra i primi 2-3 schizzi. Per evitare la progettazione da parte del comitato, Marcin ha avuto l'ultima parola riguardo a quali schizzi sarebbero passati al wireframing e alla prototipazione.
Abbiamo creato un wireframe per incorporare la maggior parte delle modifiche al design, quindi abbiamo aggiunto alcune interazioni e animazioni per trasformarlo in un prototipo a bassa fedeltà. Una volta appianate le animazioni, abbiamo aggiunto i dettagli per un prototipo ad alta fedeltà.
Prototipi a bassa fedeltà
Prototipi di alta fedeltà
Determinazione di tutte le dimensioni dell'usabilità
Cosa dicono gli utenti e cosa fanno gli utenti dovrebbero servire come controlli e contrappesi durante il test dell'utente. Mentre non è necessario essere necessariamente presenti durante il test, una registrazione audiovisiva è obbligatoria, altrimenti potresti perdere il contesto delle azioni. Quando si combinano l'analisi qualitativa con l'analisi quantitativa, si otterrà un'idea ancora più chiara del perché e di come risolvere un problema, nonché di quanti problemi di usabilità devono essere risolti dal progetto.