Articolo 7 Errori di usabilità che danneggiano il tuo marchio

Pubblicato: 2022-08-12

L'usabilità è uno dei fattori più importanti per il successo di un sito web. Ma spesso viene trascurato. Più e più volte, abbiamo visto aziende violare le migliori pratiche di usabilità.

Danneggia il tuo marchio e danneggia i tuoi profitti, il 100% delle volte.

In questo articolo, analizzeremo sette degli errori più comuni in modo che tu sappia cosa cercare e puoi creare buona volontà con i tuoi utenti invece di perderla.

Ci incontriamo con Jason Wolter (Information Architect) e Cynthia Stipeche (Director of Brand Experience) per esaminare questi sette errori e come ciascuno influisca sul tuo marchio.

  • Errore n. 1: il "menu dell'hamburger"
  • Errore n. 2: non utilizzare i collegamenti domestici
  • Errore n. 3: nessuna funzione di ricerca
  • Errore n. 4: giostre rotanti
  • Errore n. 5: riproduzione automatica dei video
  • Errore n. 6: moduli a due colonne
  • Errore n. 7: testo segnaposto

Errore n. 1: il menu "Hamburger".

Jason: Cominciamo con i pezzi grossi. Quindi il più grande è probabilmente il menu dell'hamburger. Le persone usano un po' il menu dell'hamburger ma ha un tasso di rilevabilità molto basso. Le persone non vedono sempre il menu, soprattutto quando sono le tre barre.

Le tre barre spesso non vengono riconosciute. Nel settore in cui ci troviamo, per noi è una seconda natura usare un menu di hamburger. Ma nei test sul campo, le persone non sanno cosa rappresentino queste tre barre. Nasconde il menu a una bassa rilevabilità per l'opzione migliore.

Se devi utilizzare un menu di hamburger (ad esempio, durante la visualizzazione su un dispositivo mobile), la procedura migliore consiste nell'utilizzare un pulsante che dice "Menu" circondato da un contorno per indicare chiaramente che è un pulsante selezionabile. Ma non sostituisce la navigazione visibile. Idealmente, questo è davvero il modo in cui vuoi andare.

Molte agenzie lo usano perché è più pulito. Ma è difficile da vedere per le persone. L'usabilità consiste nel rendere le cose senza attriti e rendere le cose facili con cui gli utenti possono interagire. E se gli utenti devono imparare a usare il tuo sito web per interagire con esso, qual è la probabilità che tornino?

Si chiama carico cognitivo. Entri con una tabula rasa, ma più è difficile per qualcuno trovare qualcosa, o più gli fai aspettare alcune informazioni, più è probabile che finisca per abbandonarti. La soluzione è creare una soluzione più semplice che funzioni per loro.

È uno dei principali errori di usabilità; il menu dell'hamburger deve andare!

Cynthia: Darò un po' di contesto a questo. Molte persone non riconoscono il menu dell'hamburger e i test lo stanno dimostrando. Ma allo stesso tempo, dipenderà dal pubblico di un'azienda.

Ad esempio, se si tratta di un sito di intrattenimento o di gioco e il pubblico è molto più giovane, probabilmente sapranno esattamente cosa significano queste tre righe. Ci sono le migliori pratiche dai test, ma spesso è una diversità di età. Se la tua azienda ha molti clienti più giovani, sapranno esattamente di cosa si tratta. Al momento, soprattutto se stai facendo un sito B2B, probabilmente non dovresti appoggiarti a quel menu di hamburger.

Il pubblico di destinazione e le persone contano. Se hai un sito web che si rivolge a tutti, è un grosso errore. Gli utenti saranno sopraffatti dalla mancanza di contesto e senza informazioni che li soddisfino. Devi definire lo scopo di ogni pagina. Se non è definito, non è strutturato correttamente. E se non è strutturato correttamente, non funzionerà correttamente.

Quando sviluppi personaggi e non si basano sulla ricerca, puoi finire per progettare un sito che delude il tuo pubblico. Osservare l'utente finale, parlare con l'utente finale, parlare con il cliente è fondamentale per l'usabilità e la gestione del tuo marchio attraverso il tuo sito web. E lo facciamo. Facciamo molti studi sulla voce dei clienti per comprendere meglio il nostro pubblico di destinazione e i loro punti deboli.

Se hai intenzione di sviluppare empatia per il tuo pubblico di destinazione, dovrebbe essere radicata nelle persone reali. Dovrebbe essere radicato nell'osservazione e non nelle ipotesi.

Errore n. 2: non utilizzare i collegamenti domestici

Jason: Molti siti web fanno affidamento sul fatto che le persone sappiano che se fai clic sul logo in alto a sinistra o ovunque si trovi il logo del marchio, ti riporterà sempre alla home page.

I test dimostrano che non è così.

Molte persone non si rendono conto che sei in grado di navigare in quel modo. Quindi ciò che le persone finiscono per fare è fare clic sul pulsante Indietro nel browser per provare a tornare alla home page. Quindi avere un collegamento persistente sulle pagine interne crea un modo chiaro per gli utenti di tornare a quella home page. E molte persone lo ignorano.

Cynthia: A volte vogliamo inserire chiaramente un pulsante che dice di nuovo "Home" nelle pagine interne. Penso che risalga alle differenze generazionali. Un pubblico più giovane probabilmente si aspetterà che se clicco sul logo, mi riporterà a casa. Ma in questo momento, il test mostra che non è una buona pratica avere il logo come unico modo per tornare alla home page.

Errore n. 3: nessuna funzione di ricerca ️‍️

Jason: La ricerca è un'altra cosa. Esiste un sottoinsieme di utenti che navigano nei siti Web tramite la ricerca. Quindi, se non hai un'opzione di ricerca o se non stai enfatizzando la tua opzione di ricerca con una barra di ricerca esposta o un pulsante di ricerca che si distingue dalla tua navigazione, stai alienando un pubblico particolare. È particolarmente importante su siti di grandi dimensioni con un'architettura profonda. Uno studio del Search Engine Journal ha rilevato che quasi un terzo degli utenti afferma di non essere scoraggiato da nessuna casella di ricerca su un sito web. Più del 40% afferma che una casella di ricerca è la caratteristica più importante di un sito web.

Il minimo indispensabile dovrebbe essere un'icona visivamente distintiva dalla tua navigazione. C'è un test in cui strizzi gli occhi e fissi il centro dello schermo. La tua vista diventa sfocata e cerchi oggetti che sporgono che puoi identificare visivamente. Se riesci a vedere l'icona di ricerca che sporge dal testo di navigazione, allora è accettabile. Ma la cosa migliore che puoi fare sarebbe avere una barra di ricerca esposta in modo che sia chiaro da dove iniziare la tua query.

Cynthia: L'altro mio problema è quando offri la ricerca sul tuo sito e quindi non dai alle persone un modo per filtrare i risultati di ricerca. O anche se hai una funzione di ricerca, la pagina risultante non ha la possibilità di filtrare per tipo di file, ad esempio. Crea più attrito per l'utente mentre cercano di individuare le informazioni.

Un altro errore con la funzione di ricerca sui siti è l'impossibilità di eseguire nuovamente la ricerca nella pagina dei risultati. Abbiamo fatto dei test in passato e abbiamo scoperto che molte persone che sbilanciano i giovani non usavano il menu principale per cercare nel sito o per trovare contenuti. Sono andati direttamente alla funzione di ricerca.

Non scherzano con la navigazione e vanno direttamente alla ricerca. Per una generazione cresciuta per trovare informazioni tramite motori di ricerca come Google, se la tua funzione di ricerca non funziona sul tuo sito web, le perderai.

Errore n. 4: giostre rotanti

Jason: Le giostre a rotazione automatica - o le giostre in generale - non sono molto efficaci. Le persone generalmente scorreranno oltre di loro. Quindi, se stai solo scansionando una pagina, un tendone potrebbe avere quattro messaggi chiave, ma la maggior parte delle persone vedrà solo il primo, perché scorreranno semplicemente verso il basso fino al contenuto.

Un carosello automobilistico è peggio. A seconda del contenuto che hai lì dentro, gli utenti non hanno davvero il controllo sul messaggio che stanno vedendo. Quindi potrebbero essere interessati a uno dei tuoi messaggi chiave e poi scivola via prima che siano in grado di consumarlo tutto. Oppure potrebbero averlo visto e voler tornare su di esso. Quindi scorrono di nuovo verso l'alto e non è lì e devono fare clic e trovarlo.

Quindi li stai facendo funzionare. Che risale al carico cognitivo. E poi una volta trovato il messaggio che stanno cercando, ci stanno sopra per cinque secondi e poi cambia di nuovo. Devono cliccarci sopra per tornare indietro. È solo un casino.

Ad esempio, se hai cinque diapositive di testimonianze, il 95% dei tuoi utenti vedrà solo quella prima. Non faranno clic e proveranno a visualizzarli tutti. Ma non è una priorità altissima, quindi in alcuni casi è accettabile.

Il punto in cui è davvero brutto è nel tuo marquee dove hai tre o quattro messaggi principali e un CTA. Questi sono i messaggi chiave che stai davvero cercando di spingere e le persone non li vedono mai. Va bene se non vedono tre delle tue quattro testimonianze, ma è brutto se un carosello rotante fa perdere a un utente i messaggi chiave.

Cynthia: In genere evitiamo i caroselli come la peste, ma molte aziende li usano ancora. Soprattutto non ha senso in un tendone perché l'utente potrebbe perdere un'informazione vitale. Probabilmente sarebbe meglio se non nascondessi contenuti importanti, anche se si trovano nella parte superiore della pagina.

Alcune persone vogliono stipare tutto nella parte superiore della pagina ed è tutto ciò a cui stanno pensando. Ma se le informazioni sono nascoste nel tendone, non sta facendo nulla per te.

Errore n. 5: riproduzione automatica dei video

Jason: A molti siti web piace usare il movimento nei loro tendoni. Potrebbe esserci un video e quando atterrano sulla pagina, il video inizia a essere riprodotto. Ad alcune persone non piace. A loro non piace il movimento e non vogliono vedere il video.

Per aggirare questo problema, devi includere un pulsante di pausa. Vuoi avere qualcosa che dia all'utente la possibilità di spegnerlo se non vuole vederlo. La pratica migliore sarebbe probabilmente quella di avere un'immagine sul retro e mettere davvero in risalto un pulsante di riproduzione per dare all'utente l'opzione: "Voglio vedere questo video o no?" Non lo stai solo spingendo su di loro e facendoglielo vedere.

Anche la riproduzione automatica di video in altre aree di un sito può interrompere il flusso dell'utente alla ricerca di informazioni. Quindi generalmente non è una buona idea riprodurre automaticamente qualcosa.

Cynthia: I video con riproduzione automatica sono terribili. È un'esperienza sconvolgente. Non si desidera visitare un sito Web e avviare automaticamente un video. Sarebbe brutto riprodurre un video con il volume disattivato. Ancora peggio sarebbe con il volume acceso. Se vuoi convincere le persone a evitare il tuo sito Web come la peste, vai avanti e inserisci un video con riproduzione automatica.

Ora, se hai un pezzo di contenuto video forte, probabilmente prenderei un segmento di quel video e creerei un loop passivo. Allora non è così in faccia e prominente. Potrebbe essere riprodotto in un ciclo di tre secondi circa e includere un invito all'azione per guardare l'intero video. Allora non ti sta urtando o buttando fuori. A quel punto è appena sufficiente per invogliare l'utente a dire: "Sono interessato a saperne di più su questo". Dai loro la possibilità in modo che quando l'audio si accende e il video inizia a essere riprodotto, non sono sorpresi. L'utente dovrebbe avere il controllo in ogni momento. Le persone spesso non ci pensano.

Dobbiamo avere empatia per l'utente. Che cosa vuol dire? Un'azienda avrà i suoi obiettivi. Ma ciò non può intralciare ciò di cui gli utenti finali stessi hanno bisogno. Una domanda chiave è "Come posso servire al meglio ciò che sto offrendo nel quadro della loro esperienza? Quindi, quando provi empatia per il tuo utente finale, invitalo a visitare il sito e a conoscerlo. E supportali mentre si tuffano per saperne di più.

A quel punto c'è un senso di buona volontà. Se ti avvicini al tuo sito web cercando di fare ciò che è meglio per l'utente rispetto a fare ciò che è direttamente meglio per i tuoi profitti, a lungo termine pagherai dividendi.

Errore n. 6: moduli a due colonne ‍

Jason: Avere i campi in una linea verticale invece dei campi a sinistra ea destra in fondo alla pagina è molto più utilizzabile. Le persone sono abituate a sfogliare qualcosa e si aspettano di spostarsi verso il basso nella pagina. Se hai due colonne, ci sono troppi schemi di tabulazione diversi. Non sanno se sta andando giù. Non sanno se sta andando a destra. C'è un'aspettativa di ciò che dovrebbe accadere e questo è andare verso il basso. Quindi non sempre soddisfi questa aspettativa quando hai più colonne. Quindi è bene avere una singola colonna in modo che le persone si spostino semplicemente verso il basso nel modulo.

Two-Column Form Fields

Errore n. 7: testo segnaposto

Jason: Non vuoi usare il testo segnaposto. I segnaposto sono lì per aiutare un utente a comprendere il contenuto che dovresti inserire lì. L'utente dovrebbe essere in grado di dire cosa appartiene a quel campo senza alcun tipo di testo segnaposto.

Quindi vuoi le tue etichette al di fuori di quel campo. Se sono all'interno come segnaposto, quando fai clic su di esso, il testo scompare. Se esci dall'attività, potresti tornare e non sarai sicuro di quale campo stai compilando.

Best Practice for Form Fields

Ciò influisce anche sull'accessibilità con gli screen reader. Le etichette indicano a un utente con un'utilità per la lettura dello schermo quale dovrebbe essere il contenuto. Se l'etichetta è un segnaposto e non è inclusa come istruzioni esterne, può confondere le persone con le utilità per la lettura dello schermo.

L'errore più grande: l'estetica sulla funzionalità

Mai dare la priorità all'estetica rispetto alla funzionalità o viceversa. Vuoi avere un buon mix di entrambi. Se stai pensando di implementare una tendenza di design, assicurati che abbia senso per il tuo sito e che lo stai usando per il motivo giusto. Un elemento di design potrebbe sembrare davvero interessante ma non è pratico per la maggior parte degli utenti. Quindi vuoi assicurarti che le cose siano funzionali.

Il tuo marchio è la tua reputazione. Se il tuo sito web è difficile da usare, è probabile che lo danneggi irrimediabilmente.