18 suggerimenti sull’usabilità per aiutarti a creare una migliore UX per il tuo sito

4

Per dire le cose senza mezzi termini, l'usabilità è quando rendi il tuo sito web abbastanza semplice, in modo che i visitatori possano trovare tutto ciò di cui hanno bisogno, quando ne hanno bisogno, il più facilmente possibile.

Un'opinione comune tra le web company è che l'usabilità sia piuttosto costosa da implementare.

Certo, ci sono aziende e persone che spendono migliaia in ricerche e test sull'usabilità, ma per un'azienda di tutti i giorni puoi ottenere una buona usabilità, senza ricorrere a esperti e senza spendere soldi per costose apparecchiature di test.

Se sei un web designer, le cose sono ancora più semplici. Puoi leggere gli articoli sull'usabilità e prima o poi avrai una buona conoscenza delle basi dell'usabilità e di come incorporarle in un sito web. Di seguito sono riportati alcuni suggerimenti che puoi seguire.

Assicurati di conoscere il tuo pubblico

I suggerimenti più importanti su come progettare una buona interfaccia dovrebbero provenire dalle persone che utilizzano l'interfaccia. Se stai pianificando di avviare un sito Web, dovresti avere un'idea di ciò che desidera il pubblico a cui ti rivolgi. Tuttavia, disporre le cose è una bestia completamente diversa da affrontare.

Dovresti avere un'idea chiara di quale tipo di necessità attirerà le persone sul tuo sito Web e di come il design le attirerà ulteriormente. Se sei un po' perso, guarda la concorrenza. Guarda i migliori siti web del settore e guarda cosa hanno in comune: questo è spesso un buon punto di partenza.

Se utilizzi modelli di progettazione con cui il tuo pubblico è a suo agio, li farà sentire i benvenuti e li faciliterà nel tuo sito. Quindi, usa la tua opinione sui loro requisiti.

Dopo aver identificato il tuo pubblico di destinazione, controlla come le tue idee di design funzionano con loro e assicurati di considerare il loro feedback. Il feedback utilizzabile è molto prezioso, non trascurarlo.

Aggiungi uno slogan

Uno slogan è fondamentalmente un motto o una dichiarazione, che rappresenta la missione e la filosofia del sito web.

Dovrebbe essere uno degli elementi più evidenti sulla prima pagina di un sito Web e dovrebbe fornire una chiara descrizione del sito Web in una singola frase.

Secondo la ricerca, ogni sito web ha solo 8 secondi per catturare l'attenzione dell'utente, se si aspetta che l'utente continui a navigare. Senza uno slogan chiaro, il tuo sito web faticherà a mantenere i visitatori abbastanza a lungo da consentire loro di navigare attraverso il sito web.

Mantieni le cose semplici e coerenti

La semplicità è la chiave quando discutiamo di un'ottima interfaccia utente. Con questo, non intendo solo mettere uno o due pulsanti e aggiungere alcune animazioni per rendere le cose interessanti, ma dovresti rendere le cose facili da interagire e capire.

I tuoi utenti non dovrebbero avere problemi con la navigazione e, in qualità di progettista di interfacce, dovresti essere in grado di guidarli dal loro punto di vista attuale, dove devono andare. Per raggiungere questo obiettivo, dovrebbero essere utilizzati elementi come tipografia, colori e messaggi di feedback.

È meglio mantenere l'interfaccia coerente in tutto il design. Ciò significa che non dovresti cambiare completamente le cose in ogni parte del sito Web e dovresti rafforzare le principali sfaccettature del design ad ogni turno.

Man mano che gli utenti navigano nel sito, dovrebbero avvertire un progresso naturale, senza che la loro immersione venga interrotta a causa di alcune scelte progettuali stridenti.

Usa lo spazio bianco

Anche se molte persone si lamentano del fatto che tutto quello spazio bianco può essere utilizzato per più pubblicità, raramente capiscono che lo spazio bianco è in realtà essenziale per una pagina ben progettata.

Rende i tuoi contenuti molto più leggibili e consente all'utente di concentrarsi sugli elementi che circondano il testo.

Se vuoi ottenere molti contenuti above the fold, troppo spazio bianco potrebbe intralciare alcune informazioni preziose.

La cosa più importante? Trovare un punto di equilibrio tra ciò che vuoi dire prima ai tuoi utenti e circondarlo con uno spazio bianco sufficiente per evidenziare il contenuto stesso.

Facilità di navigazione

La navigazione intuitiva è fondamentale se vuoi assicurarti che le persone possano trovare ciò che stanno cercando.

Passare dal punto A al punto B dovrebbe essere il più semplice possibile e non vuoi che le persone pensino troppo a dove dovrebbero fare clic successivamente: dovrebbe essere intuitivo.

Rendi attraenti quei pulsanti di invito all'azione

I tuoi clienti sono solitamente abituati a seguire suggerimenti visivi per capire quale contenuto è importante per loro.

Un invito all'azione chiaramente contrassegnato da una parola d'azione consentirà al tuo utente di navigare più facilmente nel tuo sito e di arrivare dove dovrebbe.

Quando crei i pulsanti, dovresti pensare al colore, così come alla psicologia del colore. Colori diversi trasmetteranno messaggi diversi. Dovresti pensare al messaggio che vuoi trasmettere e scegliere i colori di conseguenza.

Quindi, pensa alle parole stesse. Dovrebbero includere una parola d'azione, o un verbo, che indurrà l'utente a FARE QUALCOSA.

Quando scegli le parole giuste, agiranno come un fattore scatenante e la quantità di azione che attivano dipende dal livello di emozioni che la parola suscita. Se non c'è connessione emotiva, non c'è azione. Tienilo a mente.

Mantieni i titoli ben progettati e ben scritti

Le intestazioni e i contenuti sono guidati da ciò che i tuoi potenziali clienti stanno effettivamente cercando. Quando includi parole chiave nel titolo, è anche molto importante per trasmettere il tuo messaggio e al pubblico giusto.

Un motore di ricerca in genere darà un vantaggio a un'intestazione rispetto ad altri contenuti, quindi l'intestazione giusta che risalta migliorerà effettivamente la ricercabilità.

Ancora più importante, le intestazioni guidano effettivamente l'utente attraverso il sito Web, il che significa che le intestazioni intuitive renderanno molto più facile per lui trovare i contenuti di cui ha bisogno.

Fai buon uso del contrasto e del colore

La scelta dei colori giusti per qualsiasi tipo di design è in realtà una scienza a sé stante. Se stai leggendo questo ora, è molto probabile che tu abbia almeno una certa familiarità con la psicologia dei colori, quindi al momento non entreremo nei dettagli.

Invece, ci concentreremo su come puoi concentrarti sull'utilizzo dei colori al loro massimo potenziale per ottenere un'interfaccia sbalorditiva alla fine.

I colori trasmettono la gerarchia visiva e puoi usarli per elevare i tuoi progetti, stabilire una buona relazione tra gli elementi e mantenere l'attenzione degli utenti.

Quando lavori con l'interfaccia, i colori che usi dovrebbero mantenere una certa uniformità, al fine di trasmettere suggerimenti visivi, e dovresti mantenere la tua combinazione di colori il più minimale possibile.

Usa la gerarchia visiva

La gerarchia visiva dice che dovresti organizzare e disporre gli elementi del sito Web in modo che gli utenti possano naturalmente arrivare prima agli elementi più importanti.

Quando ottimizzi l'esperienza utente e l'usabilità in generale, l'obiettivo principale è portare i visitatori a completare l'azione desiderata. Tuttavia, questo dovrebbe essere fatto in modo naturale e divertente.

Quando regoli il colore, la posizione o la dimensione di alcuni elementi, dovresti strutturare il tuo sito in modo da attirare i tuoi visitatori verso quegli elementi che ritieni siano più importanti per primi.

Se osservi il modo in cui i grandi siti web progettano la loro intestazione, noterai che tutti usano bene la gerarchia visiva.

La tipografia è tua amica

La tipografia è un modo molto elegante di stabilire la gerarchia visiva di cui parlavamo un minuto fa. Tuttavia, questo non è così semplice come scegliere un bel font e usarlo in tutto il tuo design.

Per cominciare, tutti i caratteri hanno la loro personalità. Ed è molto importante lasciare che le tue scelte siano influenzate anche dal pubblico. Ultimo ma non meno importante, anche le dimensioni sono un fattore chiave quando si utilizzano i caratteri per progettare qualsiasi cosa.

Aggiungi una ricerca sul sito

Puoi rendere il tuo sito web il più semplice possibile da navigare, ma non puoi escludere l'opzione che qualcuno non sarà ancora in grado di trovare ciò di cui ha bisogno. È qui che entra in gioco la ricerca del sito, in quanto consente agli utenti di cercare ciò di cui hanno bisogno utilizzando il campo di ricerca.

Una buona pratica qui è rendere la casella di ricerca larga 27 caratteri. Questa è una buona larghezza per mantenere il testo facile da usare e chiaramente visibile. Il campo del testo di ricerca deve essere posizionato nella parte superiore della pagina web.

La ricerca mostra che la maggior parte degli utenti tende a cercare in un sito Web utilizzando il modello F, dall'alto a sinistra all'angolo in basso a destra, e un campo di ricerca in alto è molto comodo.

Nel campo di testo, non utilizzare un testo di ricerca come "Invia" o "Vai", perché potrebbe essere fuorviante e un testo di ricerca chiaramente specificato è più facile da capire. Aggiungi anche un pulsante di ricerca.

Evita i 404

Un motore di ricerca potrebbe non punirti troppo duramente se c'è un errore Pagina non trovata (404), ma un utente lo farà sicuramente. Quando fanno clic su un'immagine o su un collegamento, si aspettano che li porti al posto successivo in cui dovrebbero andare.

Se invece ricevono un errore 404, si arrabbieranno facilmente. Molto probabilmente ripenseranno al motivo per cui hanno trascorso del tempo sul tuo sito Web e si rivolgeranno ad altri siti Web per una soluzione.

I 404 sono proprio accanto a un tempo di caricamento della pagina lento nella linea di cose che possono rendere le cose frustranti per un utente che sta navigando nel tuo sito web.

Dovresti essere reattivo e ottimizzato per i dispositivi mobili

Al giorno d'oggi sempre più utenti accedono ai siti Web tramite i loro smartphone. I progressi tecnologici ci consentono di farlo al giorno d'oggi e dovresti stare al passo con la tendenza.

Il tuo sito web dovrebbe essere facile da navigare su qualsiasi schermo, incluso uno smartphone, perché se un utente non può accedervi dal suo smartphone e godersi l'esperienza, è probabile che non lo riproverà su un computer e andrà in un altro invece il sito web.

Mantieni il flusso di lavoro

E quando dico flusso di lavoro, intendo le operazioni che qualcuno sta facendo sul tuo sito web. Indipendentemente dal fatto che si stiano registrando sul sito Web, compilando un modulo o esplorando le categorie, questi flussi di lavoro non dovrebbero essere interrotti.

Offri invece agli utenti un'opzione per annullare qualsiasi operazione. Se non dai loro l'opzione, li fa sentire come se li stessi costringendo a finirlo, il che non è molto piacevole.

Non tutte le operazioni sono ovvie e i suggerimenti descrittivi possono guidarli facilmente attraverso il flusso di lavoro specifico, come la compilazione di un modulo. Un collegamento JavaScript è un buon esempio di qualcosa che interrompe facilmente il flusso di lavoro, quindi cerca di evitarli.

Non cambiare il colore di un link visitato è un altro errore. Questo fa pensare all'utente dove è stato sul sito Web e dove si trova attualmente, e puoi toglierlo dalla mente molto facilmente.

Semplifica i tuoi moduli

I moduli sono uno dei metodi principali che i tuoi utenti utilizzeranno per interagire con i tuoi progetti web. È proprio accanto a fare clic e, ogni tanto, imprecare contro i loro dispositivi perché qualcosa non funziona davvero correttamente.

Il problema principale è che molti utenti odieranno i moduli che hanno una passione ardente, a causa di un numero di utenti. Pertanto, dovresti integrare i moduli nel modo più indolore possibile, per impedire ai tuoi utenti di arrabbiarsi con i loro computer.

La prima domanda da porsi è “Ho davvero bisogno di questo modulo?". Ci sono molte situazioni in cui una registrazione non è realmente necessaria, quindi se puoi evitarlo, l'utente sarà più felice e non dovrai progettare un'interfaccia utente aggiuntiva, quindi è una situazione vantaggiosa per tutti entrambi. Nel caso in cui, tuttavia, l'iscrizione sia davvero necessaria, rendi i moduli il più semplici possibile.

Crea una pagina web facile da scansionare

Se vuoi mantenere i visitatori sul tuo sito web, il fatto che il sito web sia facile da leggere e sfogliare le sue pagine è un fattore importante.

I test di usabilità mostrano che la maggior parte degli utenti non legge realmente l'intera pagina Web, ma si limita a scansionarla e cercare testo in grassetto ed enfatizzato come titoli e cercare elenchi.

Gli studi di tracciamento oculare mostrano anche che gli utenti leggeranno contenuti che assomigliano alla lettera F, con l'inizio in alto a sinistra, per poi spostarsi leggermente verso il basso e ricominciare da sinistra.

Un metodo importante che può essere appreso da un tradizionale giornale stampato è che un titolo accattivante, così come un primo paragrafo accattivante, ti faranno venire voglia di leggere l'intero articolo. Il contenuto è organizzato in un formato a piramide rovesciata, in cui l'ampia base fornisce le informazioni più importanti e le informazioni diventano meno importanti man mano che si scende.

Utilizza la formattazione del testo e gli elenchi puntati

Il testo in grassetto o in corsivo, così come un elenco puntato, faranno sì che il tuo utente si fissi lì per un periodo di tempo più lungo. Questi strumenti di stile hanno un aspetto distintivo, che attira l'attenzione e velocizza la lettura suddividendo le informazioni ed evidenziando ciò che è importante con le caratteristiche di stile.

Quando dividi un paragrafo in punti puntati, le cose sono più facili da leggere. Puoi aggiungerlo evidenziando le informazioni con testo in corsivo e in grassetto.

Un feedback significativo è essenziale

Il feedback significativo è il principale canale di comunicazione tra il sito e i suoi utenti. Usando il feedback, fai sapere agli utenti cosa sta succedendo sul sito.

In caso di errore, fornire agli utenti un messaggio significativo invece di un errore generico. Il messaggio dovrebbe dire all'utente cosa è andato storto e cosa può fare a quel punto.

Il feedback è una cosa bidirezionale. Quando un utente compila uno dei tuoi moduli sul sito Web, in pratica ti sta dando un feedback. Pertanto, non dovresti fargli compilare le stesse cose più di una volta.

Ad esempio, se si è già registrato e deve compilare un modulo, in un secondo momento, non chiedergli informazioni che ti ha già fornito, come il suo nome o altro. Queste cose esistono già considerando che si è registrato in precedenza e puoi recuperarle dal database, mantenendo le cose semplici per l'utente.

Concludere le cose

Anche se può sembrare un campo intimidatorio, il web design può darti un'eccellente opportunità per migliorare il tuo gioco.

Il tuo sito web dovrebbe essere facile da usare e semplice da navigare e utilizzare i colori giusti.

Anche i caratteri giusti sono importanti e i messaggi di feedback indurranno i tuoi utenti a tornare invece di respingerli. E, ultimo ma non meno importante, mantieni le cose coerenti. Aiuta.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More