I 9 stati da anticipare per una navigazione ottimizzata

“La verità non si trasmette con la parola, la verità esiste nel vuoto tra le parole, tra le righe”. Hideo Kamata  

Una buona esperienza utente si basa sul prendere in considerazione il giapponese "Ma". Il “Ma” è un intervallo, una pausa, un respiro che promuove l'armonia tra tutti gli elementi. Percepire il vuoto è la chiave per un'esperienza utente di successo. Ciò garantisce un'esperienza di visita fluida, con transizioni e scenari complessi. L'obiettivo è anticipare tutti i momenti di vacillamento. Le volte in cui l'utente perde la connessione, dimentica la password o quando un utente genera una richiesta con più di 10 risultati, ad esempio.
Vince Speelman, designer e sviluppatore, in un articolo Medium di novembre 2015, ci offre 9 scenari da tenere a mente quando si progetta uno schermo.
Ecco la traduzione di il suo articolo :
I team dell'interfaccia utente moderna (interfaccia utente) prima progettano i componenti e poi li assemblano al meglio in un'interfaccia. Questa giustapposizione di elementi è una porta aperta sul “percorso della delusione”. In effetti, questo percorso è un luogo in cui un utente può, più o meno intenzionalmente, allontanarsi da un processo attentamente considerato. Invece di esaminare i componenti, dovremmo concentrarci su tutti gli scenari complessi che un componente, una richiesta o un problema esterno possono causare. Ecco i 9 stati da tenere in considerazione sistematicamente:

  1. La prima volta

Cosa succede prima che un componente si attivi? Questa potrebbe essere la prima volta che un utente lo vede. Forse non è ancora attivato. Il componente esiste ma non è ancora stato avviato.
10
 

  1. Caricamento della pagina

Questo è lo scenario più temuto. In un mondo perfetto, nessuno vorrebbe vedere questo. Ahimè, succede. Fortunatamente, ci sono molti modi per visualizzare in modo sottile e discreto un messaggio di caricamento.
20
 

  1. Vide

Il componente è stato inizializzato ma è vuoto. Nessun dato. Nessun oggetto. Questo è il momento perfetto per motivare l'utente a compiere un'azione ("Fai questo!"), o per premiarlo ("Ben fatto, tutto è ben organizzato ora).
30
 

  1. Nessun dato inserito

    C'è almeno un dato. L'utente ha effettuato una prima voce. Potrebbe essere il primo colpo. In un elenco, questo può essere quando l'utente ha un elemento.
    40
     

    1. Alcuni

    Questo è il primo scenario che concepiamo. Qual è lo stato ideale del componente/della tua pagina? I dati sono visibili e l'utente comprende come funziona la pagina.
    50
     

    1. Troppo

    Ahi, non c'è spazio. Ci sono troppi risultati (forse andrebbe fatta una impaginazione), troppi segni (dovrebbe essere ingrandito un campo?)…
    60
     

    1. sbagliato

    Il componente ha un piccolo problema. C'è un errore.
    70
     

    1. Corretta

    Perfetto, la strada è chiara! Questo componente è convalidato.
    80
     

    1. Realizzato

    La pressione di un pulsante ha funzionato. L'utente è rassicurato.
    90
     
    Questi 9 scenari sono intraseques di una pagina, un'interazione, un caricamento di dati e un componente. Indipendentemente dalla navigazione dell'utente, questi stati devono tenere conto di tutti i possibili casi d'uso e fornire una buona esperienza.
    La maggior parte di questi stati è spesso pensata senza essere specificata, dimenticata o semplicemente ignorata dai team. È un grosso errore. Tenendone conto, creiamo applicazioni con un forte valore aggiunto. L'integrazione sistematica di tutti questi stati nella progettazione di wireframe migliora l'empatia con l'utente e stabilisce un percorso di navigazione stabile.
    Questi 9 scenari si applicano a tutti i progettisti ea tutti i componenti. Da usare senza moderazione!

    Marina Wiesel, UX Designer @UX-Republic