21 Errori di progettazione dell'interfaccia utente comune (UI) che stanno costando molto alla tua azienda

I consumatori oggi sono più esigenti che mai, soprattutto quando si tratta del mondo digitale. Si aspettano un'interfaccia intuitiva e dal design accattivante che si carica in pochi secondi quando navigano in un sito Web e voteranno con i loro occhi se trovano qualcosa che non soddisfa i loro standard rigorosi.

In effetti, le statistiche raccolte in un'ampia gamma di settori suggeriscono che:

• Il 38% dei visitatori lascerà un sito Web se trova poco attraente il layout o il contenuto di base
• Il 47% delle persone si aspetta che una pagina web venga caricata in meno di due secondi;
• La stragrande maggioranza (95%) delle persone ritiene che l'elemento più importante di qualsiasi sito Web sia l'esperienza utente (UX); e
• Se la qualità del web design è peggiorata, il 94% delle persone smetterà di fidarsi o di utilizzare del tutto un sito web.

Molte aziende che considerano il loro sito Web come un elemento integrante della loro strategia di marketing online potrebbero non rendersi conto che una progettazione dell'interfaccia utente scadente potrebbe costare loro molto in termini di visualizzazioni di pagina, click-through e tassi di conversione.

Ecco 21 errori comuni di progettazione dell'interfaccia utente

# 1. Disposizione disordinata

Gli utenti trovano i siti Web troppo disordinati molto frustranti. Mancano di ordine visivo e possono sopraffare le persone mentre lottano per capire quali sono gli elementi più importanti e dove dovrebbero concentrare la loro attenzione. In genere una pagina di un sito Web può risultare ingombra se:

• C'è troppo contenuto, soprattutto testo, sullo schermo;
• Non viene visualizzata alcuna logica o ordine nel modo in cui il contenuto viene visualizzato; e
• Il design visivo non è attraente, oppure i colori ei caratteri sono in contrasto troppo stridente.

[Tweet ““Il web design non riguarda solo la creazione di graziosi layout. Si tratta di comprendere la sfida di marketing alla base della tua attività. ― Mohamed Saad ””]

Non sapere dove o cosa cercare su una pagina può far voltare i visitatori, il che significa una vendita persa o una potenziale conversione.

“Un errore che vedo spesso è non utilizzare contenuti autentici durante la fase di progettazione. Il testo (ad esempio) gioca un ruolo significativo nei design moderni, ma una volta rilasciato il prodotto, gli esempi di testo perfetti vengono sostituiti con contenuti reali. È qui che finisce l'armonia e sorgono vari problemi: frasi lunghe che non si adattano, etichette disallineate, spazi vuoti tra le righe e disordine (e questo prima ancora di affrontare le sfide della localizzazione)."
– Gil Bouhnick è il CTO e cofondatore di Missbeez e proprietario di Mobile Spoon. Seguilo su Twitter @GilBouhnick

#2. CTA non invitanti (Call to Action)

Probabilmente, i pulsanti CTA (Call to Action) sono l'elemento più importante su qualsiasi pagina di destinazione. Sono il dispositivo che converte un visitatore casuale di un sito Web in un potenziale cliente. È quindi fondamentale che i pulsanti CTA siano prominenti, accattivanti e facili da usare in modo che i visitatori siano diretti a eseguire le azioni desiderate, che si tratti di indirizzarli alla pagina di un prodotto, al carrello o alla struttura di pagamento .

[Tweet ““Obbedire a un profetico invito all'azione porta benefici positivi”. ― Sherry K. White, Walking in the Father's Riches: The Prosperity of Sonship”]

Quando valutano se i loro pulsanti CTA sono efficaci, le aziende devono porsi le seguenti domande:

• Il CTA è chiaro e inequivocabile? È orientato all'azione e induce un senso di urgenza da parte del visitatore?
• Il pulsante è posizionato nel punto giusto della pagina? Può essere facilmente individuato? e
• Quanto è facile da usare? Si distingue dal resto della pagina e cattura l'attenzione del visitatore.

#3. Navigazione non intuitiva

Un sito web dovrebbe essere organizzato e facile da navigare. Ciò significa che dovrebbe avere una gerarchia e un ordine logico facile da seguire, con intestazioni e sottotitoli che si riferiscono chiaramente l'uno all'altro e sono formulati in modo chiaro e inequivocabile,

[Tweet ""La bussola morale dell'uomo non funziona ancora nei mondi in cui l'istinto naviga nella vita." ― Toba Beta, il mio antenato era un antico astronauta”]

Fornisci sempre un menu e individualo dove gli utenti si aspettano di trovarlo: verticalmente sul lato sinistro della pagina come barra laterale o orizzontalmente lungo la parte superiore della pagina. E non includere troppe voci nel menu: sei o meno è l'importo consigliato.

La navigazione deve essere intuitiva per l'utente medio: se lo trova troppo complicato o non sa dove cercare, andrà semplicemente altrove.

#4. Immagini generiche

Le immagini generiche sono l'uso di foto d'archivio e altre immagini ovviamente false per vendere o promuovere prodotti o servizi. I problemi con questi tipi di immagini sono duplici: non solo le immagini stesse non sono autentiche, ma sono generiche: le stesse immagini possono essere trovate su più siti web.

Un'immagine dipinge mille parole che dicono e una buona immagine accattivante che può essere un potente strumento di marketing, generando un sentimento o fiducia e persino benessere in un cliente. Ma un'immagine generica mina immediatamente quella fiducia.

#5. Nessuna prova sociale

La prova sociale è l'idea che le persone si conformeranno alle norme per essere apprezzate o accettate dalla società. I consumatori acquistano prodotti che li fanno sentire bene con se stessi, ma cercano ragioni per cui ciò che stanno facendo sia la cosa giusta. Ciò significa che cercano recensioni di prodotti online, testimonianze e icone di fiducia per guidarli quando prendono una decisione di acquisto.

La ricerca ha dimostrato che l'85% delle persone leggerà le recensioni online prima di prendere una decisione di acquisto. Agiscono come una parte preziosa del processo di acquisto.

[Tweet ““L'uomo è un essere sociale; non sorprende che amiamo le prove sociali, vende i marchi velocemente” ― Bernard Kelvin Clive”]

Se il tuo sito web non ha recensioni online o testimonianze di clienti precedenti o esistenti, non ci sono prove sociali e i visitatori sono molto meno propensi a procedere con una vendita.

#6. L'assenza di una guida di stile

Una guida di stile è un insieme di standard visivi per la formattazione e la progettazione di un sito web. Garantiscono l'uniformità del design in un sito, aiutando a evitare incoerenze come caratteri e dimensioni del testo, colori o dimensioni diversi o l'uso di stili diversi.

La best practice suggerisce che un designer dell'interfaccia utente dovrebbe creare la propria Guida di stile dopo aver compreso il brief per un sito Web, ma prima di iniziare a progettare le singole pagine. Ciò non solo garantisce la coerenza, ma consente loro di risparmiare molto tempo: molti degli elementi grafici esisteranno già e non dovranno essere creati da zero.

#7. Rapporto testo e grafica/immagine

Troppo testo e troppo poche immagini o contenuti grafici possono compromettere l'esperienza utente di un sito web. Non esiste una formula precisa su quale sia il giusto equilibrio, anche se alcuni esperti suggeriscono un minimo del 60% di testo e un massimo del 40% di grafica o immagini.

Le migliori pratiche suggeriscono:

• Trova l'equilibrio che ha senso per la tua attività;
• Usa abbastanza testo nel corpo del tuo messaggio in modo che gli spettatori possano ottenere tutti i punti chiave senza sovraccaricarli;v
• Adottare un uso più intenso delle immagini per le persone che visualizzano siti Web su dispositivi mobili, poiché sono più facili da visualizzare rispetto alle risme di testo;
• Testare continuamente i rapporti tra testo e immagine per determinare la configurazione ottimale per il business.

#8. Velocità di caricamento della pagina lenta

Per quanto buono sia il resto del tuo design, se le tue pagine web impiegano troppo tempo a caricarsi, perderai automaticamente molto traffico. La ricerca ha dimostrato che il 47% delle persone si aspetta che una pagina Web venga caricata in due secondi o meno. Lo stesso studio ha anche dimostrato il costo per le aziende di un solo secondo di ritardo nei tempi di caricamento delle pagine: 11% in meno di visualizzazioni di pagina e 7% in meno di conversioni.

Inoltre, la velocità di caricamento della pagina influisce anche sulle classifiche in Google e negli altri motori di ricerca.

[Tweet "Il 73% degli utenti di Internet mobile afferma di aver incontrato un sito Web troppo lento da caricare". ― Neil Patel”]

#9. Far pensare all'utente

Lo scopo di un sito Web per un'azienda è principalmente quello di fungere da strumento di marketing. Dovrebbe spiegare cosa stai vendendo, quanto costa e come ottenerlo nel modo più semplice e conciso possibile. L'obiettivo finale è convertire un visitatore di un sito Web in un cliente il più rapidamente e indolore possibile.

Se, tuttavia, un utente deve pensare alla decisione o deve elaborare qualcosa da solo, è probabile che cambi idea e vada da qualche altra parte. Rendi l'esperienza utente fluida e senza interruzioni per loro in modo che non debbano pensare da soli.

# 10. Progettare per te stesso

Un errore comune commesso da molti web designer è quello di progettare per se stessi senza tenere a mente l'utente finale. Questo può essere solo autoindulgente e non soddisfare i bisogni e i requisiti che il potenziale visitatore di un sito avrà. Invece, un web designer dovrebbe lavorare a stretto contatto con i team di marketing e vendita per garantire che il design sia ottimizzato prima di tutto dal punto di vista dell'utente. E i siti Web dovrebbero quindi essere testati sugli utenti effettivi e modificati in base al loro feedback.

# 11. Gli Stati troppo vuoti e vuoti

In termini di interfaccia utente, uno stato vuoto è ciò che vede un visitatore di un sito Web quando non ci sono dati da visualizzare sullo schermo. Ciò potrebbe essere dovuto a una serie di motivi: un utente si è appena registrato; hanno cancellato i dati stessi o si è verificato un errore.

Uno stato vuoto di per sé non è una brutta cosa: possono essere usati per dire a uno spettatore a cosa serve, perché lo stanno vedendo e come possono riempirlo.

Tuttavia, possono essere frustranti anche per gli spettatori se non vengono fornite indicazioni su cosa dovrebbe accadere dopo. Ecco perché si consiglia di non lasciarli troppo vuoti ma riempirli con un'illustrazione, un'icona o un blocco di testo che suggerisca i passaggi successivi.

# 12. Mancanza di gerarchia tipografica

In qualsiasi progetto di design, la gerarchia visiva è importante: dice alle persone dove guardare e quali cose su uno schermo. La gerarchia nella tipografia organizza e dà l'ordine agli elementi di testo in un disegno. Dice al lettore cosa è importante e rende la lettura molto più facile. Senza di essa, i visitatori possono perdersi o distrarsi e perdere i messaggi chiave o sentirsi frustrati e fare clic su un sito.

[Tweet ““La tipografia deve essere udibile. La tipografia deve essere sentita. La tipografia deve essere vissuta". — Helmut Schmid, Grafico e Tipografo”]

# 13. Troppo Di Tutto

Quando si tratta di web design, a volte meno è meglio di più. Ciò è particolarmente vero per grandi blocchi di testo, ma può essere applicato anche alle immagini. Se ci sono troppe informazioni da assorbire le persone non si preoccuperanno di leggerle. Mantieni le informazioni semplici e concise, usa immagini e grafica invece di parole ove possibile e cerca di non spremere troppo su nessuna pagina.

# 14. Progettare per un pubblico troppo ampio

Sebbene tu voglia che i tuoi prodotti o servizi attirino un pubblico il più ampio possibile, c'è il pericolo che tu possa rendere il tuo messaggio troppo ampio e non riuscire ad attrarre alcun gruppo o segmento specifico. Prima di progettare il tuo sito web, cerca il tuo pubblico potenziale e personalizza il materiale e i messaggi di marketing che probabilmente attireranno loro direttamente. Adattare i contenuti a un pubblico di destinazione è un modo molto più efficace di marketing e garantirà molte più conversioni rispetto all'adozione di un approccio a pistola a dispersione casuale.

# 15. Progettare per una sola dimensione dello schermo

Un errore comune commesso da molti web designer è che progettano i loro siti Web solo per schermi interi, senza prima verificare se possono essere visualizzati prima su schermi più piccoli o dispositivi mobili. Questo è un grandissimo errore. Quasi il 70% dei consumatori oggi consuma contenuti multimediali o visualizza prima le pagine Web sui propri smartphone, anche se successivamente effettua gli acquisti su un laptop o desktop. Se il tuo sito web non è ottimizzato per tutti gli schermi, stai potenzialmente eliminando un gran numero di potenziali conversioni.

#16. Salto del test utente

Il test degli utenti è fondamentale per tassi di conversione elevati. Mentre i web designer, il personale di marketing e di vendita di un'organizzazione potrebbero avere una buona idea di ciò che i visitatori potrebbero desiderare o di come sarà l'esperienza dell'utente, non c'è sostituto per convincere gli utenti effettivi a testare il tuo sito Web e le sue prestazioni e a incorporare il loro feedback.

In effetti, il test degli utenti dovrebbe essere un processo continuo, anche quando un sito è stato pubblicato in modo che le prestazioni del tuo sito Web siano sempre ottimizzate.

#17. Troppi pop-up

I pop-up funzionano. Studi di ricerca hanno dimostrato che i siti che utilizzano i popup possono registrare un aumento delle conversioni fino al 400%. Sono efficaci perché catturano l'attenzione delle persone e possono fornire messaggi chiave in una forma facilmente digeribile.

Il problema, tuttavia, è che intralciano i designer e impediscono loro di progettare siti Web accessibili e attraenti. Occupano spazio e possono interferire con il contenuto della pagina. Tuttavia, il problema principale con i pop-up è che possono essere molto irritanti. Molte persone preferiscono leggere da sole o godersi l'esperienza dell'utente senza che queste immagini o suggerimenti vengano costantemente ricordati.

Se i pop-up devono essere utilizzati, dovrebbero essere usati in modo responsabile e con parsimonia, in modo da informare i visitatori senza sovraccaricarli o bombardarli.

C'è un altro motivo per cui dovrebbero essere evitati troppi pop-up. Da gennaio 2017, Google ha iniziato a penalizzare i siti che avevano troppi popup intrusivi nelle loro classifiche di ricerca globali.

#18. Usa la copia in formato lungo

Una copia in formato lungo è la versione Internet di una vecchia tradizione di copywriting ed è spesso utilizzata come strumento di marketing per cercare di spingere i visitatori ad acquistare utilizzando tecniche come l'evidenziazione gialla, i titoli rossi a sbalzo e le frecce lampeggianti. Può avere successo in determinate circostanze, come la vendita a potenziali clienti freddi che hanno bisogno di risolvere un problema particolare, perché mette in risalto il prodotto senza distrazioni.

Tuttavia, queste tecniche sono associate a campagne pay-per-click che non solo sono più costose di una volta, ma hanno anche causato la diffidenza dei visitatori del Web nel fare clic su in quel momento, a causa della maggiore prevalenza di malware e virus sul Web E, soprattutto, il copy in formato lungo è una forma aggressiva di pubblicità ed è probabile che tu alieni più visitatori di quanti ne attiri.

# 19. Caratteri difficili da leggere e contrasto cromatico scadente

Sfortunatamente, non tutti hanno una vista perfetta e sono in grado di distinguere sfumature e colori sottili. Infatti, le persone con problemi di vista hanno problemi a leggere il testo che non contrasta con il suo sfondo. E gli uomini, in particolare, spesso soffrono di una carenza di colore, in particolare nel distinguere i rossi dai verdi. Ciò significa che se utilizzi caratteri difficili da leggere o scarsi contrasti di colore sul tuo sito, potresti rendere le pagine difficili da leggere e vedrai aumentare la frequenza di rimbalzo della pagina.

# 20. Diritto dell'utente alla privacy

I siti Web chiedono costantemente alle persone di affidarsi a loro con informazioni personali sensibili. Tuttavia, più un utente è tenuto a rivelare, maggiore è l'importanza che il progettista e il proprietario del sito Web deve attribuire alla protezione dei dati. Pertanto, durante la progettazione di un sito Web o di qualsiasi modulo online che raccolga informazioni private e proprietarie, le aziende devono disporre di politiche e procedure chiare in atto su come verranno raccolti e archiviati i dati degli utenti. Questo deve anche essere comunicato ai visitatori sotto forma di informativa sulla privacy e termini e condizioni di un sito web.

Anche questo non è solo un requisito legale. Il mancato rispetto degli obblighi previsti da leggi come il GDPR (Regolamento generale sulla protezione dei dati) può costare alle aziende migliaia o addirittura centinaia di migliaia di dollari di multe e accuse penali contro i proprietari delle società.

# 21. Fornire troppa scelta

La progettazione di un sito Web con troppe opzioni, troppi pulsanti su cui fare clic o attivare/disattivare può portare alla paralisi dell'utente. Non sanno cosa fare dopo, così spesso finiscono per non fare nulla. Il principio d'oro con il design del sito Web è che meno è di più.

Conclusione

Può essere difficile apprezzare il valore di un sito web ben progettato per la tua attività, finché non ti rendi conto che un sito mal progettato o non funziona bene può costare molto alla tua azienda o organizzazione quando si tratta di vendite perse e conversioni.

Ciò significa che il tuo sito deve essere pulito, attraente, ben strutturato e organizzato e facile da leggere e navigare. Deve anche essere veloce, facile da caricare e visualizzabile su tutti i dispositivi o dimensioni dello schermo. Tieni a mente il tuo pubblico di destinazione, valuta la prova sociale e ricorda il precetto generale che meno è di più.

Ultimo ma certamente non meno importante, non dare per scontato che una volta lanciato un sito Web il tuo lavoro sia finito. Lontano da esso. Un sito Web dovrebbe essere in continua evoluzione, incorporando il feedback continuo di clienti e utenti per cercare di garantire che sia ottimizzato il più possibile e che vengano raggiunti il ​​maggior numero di clic e conversioni.