Euristiche di Nielsen per migliorare la UX del tuo ecommerce (parte 1)

1) Visibilità dello stato del sistema

Il design dovrebbe sempre tenere le persone informate su ciò che sta accadendo, attraverso un feedback appropriato entro un ragionevole lasso di tempo.

Tutti e tutte noi utilizziamo lo smartphone e senza un’icona che ci segnala a che stato è la batteria saremmo persi.
Se questo tipo di feedback non ci arriva tempestivamente ci sentiamo stressati, non abbiamo voglia né tempo di capire cosa succede né di andare a cercare l’informazione. 
Questo è un esempio calzante della prima euristica. Ma vediamone brevemente anche altri: 

• Le persone che cliccano su un pulsante o su una checkbox, oppure guardano una mappa, si aspettano che l’interfaccia dia un riscontro in conseguenza alle loro azioni.
• In un ecommerce quando aggiungo un prodotto al carrello potrebbe apparire sullo schermo un avviso che mi indica che il prodotto è stato aggiunto correttamente. Inoltre l’icona del carrello, di solito posizionata in alto a destra, mi dovrebbe mostrare anche una notifica di quanti prodotti ho nel carrello.

2) Corrispondenza tra sistema e mondo reale

Il design dovrebbe parlare la lingua delle persone. Usa parole, frasi e concetti familiari all’utente, piuttosto che il gergo tecnico interno. Segui le convenzioni del mondo reale, facendo apparire le informazioni in un ordine naturale e logico.

NNG dà dei suggerimenti da seguire: 

• Assicurati che le persone possano capire il significato senza dover cercare la definizione di una parola.
• Non dare mai per scontato che la tua comprensione di parole o concetti corrisponda a quella dei tuoi utenti.
• La ricerca sulle persone ti aiuterà a scoprire la terminologia familiare dei tuoi utenti, nonché i loro modelli mentali, ovvero cosa pensano riguardo a concetti importanti.

Ad esempio, termini come “salva”, “stampa”, “condividi” sono ben conosciuti da tutti e tutte per compiere delle azioni, ma i copy (o microcopy) non sono gli unici a essere coinvolti: 

• il così detto “tone of voice” dovrebbe rappresentare la comunicazione del tuo brand. Cerca di essere sempre coerente con il messaggio che vuoi trasmettere e quello che scrivi. 
• le icone ci vengono in aiuto quando vogliamo ridurre lo sforzo della lettura da parte della persona o evidenziare una funzionalità. Un esempio? Associare il floppy disk al termine “salva” che sta ad indicare un’azione. Cerca di utilizzare icone con forme riconosciute e comuni alle persone che usano la tua interfaccia. A loro non interessa né l’originalità né la ricercatezza: vogliono solo comprendere cosa fare con il minimo sforzo!

3) La persona deve avere il controllo e la libertà

Spoiler: le persone che usano i tuoi strumenti sbagliano. Hanno bisogno di una uscita di emergenza sempre visibile, facile e veloce da usare per abbandonare l’azione indesiderata. 

Se una persona entra in un processo che non corrisponde a ciò che voleva, deve poter uscire da quell’azione con semplicità.
Un esempio facile facile: chi si ricorda le animazioni di introduzione a un sito web all’epoca di Flash? Ebbene sì, le ho vissute tutte in prima persona!
Non erano solo le introduzioni ai siti web ma l’uso smodato di animazioni che rendevano le persone passive.
Se per le persone è facile uscire da un processo o annullare un’azione, favoriremo in loro un senso di libertà e fiducia perché mantengono il controllo del sistema ed evitano di rimanere bloccate e sentirsi frustrate.

Ecco altri esempi: 

• L’icona di chiusura di un popup: utilizza icone riconoscibili, ancor meglio se accompagnate da dei microtesti. Inoltre quando fai aprire un popup permetti l’uscita anche cliccando al di fuori dell’overlay, la sovrapposizione che copre il contenuto sottostante
• In un carrello deve essere sempre visibile e ben cliccabile il tasto “rimuovi prodotto”
• In un checkout a step la persona deve essere libera di tornare allo step precedente

4) Coerenza e Standard

Prima di arrivare al tuo sito le persone usano tantissimi prodotti digitali. Mantenere uno standard come ad esempio icone riconoscibili, posizione del menu di navigazione o posizione del carrello, permette a chi usa i tuoi strumenti di trovare un ambiente “conosciuto” e immediato da usare. 

Tutto ciò che richiede uno sforzo di apprendimento, per essere usato, diventa motivo di difficoltà. Noi abbiamo lo scopo di semplificare. 

Quindi non cambiare un tipo di impaginazione solo perché vuoi essere controcorrente: l’unico risultato che otterrai è stressare chi visita il tuo sito, la tua app o il tuo ecommerce. 
So che la tentazione di fare qualcosa di diverso, o che piace a noi, a volte è tanta ma poniti sempre questa domanda: “sto semplificando la vita a chi atterra sul mio sito?”

Alcuni esempi: 

• Il logo del sito in genere è in alto a sinistra.
• Il simbolo del carrello per gli acquisti è in alto a destra.
• La lente di ingrandimento indica la ricerca.

Rendere facile l’uso dei tuoi strumenti è vincente perché dimostra che hai un brand coerente.

Ok, ma cosa vuol dire in concreto?

5) Prevenire gli errori

Prima di iniziare a lavorare a un progetto devo pianificare anche gli imprevisti. Con la stessa logica nel design pianifico anche le possibilità di errore delle persone che utilizzano un sistema. 

Quando navighiamo un sito siamo spesso di corsa e un design deve essere progettato escludendo il rischio di portare le persone a delle azioni non corrette. Eh già, parliamo di errore dell’utente ma non è proprio così. 
È l’interfaccia del sistema che sta utilizzando che porta la persona ad avere più probabilità di commettere un errore. La soluzione quindi è rivedere il design e le funzionalità nel punto in cui avviene questa frizione. 

Ma sarebbe ancora meglio prevenire l’errore e guidare al meglio la persona verso un flusso corretto, che possa portargli non stress ma soddisfazione. Come?

Guidando la persona nel processo. Ecco alcuni esempi: 

Un sito usabile fa felice le persone e ti fa ottenere più conversioni

Per prevenire gli errori, in genere, è buona norma impostare di default alcuni settaggi che risultano un buon punto di partenza per le scelte che dovrà fare la persona.

Ad esempio, sui siti da cui puoi prenotare alberghi o case non è possibile prenotare selezionando il giorno precedente perché, di solito, i calendari hanno già preselezionato il weekend successivo o il giorno stesso. 

In ultimo le persone che visitano il tuo sito, la tua app o il tuo ecommerce, navigano tanti altri siti: mantenere il design seguendo degli standard già presenti nei modelli mentali delle persone aiuterà moltissimo a prevenire errori e le renderà più soddisfatte.

Siamo arrivati alla fine della prima parte delle euristiche di Nielsen. Spero di averti dato qualche spunto concreto per rendere il tuo ecommerce o sito web più usabile. 

Il mantra dovrà essere usabilità = utente felice = più conversioni.

Se vuoi esplorare anche le altre 5 euristiche, puoi trovarle qui.

Rendiamo più usabile il tuo ecommerce

Hai bisogno di un professionista che possa rendere il tuo ecommerce più usabile? 

Posso prendermi cura dell’usabilità del tuo ecommerce iniziando da un’analisi euristica, creando un report e un design che potrai condividere con il team di sviluppo. Anche se si trattasse di applicare piccole modifiche le persone te ne saranno grate e il tuo ecommerce potrà avere una crescita sana, basata sulla buona esperienza di navigazione che vivono nel tuo negozio online o sito web.