Quali sono i 7 errori tipografici da evitare?

In ogni interfaccia scegliamo di evidenziare testo, titoli, paragrafi, link per creare un dialogo con il nostro utente.

Ma durante gli audit che ho potuto effettuare su interfacce web o mobile, ho spesso segnalato errori tipografici e di stili tipografici.

Spesso percepiti come piccoli dettagli, questi errori sono in realtà un freno alla tua comunicazione.

L'utente, infatti, non ti conosce e se delle insidie ​​glielo impediscono o lo rallentano nella lettura, non necessariamente raddoppierà gli sforzi per raggiungere il tuo messaggio.

Evitando questi 7 errori, aumenterai la leggibilità dei diversi paragrafi della tua interfaccia, aumenterai il comfort e ridurrai i tempi di lettura.

L'obiettivo di questo articolo è sapere come rilevare questi errori ed essere in grado di correggerli. Ma anche per acquisire una migliore comprensione degli stili tipografici ancorati negli usi odierni delle interfacce digitali e per usarli con saggezza.

# 1 Tutto in maiuscolo

L'argomento dell'uso delle maiuscole per i testi di un'interfaccia può suscitare dibattito, ma molti studi hanno dimostrato che un paragrafo interamente in maiuscolo può essere complicato da leggere e la leggibilità è ridotta.

Spesso utilizzato per evidenziare un testo, renderlo più importante e/o più visibile, ci rendiamo conto che questo produce l'effetto opposto. L'utente, infatti, identifica questi elementi in maiuscolo e preferisce passarli.

Per 2 motivi:

  • L'effetto a volte ansiogeno e aggressivo della lettura di un testo in maiuscolo. L'utente può avere l'impressione di essere sgridato e che ci sia una forma di nervosismo nel nostro messaggio.
  • Ci sono pochissimi indizi per individuare le lettere e le loro particolarità, il che complica il compito dell'utente di differenziare le lettere l'una dall'altra. Il testo diventa più difficile e più lungo da leggere, quest'ultimo punto è molto importante perché bisogna tenere a mente che gli utenti leggono molto poco sul web. Spesso le informazioni vengono scansionate. L'uso delle maiuscole impedirà all'utente di farlo. E quando inizierà a leggere, sarà rallentato e questo creerà frustrazione. Avrà l'impressione di non progredire nella lettura.

# 2 Adozione di troppi caratteri

All'interno di un paragrafo, a volte siamo tentati di creare una certa gerarchia, di utilizzare caratteri diversi.

Ciò creerà uno squilibrio e confonderà il tuo utente. È meglio rimanere coerenti nella forma per trasmettere il tuo messaggio con maggiore impatto e chiarezza.

Nulla vieta di proporre un'idea o una frase accentuando ad esempio il grasso. Ma devi scegliere!

# 3 Enfatizza molti elementi

Una buona pratica quando si rende disponibile un paragrafo all'utente è evidenziare alcune parole chiave.

Tuttavia, è necessario prestare attenzione a non avere troppi stili di testo diversi poiché ciò può confondere l'utente.

È meglio definire il tuo paragrafo con largo anticipo ed evidenziare visivamente il concetto chiave di esso.

Tenendo presente che ci sarà questo particolare stile grafico ma anche alcune parole in corsivo (per parole di un'altra lingua ad esempio), collegamenti sottolineati/colorati.

# 4 Usa lo stile di collegamento per un altro elemento

Quando un elemento è sottolineato nelle interfacce, l'utente è abituato a trovarvi un collegamento. Fa clic su di esso e verrà reindirizzato a una nuova pagina.

Solo, spesso durante un audit dell'interfaccia, troviamo, ad esempio, i sottotitoli che utilizzano questo stile grafico. Ciò potrebbe confondere l'utente.

È meglio giocare su grasso, colore o taglia per esempio.

# 5 Centrare il testo

Questa è forse la prima cosa che ho imparato come designer quando ho iniziato. Tendevo a centrare tutti gli elementi.

Questa è una buona pratica in formato cartaceo, ma non è consigliata per il web. È preferibile allineare il testo a sinistra per strutturare il blocco e quindi fornire comodità di lettura al nostro utente.

# 6 Giustifica il testo

Questo vale anche per la giustificazione di un testo. Ampiamente usato nell'editoria ma che è ancora mal gestito sul web perché le interfacce sono dinamiche e si muovono a seconda delle risoluzioni. È quindi molto complicato mantenere un risultato coerente e leggibile.

# 7 Interlinea errata

A volte cerchiamo di risparmiare spazio. Altre volte, pensiamo – erroneamente – che sarà più comodo per la lettura diminuire l'interlinea di un paragrafo.

Se l'interlinea è troppo piccola, le lettere si sfiorano e si verificherà un problema di leggibilità. Se l'interlinea è troppo grande, le linee saranno troppo distanti e quindi costerà all'utente uno sforzo maggiore per leggere correttamente.

Non esiste un'interlinea ideale, dipende da ogni tipografia. Va quindi studiato e testato per trovare il giusto rapporto che ne faciliti la lettura.

 

# Concludere

Questi 7 suggerimenti condivisi ti permetteranno di offrire ai tuoi utenti un comfort di lettura. Ti aiuteranno a trasmettere il tuo messaggio nel modo giusto con il tono giusto.

Come ho detto, questi sono errori che trovo spesso durante gli audit dell'interfaccia. Sono facilmente modificabili e ti permetteranno di aumentare la leggibilità dei tuoi testi.

 

 

Fonte immagine: https://undraw.co/illustrazioni

 

Alexa CUELLAR UX-UI Designer @UX-Republic


I nostri prossimi corsi di formazione