Valuta la qualità del tuo sito con questo check-up
In questo articolo mettiamo a vostra disposizione una check list che vi aiuterà a valutare meglio la qualità del vostro sito.
Queste caratteristiche dovrebbero essere sempre presenti per ottimizzare la qualità della user experience e migliorare, nel caso degli e-commerce, conversioni e qualità percepita verso il brand.
Brand
- Il naming e il core business del vostro sito sono chiari.
- Il design del sito comunica professionalità e affidabilità.
- Elementi grafici, visual e cromia rendono riconoscibile l’identità aziendale.
- La comunicazione online è coerente con la strategia di marketing old media.
Home page
- Il layout permette di focalizzare immediatamente i principali bisogni dell’utente.
- Le informazioni principali sono visibili subito, evitando di dover scrollare.
- I plus che offriamo sono chiari, comprensibili e ben visibili.
Navigazione
- I nomi dei link sono espressi con un linguaggio comune e comprensibile.
- L’architettura delle informazioni è graduale e univoca.
- I link sono predittivi (consentono di capire cosa si stà per fare) e non sono presenti “clicca qui”.
- I menù gerarchici verticali sono formati da colonne da non più di 7 righe.
- I menù, le categorie e il naming delle pagine sono studiate in un ottica SEO.
- Gli elementi interattivi (slider, accordion, menù) sono usabili anche su smartphone e tablet.
- La posizione all’interno del sito è sempre chiara ed è semplice tornare alle pagine precedenti.
Ricerca
- Il box di ricerca è sempre nella stessa posizione e facile da localizzare.
- Il box di ricerca consente l’inserimento di almeno 30 caratteri.
- Il motore di ricerca genera risultati in tempi minori di 8 secondi.
- Il motore di ricerca trova risultati anche con parole composte e genera suggerimenti.
- I risultati della ricerca sono coerenti e offrono alternative nel caso non vi siano occorrenze.
Contenuti e web writing
- I testi non presentano errori grammaticali, ortografici o tipografici.
- La struttura dei testi è correttamente suddivisa in titolo, sottotitolo e abstract.
- I testi sono concisi, sintetici e il contenuto è facilmente comprensibile dal target.
- Le terminologie tecniche hanno appositi link ad approfondimenti esplicativi.
- I contenuti sono univoci e non replicati da altri siti o media.
- Le immagini di prodotto, compatibilmente con le norme di proprietà, sono firmate con watermark.
- Maiuscolo, grassetto e corsivo sono utilizzati correttamente, i link sono chiari e riconoscibili.
- I contenuti sono ottimizzati in un ottica SEO, suddivisi in paragrafi brevi (20 righe) e con giustezza massima di 75 caratteri.
Leggibilità e layout
- Il layout delle pagine rende immediata la lettura dei principali messaggi di comunicazione.
- Il corpo del testo non è mai inferiore a 12 pixel con interlinea proporzionata in base al carattere.
- La gabbia adotta la giusta proporzione tra aree piene e vuote di riposo alla lettura.
- I contenuti sono creati in formato testo, limitando al minimo l’utilizzo di testo grafico.
- La scelta del font, delle dimensioni e dello sfondo consentono sempre un ottima leggibilità.
- Le immagini sono definite, di dimensioni ben visibili e i testi leggibili anche su smartphone e tablet.
Visual and UI design
- Il look & fell è accattivante, in linea con l’identità aziendale, ma sempre funzionale.
- Il design e la scelta dei colori consente di distinguere chiaramente gli elementi importanti.
- Lo sfondo consente sempre e comunque un ottima leggibilità.
- Il design e i colori dei link, bottoni e call to action sono sempre coerenti e graficamente univoci.
- Gli elementi cliccabili sono chiari e cambiano lo stato del cursore al passaggio del mouse.
Tecnica
- Il sito è compatibile con i principali browser (Chrome, Safari, Explorer, Firefox).
- Il sito è compatibile e usabile da smartphone, tablet e desktop (Responsive).
- Le pagine hanno un tempo medio di caricamento inferiore a 3 secondi.
- Il sito non presenta broken link (pagine non trovate – 404).
- Il sito non presenta errori Javascript ed è conforme alle direttive HTML W3C.
- Il peso del sito è ottimizzato e vengono utilizzati sistemi di Cache e compressione CSS e Javascript.
E-commerce
- Il carrello è sempre visibile e accessibile in ogni pagina.
- I risultati di ricerca sono ordinabili per diversi parametri e il numero dei risultati è a scelta.
- La scheda prodotto descrive quest’ultimo con fotografie zoomabili e/o video chiari e dettagliati.
- Il prezzo, le eventuali promozioni e la disponibilità sono sempre ben visibili e chiare.
- Il pulsante di acquisto è ben visibile e distinguibile dagli altri, anche su periferiche mobile.
- La scheda prodotto presenta tutte le informazioni, il funzionamento e i feedback degli utenti.
- La scheda prodotto può essere condivisa via email e tramite i principali social network.
- L’utente dispone di informazioni e commenti di altri utenti per valutare il prodotto.
- Le pagine di prodotto presentano offerte correlate che incentivano il cross selling.
- La registrazione non è obbligatoria per procedere all’acquisto.
- Il processo di ordine è rapido e conciso in pochi step o in una unica pagina.
- I campi obbligatori sono il minimo indispensabile.
- Tutte le informazioni inerenti l’acquisto e consegna sono sempre a disposizione.
- Le pagine di acquisto sono sotto protocollo di connessione sicuro e protetto.
Quanto sopra non presenta sicuramente tutti gli aspetti da analizzare, ma confido possa essere
una buona base per aiutarvi a valutare se il vostro sito necessita di aggiornamenti.
Alcuni link utili per approfondire e verificare:
Siti dedicati alla User Experience (in lingua inglese): UX Magazine – usabile.it – interaction-design.org
La definizione da Wikipedia: Cos’è la user experience
Test di conformità multi-browser: browsershots.org – browserstack.com – saucelabs.com
Test di visualizzazione responsive: responsivetest.net – screenqueri.es
Test di validazione markup HTML W3C: validator.w3.org
Test di verifica dei broken link: validator.w3.org/checklink
Verifiche indicizzazione e check-up su Google: google webmasters tools
Test per la velocità e stabilità del sito: Google PageSpeed tools – Pingdom tools
Tags: User experience, web design, web writing
