La checklist UX essenziale: esamina il tuo sito con gli occhi dei clienti

Il tuo sito è stato appena riprogettato. Sul grande monitor della sala riunioni ha un aspetto fantastico; tutti conoscono l'offerta e riescono a completare un ordine a occhi chiusi. Ma un cliente arriva da un telefono, non sa nulla dell'azienda e se ne va al primo punto di confusione. Per questo non basta verificare che un sito sia bello.

Abbiamo usato la versione originale di questa checklist come elenco generale per siti e negozi online. Nel tempo si sono accumulati strumenti e regole individuali che non erano universali. Questa versione torna all'essenziale: cosa dovrebbe poter fare una persona, cosa devi verificare e come individuare un problema prima di investire denaro nel traffico.

Individua innanzitutto i tre percorsi più importanti

Un audit UX dell'intero sito può facilmente trasformarsi in un centinaio di osservazioni. Prima di aprire gli analytics, scelgo quindi i tre percorsi più importanti per l'azienda. In genere:

• un nuovo visitatore comprende l'offerta e invia una richiesta,
• un cliente trova un prodotto, lo aggiunge al carrello e paga,
• un cliente esistente trova assistenza, un documento o i dati di contatto.

Per ogni percorso, annota il punto di partenza, la conclusione prevista e l'ostacolo principale. Così non completi la checklist meccanicamente: verifichi se il sito supporta una decisione specifica.

1. L'offerta deve essere chiara a chi non era presente alla riunione

• Dalla prima schermata è evidente cosa offri e a chi?
• Il titolo principale descrive un risultato o un problema, invece dello slogan dell'azienda?
• Il passaggio successivo è visibile senza doverlo cercare nel menu?
• I visitatori riescono a distinguere i singoli servizi o le diverse opzioni?
• Dichiari le condizioni e i limiti che influenzano davvero la decisione?

Fai una prova con qualcuno che non conosce l'azienda. Dagli qualche secondo, chiudi la pagina e chiedigli cosa fa l'azienda e cosa farebbe dopo. Non è uno studio scientifico, ma rivela rapidamente il linguaggio comprensibile solo alle persone interne all'azienda.

2. La navigazione deve funzionare senza pensarci e senza mouse

• I nomi delle voci corrispondono a ciò che cercano i visitatori?
• Funzionano i link, il logo e il ritorno al passaggio precedente?
• Il menu mobile è leggibile, richiudibile e non copre contenuti importanti?
• In una struttura più lunga, è chiaro dove si trova la persona?
• Ogni controllo importante è raggiungibile con il tasto Tab?
• Usando la tastiera, il focus è visibile e l'utente evita di rimanere intrappolato?

L'accessibilità non è una modalità speciale per poche persone. Un contrasto sufficiente aiuta anche usando il telefono al sole e un modulo chiaro aiuta chi ha fretta. Per una verifica rapida puoi usare Easy Checks di W3C. È un primo controllo, non una conferma della piena conformità alle WCAG.

3. I contenuti devono guidare sia lo sguardo sia la decisione

• C'è un titolo principale e una struttura logica dei titoli successivi?
• I paragrafi sono leggibili e le informazioni importanti sono facili da trovare durante la scansione?
• Link e pulsanti descrivono il risultato del clic?
• Il significato dipende solo dal colore, da un'immagine o da un effetto hover?
• Le immagini informative hanno un testo alternativo significativo?
• Le animazioni distraggono dall'offerta e gli utenti possono rispettare le preferenze per la riduzione del movimento?

Un colore intenso da solo non crea un pulsante di conversione. Prima deve essere chiaro cosa succederà dopo il clic. “Invia” è una descrizione tecnica. “Prenota una chiamata introduttiva” riduce l'incertezza.

4. Un modulo dovrebbe chiedere solo ciò che l'azienda utilizzerà davvero

• Ogni campo ha un'etichetta visibile associata programmaticamente?
• È chiaro quali dati sono obbligatori e perché servono?
• L'utente può completare il modulo da telefono e con la tastiera?
• Il messaggio di errore spiega sia il problema sia come risolverlo?
• I dati inseriti correttamente rimangono dopo un errore?
• Dopo l'invio, l'utente riceve una conferma chiara e informazioni su ciò che accadrà dopo?

Nella sua guida ai moduli accessibili, W3C raccomanda di chiedere solo i dati necessari a completare il processo. Ogni campo aggiuntivo costa attenzione e aumenta il lavoro di gestione dei dati. Se l'azienda non utilizzerà l'informazione, rimuovila.

5. Un negozio online deve gestire l'intero acquisto, non solo una bella pagina prodotto

Categorie e ricerca

• I filtri corrispondono al modo in cui le persone scelgono e possono essere cancellati facilmente?
• Uno stato senza risultati è utile e offre un percorso alternativo?
• Una scheda prodotto contiene nome, prezzo, disponibilità e un'immagine leggibile?
• Ordinamento e filtri restano utilizzabili da telefono?

Dettaglio prodotto

• Opzioni, prezzo, IVA, disponibilità e consegna sono spiegati prima dell'aggiunta al carrello?
• Le fotografie mostrano ciò che serve al cliente per valutare?
• Il pulsante per aggiungere al carrello è visibile senza coprire i contenuti?
• Un prodotto esaurito o fuori catalogo offre un'alternativa e un modo sensato per tornare indietro?

Carrello e ordine

• È possibile modificare articolo, opzione e quantità senza perdere gli altri dati?
• Il prezzo finale, inclusi consegna e costi, è noto per tempo?
• Eviti di richiedere la registrazione senza una ragione commerciale?
• Un pagamento fallito riporta la persona a uno stato comprensibile?
• La conferma dell'ordine è inequivocabile e impedisce un acquisto ripetuto accidentalmente?

La regola “nel carrello non deve esserci navigazione” non è sempre valida. Per un acquisto semplice, ridurre le distrazioni può aiutare. Con un'offerta complessa, però, il cliente deve poter trovare condizioni o dettagli del prodotto. Verifica il comportamento, non una regola empirica.

6. Un sito deve resistere a dispositivi mobili, rete lenta ed errori

• Il contenuto principale si carica rapidamente senza grandi spostamenti del layout?
• La pagina risponde ai clic e alla digitazione senza ritardi percepibili?
• Le immagini hanno dimensioni corrette e si caricano solo con la qualità necessaria?
• Uno script esterno difettoso può bloccare un ordine o un modulo?
• I percorsi principali funzionano nei browser moderni più diffusi e su telefoni reali?
• Monitori disponibilità ed errori nei passaggi importanti?

Un punteggio di laboratorio è un'indicazione, non un risultato aziendale. Osserva anche gli utenti reali e il percorso principale. Un pixel pubblicitario non deve essere più importante del pulsante Acquista.

7. Verifica la misurazione con un test, non controllando che il codice esista

Per ogni percorso importante, invia una richiesta o fai un ordine di prova. Verifica che l'evento venga inviato una volta sola, con nome, valore, valuta e identificativo della transazione corretti. Poi controlla che il sistema di destinazione lo rilevi e che corrisponda all'ordine reale.

• Un acquisto viene inviato semplicemente aprendo un URL di ringraziamento?
• L'evento viene duplicato quando la pagina viene aggiornata?
• I tag rispettano lo stato del consenso?
• Il data layer contiene dati personali che non dovrebbero trovarsi lì?
• Il container include solo i servizi utilizzati dall'azienda?
• Esiste un responsabile della misurazione e una registrazione dell'ultimo controllo?

Per l'implementazione, consulta Come configurare correttamente Google Tag Manager; per il significato degli eventi, consulta la guida a Google Analytics 4. Le registrazioni delle sessioni o le mappe di calore possono rivelare punti ciechi, ma usale con uno scopo preciso, mascherando i campi sensibili e rispettando le regole sul consenso. Registrare tutto “per ogni evenienza” non è un piano di ricerca.

Come usare la checklist senza un workshop mensile

1. Scegli un percorso prioritario e seguilo da telefono.
2. Fai lo stesso usando solo la tastiera.
3. Chiedi a qualcuno esterno all'azienda di completare il compito e non guidarlo.
4. Annota dove ha esitato, non la soluzione che proporresti.
5. Verifica il problema negli analytics, nell'assistenza o con ulteriori test.
6. Risolvi un ostacolo e ripercorri l'intero percorso, inclusa la misurazione.

Non cercare di dichiarare un sito “completo dal punto di vista UX” in un solo giro. L'offerta, i dispositivi e le aspettative delle persone cambiano. Lo scopo della checklist è individuare regolarmente l'attrito più costoso e decidere cosa risolvere per primo.

Se vuoi esaminare il sito in un contesto aziendale più ampio, usa anche la checklist di marketing online. Se devi dare priorità a UX, misurazione e acquisizione, descrivi il tuo percorso principale attraverso la pagina dei contatti.