Il corpo del testo sul tuo sito web è troppo piccolo. Mentre i monitor desktop e gli schermi del telefono sembrano aumentare di dimensioni, le dimensioni dei caratteri del corpo sono apparentemente ridotte. Mentre le loro dimensioni originali sono le stesse, si sentono più piccole che mai.
Troppo spesso mi ritrovo a guardare lo schermo con lo sguardo stralunato. E non dovrebbe essere così. Oggi esaminiamo le ragioni di questo problema crescente e come è possibile risolverlo!
Il caso per il testo più grande
Le dimensioni ridotte del testo sono un concetto vecchio stile in termini di design del sito web. L'idea di utilizzare un testo di 12 punti per le copie del corpo risale ai primi giorni di Internet e della pubblicazione digitale quando la dimensione predefinita nei processori di testo era di 12 punti. (È proprio così che i designer hanno iniziato a utilizzare questa linea guida non ufficiale.)
Ma anche gli schermi erano molto più piccoli. E il tipo di 12 punti in una posizione a un paio di metri dai tuoi occhi può essere molto da leggere.
Titoli e sottotitoli sovradimensionati sono di moda da un po 'di tempo e la tua copia del corpo deve recuperare. Persino Kissmetrics, un blog di analisi dei dati, marketing e testing, ha notato che la maggior parte dei siti web ha caratteri troppo piccoli. Hanno persino definito questo uno dei 7 Deadly Sins of Web Design.
Ecco la grande ragione: devi catturare l'attenzione degli utenti immediatamente, e i caratteri piccoli non li taglieranno con tante altre opzioni disponibili per il tempo di un utente.
Non sei ancora convinto? Ecco altre quattro ragioni per cui il tuo tipo di corpo dovrebbe essere più grande.
1. È più facile da leggere
La leggibilità è un grosso problema. Perché dovresti progettare un sito Web che è difficile da leggere per un utente?
La prima lezione è quella di abbandonare la pura misura numerica per il corpo del testo sul web. Non importa se il tuo testo è 12 punti o 16 punti o 22 punti se non riesci a leggerlo. (Il dimensionamento del testo non è universale e varia a seconda del carattere tipografico.) Il testo del corpo dovrebbe essere proporzionato a tutto il resto sullo schermo e facile per gli utenti di vedere da una certa distanza.
Lo standard per un po 'di tempo è stato che da 45 a 60 caratteri per riga in una singola colonna (questo include punteggiatura e spazi) è la lunghezza ideale per la maggior parte dei lettori. Quindi, è necessario pensare alle dimensioni dei browser più comuni, alla larghezza della colonna che si sta utilizzando e iniziare con una dimensione del testo che rientra in tale intervallo. Quindi ricordarsi di regolare di conseguenza i punti di risposta sensibili.
La gamma è un po 'più stretta per gli schermi più piccoli in cui la maggior parte delle persone concorda sul fatto che il testo più grande è migliore. (Grazie a metà dell'intervallo di conteggio delle righe.)
Il trucco sta nel creare una scala che sia comoda per la lettura. E più testo di dimensioni del corpo devi lavorare, più diventa importante. Il testo troppo largo può rendere difficile la messa a fuoco e il passaggio da una riga all'altra durante la lettura; il testo troppo stretto non ha un buon ritmo e fa sì che l'occhio si muova troppo velocemente durante la lettura.
2. Rende il design più intuitivo
La dimensione del testo contribuisce all'utilizzabilità generale del design di un sito web.
Se tutto il testo viene ridimensionato in modo proporzionale, una copia del corpo più grande aiuta anche ad aumentare la dimensione degli altri elementi dell'interfaccia utente, come i link di navigazione o il testo del pulsante. Può aiutare a contribuire al flusso generale.
Un testo più ampio ti aiuterà anche a prendere decisioni migliori sul contenuto e a modificarlo in modo più selettivo, il che è sempre una buona cosa per gli utenti. Questa ottimizzazione contribuisce a portare gli elementi più importanti in prima linea nel design. Ricorda, gli utenti hanno la capacità di attenzione di un pesce rosso - se è così - tutto ciò di cui hanno bisogno per capire il design e come interagire con esso deve essere accessibile a colpo d'occhio.
Ecco l'altro bonus a cascata di tipo più grande - ti incoraggerà a ripensare anche padding, foto e linepacing. Tutto nel design trarrà vantaggio dal ripensamento delle dimensioni del testo perché tutto funziona in modo congruente per creare un prodotto finale messo insieme. Tutto ciò che modifica e ripensa su come posizionare le parti può comportare una migliore usabilità perché in effetti si impiega del tempo per valutare i singoli elementi nella progettazione, piuttosto che semplicemente far cadere tutto nello stesso modo di solito.
3. Riduce l'affaticamento
L'affaticamento degli utenti può essere un vero problema. La maggior parte delle persone guarda gli schermi tutto il giorno, dai telefoni ai giochi, ai tablet, ai computer o alla televisione. I loro occhi sono stanchi.
Dimensioni di testo più grandi possono aiutare a ridurre parte dell'affaticamento dello schermo.
Un'altra fonte comune di affaticamento dello schermo si presenta sotto forma di dispositivi mobili e gli utenti devono raggiungere attraverso lo schermo per elementi. I telefoni più grandi stanno diminuendo le aree che sono facilmente raggiungibili con il pollice, ma gli elementi più grandi e il testo del corpo possono aiutare a risolvere questo dilemma.
Un motivo per cui dimensioni più grandi per il testo e altri elementi dell'interfaccia utente è importante è perché aiuta a regolare il display visivo in modo che corrisponda a quello fisico, offrendo un maggiore comfort per gli utenti.
4. Aumenta l'impatto visivo
Vuoi che il design del tuo sito web faccia una forte prima impressione. Un testo più grande può avere una forte presenza visiva e un impatto rispetto al testo più piccolo. È più audace e più in-faccia. Richiede di essere letto.
Queste tattiche aiutano tutte a catturare l'attenzione dell'utente e ad aggrapparsene.
La conseguenza involontaria dell'utilizzo di un tipo di corpo più grande è che quasi tutto il resto del progetto probabilmente si ingrandirà. Questo è molto probabilmente il caso dello spazio. Il tipo più grande ti aiuterà a creare spazio per più spazio nel design. Più spazio spesso crea un'esperienza utente più confortevole e aggiunge un elemento di contrasto che aiuta gli utenti a raggiungere le parti occupate del design. (È la teoria del design a livello base, ma funziona.)
Il tipo più grande e l'aumento della spaziatura sono elementi che la maggior parte degli utenti non vedranno o parleranno, ma troveranno solo che apprezzano. L'esperienza sarà più facile e, si spera, si tradurrà in un aumento delle analisi del sito web come il tempo sul sito o le pagine per visitatore.(Queste misure possono essere un fattore chiave nel determinare se il passaggio a un tipo più grande stia facendo la differenza per gli utenti).
Conclusione
Smashing Magazine ha pubblicato un articolo nel 2011 che afferma che qualcosa di meno di 16 pixel per il corpo del testo è troppo piccolo. Tenderei ad essere d'accordo.
E poi fare un ulteriore passo avanti. Prova 18, 20 o anche 22 punti per la tua copia del corpo. Anche se all'inizio sembra imbarazzante, scoprirai che è facile da leggere. È facile da digerire. E rende il contenuto un po 'meno travolgente. Rendi gli utenti più facili e ti ringrazieranno dedicando più tempo al tuo sito web.