Uno dei compiti più importanti sul tuo piatto come web designer è l'usabilità. L'usabilità è definita come un indicatore della qualità dell'esperienza dell'utente quando interagisce con il tuo sito web. Qualsiasi sito web che progettate dovrebbe sempre essere trasparente dal punto di vista dell'utente. Dovrebbero trovare il tuo sito facile da navigare senza dover prima subire un addestramento speciale. L'usabilità è normalmente basata su diversi fattori.
Una persona che guarda attraverso il tuo sito vuole che la loro facilità di apprendimento sia di prim'ordine. Vogliono imparare rapidamente l'interfaccia utente in modo che possano saltare direttamente e svolgere compiti fondamentali di navigazione. L'efficienza di utilizzo è un altro fattore: dopo aver imparato a navigare nel tuo sito, vorranno svolgere le attività rapidamente. Anche se l'utente ha già utilizzato il sito in precedenza, sarà necessario ricordare facilmente un numero sufficiente di processi per poter utilizzare il sito in modo efficace la volta successiva. Questo è chiamato memorabilità. Quando utilizzano il tuo sito, potrebbero verificarsi alcuni errori, ma questi errori sono frequenti o gravi? Infine, una volta terminato il tuo sito, la soddisfazione soggettiva dell'utente è alta o bassa? Dovrebbero aver voluto usare il tuo sito.
Naturalmente, non è possibile soddisfare tutti i visitatori del sito tutto il tempo, ma alcuni standard sono comuni per garantire una buona usabilità. Che mediocri web designer danno per scontato, non dovresti. Ecco una carrellata dei primi tre errori di usabilità che i web designer dovrebbero evitare a tutti i costi.
Il tuo sito Web sarà pieno zeppo di collegamenti ipertestuali, che sono chiaramente pensati per essere cliccati. Quindi assicurati che siano abbastanza grandi per essere cliccati facilmente. È così semplice. In caso contrario, i collegamenti ipertestuali non saranno ben accetti. I movimenti delle mani di qualsiasi utente sul mouse non saranno precisi per cominciare, quindi non rendere le aree cliccabili così piccole che l'utente deve usare una combinazione di finezza e strategia solo per avere una possibilità di cliccare sui piccoli collegamenti ipertestuali.
D'altra parte, un'area più grande, più facilmente cliccabile, rende molto più conveniente posizionare il cursore su qualsiasi link. Per ingrandire l'area cliccabile, è sufficiente ingrandire l'intero link o migliorare il padding che circonda il collegamento. È possibile farlo utilizzando la proprietà padding CSS.
Dai un'occhiata a questa multa esempio di un'area orribilmente piccola cliccabile. È tratto dalla pagina "Hacker News" di un sito chiamato Y Combinator, che fornisce finanziamenti iniziali alle startup. Si noti come i commenti e i collegamenti degli utenti siano così minuscoli. Avrai la fortuna di riuscire finalmente a cliccarli dopo aver praticato più volte.
L'impaginazione è eccezionale quando viene utilizzata per lo scopo corretto nel web design. Se utilizzato correttamente, l'impaginazione è una funzionalità gradita perché rende più comodo e facile da assorbire il layout di un sito. Viene principalmente utilizzato per dividere il contenuto in varie pagine, ed è una caratteristica che di solito si vede sui siti che presentano lunghi elenchi di elementi.
Tuttavia, l'impaginazione può anche essere usata impropriamente, il che la rende un fattore che contribuisce al disagio dell'usabilità. Alcuni siti amano abusare della paginazione allo scopo di dividere le pagine di contenuto di base in diverse pagine, e c'è anche un ulteriore motivo dietro a questo. I siti che lo fanno probabilmente stanno tentando di aumentare le loro visualizzazioni di pagina, in modo semplice e semplice. Molte riviste e blog online ottengono le loro entrate tramite la pubblicità, quindi ricevere più visualizzazioni di pagina aumenta le loro statistiche di visualizzazione e consente loro di addebitare un importo maggiore per gli annunci.
Guarda questo abuso di impaginazione, che ci viene dalla rivista Wired. Nota come l'articolo sul logo colorato di Google è diviso in otto pagine quando tutte e otto le pagine potrebbero essere facilmente combinate in un'unica pagina web. Anche in quel caso, questo articolo più lungo non avrebbe causato un rallentamento della pagina nel caricamento e nell'elaborazione. Si noti inoltre quanto sia aggravante fare clic più volte per finire di leggere l'articolo.
Inoltre, questo abuso di impaginazione può essere dannoso per quanto riguarda la SEO; se dividi il contenuto del tuo sito in più pagine, il contenuto viene diluito. Ciò ha l'effetto di ridurre il numero di parole chiave pertinenti sull'argomento in ogni pagina Web, il che significa che ogni pagina ha meno senso da sola. Di conseguenza, i motori di ricerca potrebbero non riuscire a interpretare correttamente il significato di ciascuna pagina, con un impatto negativo sulle classifiche dei risultati dei motori di ricerca dell'articolo.
Il contenuto difficile da analizzare per gli utenti del sito è solitamente contenuto che presenta una copia errata. Copia è il contenuto del testo con cui hai popolato il tuo sito ed è assolutamente essenziale per rendere l'usabilità del tuo sito eccellente. Anche prima di preoccuparti di una buona copia, però, devi avere una conoscenza approfondita dei comportamenti di visualizzazione degli utenti del sito. Gli utenti del sito tendono a non leggere tutte le informazioni su una pagina web dall'alto verso il basso, come ci si potrebbe aspettare da loro.
In realtà, gli utenti del sito assorbono le informazioni semplicemente saltando da una parte all'altra del contenuto, essenzialmente guidate da ciò che viene visualizzato nella pagina web. Puoi ringraziare il fatto che Internet bombardi le persone con informazioni per questo frenetico comportamento di visualizzazione del web. Gli occhi degli utenti passano praticamente da una sezione interessante di una determinata pagina Web a un'altra, il che significa che tu, come il consumato web designer che sei, devi strutturare le tue pagine in modo da assecondare questo comportamento frenetico.
Innanzitutto, assicurati che il tuo sito abbia solo pochi, chiari punti di attenzione. Questi funzioneranno come le sezioni della tua pagina che cattureranno l'attenzione dei visitatori. Puoi avere successo includendo font più grandi e colori a contrasto elevato. Per ulteriore attrazione visiva, includere anche immagini come icone accanto al testo.
In secondo luogo, ogni punto di messa a fuoco dovrebbe idealmente presentare un titolo descrittivo. Senza continuare a leggere ulteriormente la copia, un utente dovrebbe immediatamente comprendere cosa coprirà questa sezione di contenuti. Non rendere mai i tuoi titoli criptici o poco chiari per attirare i lettori. Rendi le intestazioni brevi anche se precise.
Infine, qualsiasi testo aggiuntivo deve essere succinto e facile da assorbire. Offri solo i fondamenti ed escludi qualsiasi altra cosa. La maggior parte delle volte, il testo aggiuntivo che i copywriter includono per chiarire un punto sottrae effettivamente alla leggibilità del testo. C'è una tendenza per molte persone a leggere solo piccoli frammenti di testo evitando paragrafi più lunghi, quindi tagliare il grasso.
Diamo un'occhiata a a pagina web che organizza bene la sua copia. Questa è l'app di Cultured Code's Things per Mac. Noterai che, a prima vista, i punti di messa a fuoco, che sono lo screenshot e il titolo "Le cose" di dimensioni giganti, sono molto evidenti. La copia delle varie funzioni dell'app, che puoi vedere di più scorrendo verso il basso nella pagina, è anche molto breve e al punto, riprendendo solo un breve paragrafo o due per dare una breve descrizione di ogni rispettiva funzione.
Una buona usabilità coinvolge così tanti fattori distinti che a volte possono essere un po 'difficili da seguire. L'usabilità riguarda esclusivamente l'utente finale e come si sentono mentre navigano e scansionano il tuo sito. Mettiti nei loro panni mentre stai progettando il tuo sito. Possono aggirare il tuo sito con facilità? Ricorderanno facilmente cosa fare e dove andare la prossima volta che visiteranno il tuo sito? Alla fine si godranno la loro esperienza navigando nel tuo sito? Tutte queste domande dovrebbero essere al centro della tua mente mentre progetta il tuo sito.
Una buona usabilità ha anche vantaggi pratici. Più un utente può navigare nel tuo sito in modo efficiente, più tornerà. Diranno anche ai loro amici, alla loro mamma, ai loro colleghi di lavoro ... ottieni l'immagine. Verranno e controlleranno il tuo sito. Di conseguenza, avrai più visualizzazioni di pagina, più lettori e, si spera, un seguito fedele. Ciò significa che puoi monetizzare il tuo sito e caricare di più per gli annunci sul sito. Prenditi cura dell'usabilità e raccoglierai i frutti in tanti modi.
Quali errori di usabilità vorresti aggiungere? Qual è il peggior errore di usabilità che i progettisti comunemente fanno? Fateci sapere che ne pensate nei commenti.
Immagine in primo piano / miniatura, immagine sbagliata via Shutterstock.