Articoli di programmazione
Usabilità, questa sconosciuta
Partiamo dalle basi per capire come rendere il nostro applicativo più usabile
Gli utenti non capiscono come usare il tuo applicativo.
Forse sono tonti.
Forse hai fatto le cose seguendo dei criteri che non si sono dimostrati troppo chiari.
Forse stai cercando di far qualcosa di difficile e non c’è un modo semplice per farlo.
Forse.
O forse semplicemente non stai seguendo dei buoni criteri per implementare la tua UI.
Partiamo dalle basi. Per rendere il nostro applicativo realmente usabile dobbiamo seguire delle regole semplici. Non ti assicuro che se le segui tutte non avrai mai problemi, però ti assicuro che i problemi saranno di portata limitata.
Ecco la lista che seguo sempre:
1 - Mostra lo stato: il tuo sistema deve sempre comunicare che cosa sta facendo e cosa sta accadendo.
In certi software si preme un bottone e non si vede più niente per un paio di minuti, fino a che non si carica una griglia! Ad un evento dell’utente deve corrispondere un’immediata reazione della UI che quantomeno lo informa che deve attendere del tempo per vedere i dati che ha richiesto.
2 - Parla la loro lingua: conosci il tuo audience, cerca di capire come parlano e adotta lo stesso linguaggio.
Se il tuo è un software che gestisce un sito di ricette, consultato da signore sulla sessantina in cerca di nuove ricette sfiziose per i nipotini, non scrivere “Si è verificata un’eccezione: il campo EMail supporta solo caratteri alfanumerici”, perché è come se tu gli parlassi in Turco!
3 - Libertà di movimento: permetti in modo chiaro e rapido di uscire da una funzionalità.
Spesso gli utenti cliccano per sbaglio alcuni bottoni, entrano in pagine sbagliate, oppure aprono dei Form per errore. Mostra una semplice e diretta via d’uscita dalla tua funzionalità. Sempre.
Se ci pensi il bottone Indietro di Android si basa su questo concetto.
Allo stesso modo il tuo applicativo dovrebbe supportare Undo e Redo, il classico Ctrl+Z e Ctrl+Y.
4 - Esiste la Banner Blindness: evitala!
La gente tende a non guardare gli elementi che sembrano banner o pubblicità. Non mettere informazioni importanti in luoghi di solito occupati dai banner. Allo stesso modo spesso un messaggio in una Alert viene snobbato se sembra pubblicità.
Questa cosa è talmente vera che ormai i vari messaggi pubblicitari sono nascosti all’interno del contenuto.
5 - Less is more!
Questa regola ha tutta la mia stima ed il mio affetto.
Less is more non significa mettere meno informazione o contenuto ma significa mettere meno features, meno opzioni, meno modi per gli utenti di cercare, filtrare, maneggiare l'interfaccia. SIgnifica evitare di mostrare menù con 80 voci che scoraggiano gli utenti. Significa evitare mille bottoni e mille Form.
Non pensare "mettiamo molte funzioni, poi loro scelgono la loro preferita", perchè vedere molte funzionalità li rende solo più confusi. Implementa poche features, fatte bene, omogenee e chiare, poi lasciali sguazzare nel contenuto del tuo applicativo.
Pensa: Google permette di cercare ogni cosa da una semplice TextBox.
6 - L’ordine alfabetico è sopravvalutato.
Elencare gli elementi per Ordine Alfabetico è negativo perchè suppone che gli utenti sappiano come chiamiamo le cose. Se cerco Divorzio su un sito di articoli legislativi, potrei non trovarlo alla D perchè potrebbe essere sotto Separazione o Matrimonio. Inoltre se ordini gli elementi alfabeticamente, questi dovrebbero avere il termine più indicativo come prima parola e non sempre è così.
7 - Segui gli standard
Non inventarti cose nuove che, anche se ti sembrano razionali, nessuno capisce. Segui gli standard. Vedi cosa fanno gli altri e, se lo fanno tutti, fallo anche te. Sì perché i tuoi utenti certamente hanno già usato un altro software oltre al tuo e quindi sanno già seguire certi pattern.
La regola vale anche internamente al tuo applicativo. Ogni tua feature deve essere coerente con il resto del sistema. Se hai fatto i bottoni di salvataggio in basso a destra, non metterli in alto a sinistra in quel particolare form anche se ti sembra più chiaro.
8 - Cerca di evitare gli errori
Parliamoci chiaro: gli utenti sbagliano e non potrai mai evitare del tutto gli errori. Però puoi fare del tuo meglio per prevenirli.
verifica e valida ogni input da parte dell’utente; non fargli inserire dati sporchi.
Informa l’utente su cosa esegue una certa funzione.
Chiedi conferma all’utente sulle funzioni più delicate.
9 - Mostra sempre le cose importanti
Non nascondere dalla tua UI le funzioni base, quelle più importanti. L’utente deve sempre vederle.
10 - Crea scorciatoie per gli utenti esperti
Questa cosa non è valida per tutti gli applicativi, ma per molti scenari ha senso fare scorciatoie da tastiera o funzioni avanzate accelerate per utenti avanzati.
11 - Non farlo barocco!
Mantieni tutto il più minimale possibile. Ogni elemento in più richiede attenzione da parte dell’utente e dopo un pochino questa finisce.
Mantieni tutto semplice e minimalista: il tuo lavoro è finito quando non puoi più togliere nulla, preservando le funzionalità, e non quando hai aggiunto tutto quello che ti veniva in mente!
Evita grafiche barocche o elaborate, usa pochi colori e soprattutto usa bene le spazioature sia verticali che orizzontali. Allinea gli elementi. Rendi tutto pulito e semplice più che puoi.
12 - Buttagli un salvagente
Se l’utente ha bisogno di aiuto per usare il sistema oppure se ha commesso un errore, il sistema deve sempre lanciargli un salvagente in modo tempestivo.
In caso di errore, spiega la causa dell’errore e come si può rimediare. Evidenzia subito i modi per contattare eventualmente l’assistenza tecnica.
Mostra in modo chiaro i link per la documentazione del prodotto. Eventualmente chiedi all’utente di entrare in chat con il supporto.
#ux #userexperience #usabilità #design #ui
Forse sono tonti.
Forse hai fatto le cose seguendo dei criteri che non si sono dimostrati troppo chiari.
Forse stai cercando di far qualcosa di difficile e non c’è un modo semplice per farlo.
Forse.
O forse semplicemente non stai seguendo dei buoni criteri per implementare la tua UI.
Partiamo dalle basi. Per rendere il nostro applicativo realmente usabile dobbiamo seguire delle regole semplici. Non ti assicuro che se le segui tutte non avrai mai problemi, però ti assicuro che i problemi saranno di portata limitata.
Ecco la lista che seguo sempre:
1 - Mostra lo stato: il tuo sistema deve sempre comunicare che cosa sta facendo e cosa sta accadendo.
In certi software si preme un bottone e non si vede più niente per un paio di minuti, fino a che non si carica una griglia! Ad un evento dell’utente deve corrispondere un’immediata reazione della UI che quantomeno lo informa che deve attendere del tempo per vedere i dati che ha richiesto.
2 - Parla la loro lingua: conosci il tuo audience, cerca di capire come parlano e adotta lo stesso linguaggio.
Se il tuo è un software che gestisce un sito di ricette, consultato da signore sulla sessantina in cerca di nuove ricette sfiziose per i nipotini, non scrivere “Si è verificata un’eccezione: il campo EMail supporta solo caratteri alfanumerici”, perché è come se tu gli parlassi in Turco!
3 - Libertà di movimento: permetti in modo chiaro e rapido di uscire da una funzionalità.
Spesso gli utenti cliccano per sbaglio alcuni bottoni, entrano in pagine sbagliate, oppure aprono dei Form per errore. Mostra una semplice e diretta via d’uscita dalla tua funzionalità. Sempre.
Se ci pensi il bottone Indietro di Android si basa su questo concetto.
Allo stesso modo il tuo applicativo dovrebbe supportare Undo e Redo, il classico Ctrl+Z e Ctrl+Y.
4 - Esiste la Banner Blindness: evitala!
La gente tende a non guardare gli elementi che sembrano banner o pubblicità. Non mettere informazioni importanti in luoghi di solito occupati dai banner. Allo stesso modo spesso un messaggio in una Alert viene snobbato se sembra pubblicità.
Questa cosa è talmente vera che ormai i vari messaggi pubblicitari sono nascosti all’interno del contenuto.
5 - Less is more!
Questa regola ha tutta la mia stima ed il mio affetto.
Less is more non significa mettere meno informazione o contenuto ma significa mettere meno features, meno opzioni, meno modi per gli utenti di cercare, filtrare, maneggiare l'interfaccia. SIgnifica evitare di mostrare menù con 80 voci che scoraggiano gli utenti. Significa evitare mille bottoni e mille Form.
Non pensare "mettiamo molte funzioni, poi loro scelgono la loro preferita", perchè vedere molte funzionalità li rende solo più confusi. Implementa poche features, fatte bene, omogenee e chiare, poi lasciali sguazzare nel contenuto del tuo applicativo.
Pensa: Google permette di cercare ogni cosa da una semplice TextBox.
6 - L’ordine alfabetico è sopravvalutato.
Elencare gli elementi per Ordine Alfabetico è negativo perchè suppone che gli utenti sappiano come chiamiamo le cose. Se cerco Divorzio su un sito di articoli legislativi, potrei non trovarlo alla D perchè potrebbe essere sotto Separazione o Matrimonio. Inoltre se ordini gli elementi alfabeticamente, questi dovrebbero avere il termine più indicativo come prima parola e non sempre è così.
7 - Segui gli standard
Non inventarti cose nuove che, anche se ti sembrano razionali, nessuno capisce. Segui gli standard. Vedi cosa fanno gli altri e, se lo fanno tutti, fallo anche te. Sì perché i tuoi utenti certamente hanno già usato un altro software oltre al tuo e quindi sanno già seguire certi pattern.
La regola vale anche internamente al tuo applicativo. Ogni tua feature deve essere coerente con il resto del sistema. Se hai fatto i bottoni di salvataggio in basso a destra, non metterli in alto a sinistra in quel particolare form anche se ti sembra più chiaro.
8 - Cerca di evitare gli errori
Parliamoci chiaro: gli utenti sbagliano e non potrai mai evitare del tutto gli errori. Però puoi fare del tuo meglio per prevenirli.
verifica e valida ogni input da parte dell’utente; non fargli inserire dati sporchi.
Informa l’utente su cosa esegue una certa funzione.
Chiedi conferma all’utente sulle funzioni più delicate.
9 - Mostra sempre le cose importanti
Non nascondere dalla tua UI le funzioni base, quelle più importanti. L’utente deve sempre vederle.
10 - Crea scorciatoie per gli utenti esperti
Questa cosa non è valida per tutti gli applicativi, ma per molti scenari ha senso fare scorciatoie da tastiera o funzioni avanzate accelerate per utenti avanzati.
11 - Non farlo barocco!
Mantieni tutto il più minimale possibile. Ogni elemento in più richiede attenzione da parte dell’utente e dopo un pochino questa finisce.
Mantieni tutto semplice e minimalista: il tuo lavoro è finito quando non puoi più togliere nulla, preservando le funzionalità, e non quando hai aggiunto tutto quello che ti veniva in mente!
Evita grafiche barocche o elaborate, usa pochi colori e soprattutto usa bene le spazioature sia verticali che orizzontali. Allinea gli elementi. Rendi tutto pulito e semplice più che puoi.
12 - Buttagli un salvagente
Se l’utente ha bisogno di aiuto per usare il sistema oppure se ha commesso un errore, il sistema deve sempre lanciargli un salvagente in modo tempestivo.
In caso di errore, spiega la causa dell’errore e come si può rimediare. Evidenzia subito i modi per contattare eventualmente l’assistenza tecnica.
Mostra in modo chiaro i link per la documentazione del prodotto. Eventualmente chiedi all’utente di entrare in chat con il supporto.
#ux #userexperience #usabilità #design #ui