4 motivi per cui il testo del tuo corpo dovrebbe essere più grande
Il testo del corpo sul tuo sito Web è troppo piccolo. Mentre i monitor desktop e gli schermi dei telefoni sembrano aumentare di dimensioni, le dimensioni dei caratteri del corpo sembrano essere ridotte. Mentre le loro dimensioni originali sono le stesse, si sentono più piccole che mai.
Troppo spesso mi ritrovo a guardare lo schermo per leggere i contenuti. E non dovrebbe essere così. Oggi stiamo esaminando le ragioni di questo crescente problema e come risolverlo!
Il caso del testo più grande
Le dimensioni di testo ridotto sono un concetto di vecchia scuola in termini di design del sito Web. L'idea di utilizzare il testo in 12 punti per la copia del corpo risale quasi ai primi giorni di Internet e dell'editoria digitale quando la dimensione predefinita degli elaboratori di testi era di 12 punti. (È così che i designer hanno iniziato a utilizzare questa linea guida non ufficiale.)
Ma anche gli schermi erano molto più piccoli. E il tipo a 12 punti in una posizione a un paio di piedi dai tuoi occhi può essere molto da leggere.
Titoli e sottotitoli di grandi dimensioni sono in voga da un po 'di tempo e la tua copia del corpo deve recuperare. Anche Kissmetrics, un blog sull'analisi dei dati web, marketing e test, ha notato che la maggior parte dei siti Web ha caratteri troppo piccoli. Hanno anche chiamato questo uno dei "7 peccati capitali del web design".
Ecco il grande motivo: devi attirare immediatamente l'attenzione degli utenti e i caratteri tipografici piccoli non lo taglieranno con così 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 è abbandonare la misura numerica pura per il corpo del testo sul web. Non importa se il tuo testo è di 12 punti o 16 punti o 22 punti se non riesci a leggerlo. (Il dimensionamento del testo non è universale e varia comunque in base al tipo di carattere.) Il testo del corpo dovrebbe essere proporzionato a tutto il resto sullo schermo e facile da vedere per gli utenti da una certa distanza.
Lo standard da qualche tempo è 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, devi pensare alle dimensioni dei browser più comuni, alla larghezza della colonna che stai utilizzando e iniziare con una dimensione del testo che rientri in tale intervallo. Quindi ricorda di regolare di conseguenza per i punti di interruzione reattivi.
L'intervallo è leggermente più stretto per schermi più piccoli in cui la maggior parte delle persone concorda sul fatto che un testo più grande sia migliore. (Grazie a metà dell'intervallo di conteggio delle righe.)
Il trucco sta nel creare una scala comoda per la lettura. E più testo a dimensioni corporee devi lavorare, più diventa importante. Il testo troppo largo può rendere difficile mettere a fuoco e spostarsi da una riga all'altra durante la lettura; il testo troppo stretto non ha un buon ritmo e fa muovere l'occhio troppo velocemente durante la lettura.
2. Rende il design più intuitivo
La dimensione del testo contribuisce all'usabilità complessiva di un sito Web.
Se tutto il testo viene ridimensionato in modo proporzionale, la copia del corpo più grande aiuta anche a correggere le dimensioni di altri elementi dell'interfaccia utente come collegamenti di navigazione o testo dei pulsanti. Può aiutare a contribuire al flusso complessivo.
Un testo più grande ti aiuterà anche a prendere decisioni migliori sui contenuti e modificarli in modo più selettivo, il che è sempre una buona cosa per gli utenti. Questa razionalizzazione aiuta a portare gli elementi più importanti in primo piano nel design. Ricorda, gli utenti hanno l'intervallo di attenzione di un pesce rosso - se questo - quindi 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 di tipo più grande: ti incoraggerà a ripensare l'imbottitura, il posizionamento delle foto e lo spazio delle linee. Tutto nella progettazione trarrà vantaggio dal ripensare la dimensione del tipo perché tutto funziona in modo congruente per creare un prodotto finale messo insieme. Tutta quella modifica e ripensamento di come posizionare le parti può comportare una migliore usabilità perché in realtà stai prendendo tempo per valutare i singoli elementi nella progettazione, piuttosto che semplicemente buttare giù tutto allo stesso modo di fare normalmente.
3. Riduce l'affaticamento
L'affaticamento dell'utente può essere un vero problema. La maggior parte delle persone guarda gli schermi tutto il giorno, dallo sguardo ai telefoni, ai giochi, ai tablet, al lavoro al computer o alla televisione. I loro occhi sono stanchi.
Dimensioni di testo più grandi possono aiutare a ridurre un po 'di questa fatica dello schermo.
Un'altra fonte comune di affaticamento dello schermo si presenta sotto forma di dispositivi mobili e gli utenti devono raggiungere elementi sullo schermo. I telefoni più grandi stanno diminuendo le aree che sono facilmente raggiungibili con il pollice, ma elementi più grandi e il testo del corpo possono aiutare a risolvere questo dilemma.
Una delle ragioni per cui dimensioni più grandi per il testo e altri elementi dell'interfaccia utente è importante è perché aiuta a regolare la visualizzazione visiva in modo che corrisponda a quella fisica, offrendo maggiore comfort agli utenti.
4. Aumenta l'impatto visivo
Vuoi che il design del tuo sito web faccia una forte prima impressione. Il testo più grande può avere una forte presenza visiva e impatto rispetto al testo più piccolo. È più audace e più diretto. Richiede di essere letto.
Tutte queste tattiche aiutano a catturare l'attenzione dell'utente e trattenerla.
La conseguenza involontaria dell'uso di un tipo di corporatura più grande è che probabilmente anche qualsiasi altra cosa nel tuo progetto si ingrandirà. Questo è probabilmente il caso dello spazio. Il tipo più grande ti aiuterà a creare spazio per più spazio nel design. Più spazio crea spesso un'esperienza utente più confortevole e aggiunge un elemento di contrasto che aiuta ad attirare gli utenti verso le parti occupate del progetto. (È teoria del design a livello base, ma funziona.)
Il tipo più grande e la maggiore spaziatura sono elementi che la maggior parte degli utenti non vedrà o parlerà, ma troverà solo che apprezzano. L'esperienza sarà più semplice e, si spera, si tradurrà in un aumento dell'analisi del sito Web come tempo sul sito o pagine per visitatore. (Queste misure possono essere un fattore chiave nel determinare se il passaggio a un tipo più grande sta facendo la differenza per gli utenti.)
Conclusione
Smashing Magazine ha pubblicato un articolo nel 2011 in cui afferma che qualcosa di meno di 16 pixel per il corpo del testo è troppo piccolo. Tenderei ad essere d'accordo.
E poi fai 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 i contenuti un po 'meno travolgenti. Rendilo facile per gli utenti e ti ringrazieranno trascorrendo più tempo sul tuo sito web.
