Dai al tuo sito un restyling dei caratteri

Quando siamo entrati nel nuovo anno, abbiamo provato ogni cosa possibile per cambiare la nostra presenza online in un modo migliore in modo che potesse sembrare buono per un potenziale cliente di nuova visita. Senza dubbio, l'aspetto dei nostri siti Web influisce sulle decisioni di acquisto dei nostri potenziali clienti. Laddove abbiamo provato e testato così tante cose, perché non dare un restyling dei caratteri al nostro sito Web in modo che rilasci l'impatto tanto necessario sul visitatore del tuo sito.

Parliamo di alcuni possibili rinnovamenti che possiamo fare al nostro sito, il mio consiglio è di iniziare con la tipografia.

Passaggio 1. Come appare la tipografia attuale del tuo sito Web WordPress?

Prima ancora di iniziare qualsiasi modifica al tuo sito, valuta ciò che hai attualmente e, soprattutto, come stanno andando le cose nel tuo settore di nicchia. Ti suggerirò di analizzare alcuni concorrenti di prim'ordine della tua nicchia. Guarda le prestazioni del loro sito a seconda di come hanno organizzato i caratteri e la tipografia.

Per valutare la tipografia di un sito web, poniti le seguenti domande:

1. Da dove provengono i caratteri attuali?

Sei a conoscenza di come sono nate le attuali selezioni dei caratteri del tuo sito? Se il tuo sito utilizza i caratteri predefiniti del tuo tema WordPress o sono stati scelti per capriccio, di solito è un buon segno che devono essere cambiati. Anche se probabilmente sembrano abbastanza belli , non sono stati selezionati a mano per adattarsi allo stile unico del tuo marchio. La coerenza nel design è fondamentale, dalle immagini che utilizzi fino alla tipografia.

2. La tua famiglia di caratteri è completa?

Va bene, quindi ora, dopo molte ricerche e impegno, abbiamo finalmente trovato i caratteri più adatti, quelli che si adattano bene al nostro sito e danno un aspetto nuovo e attraente al nostro sito web. Ma è completo? o solo una versione più breve di ciò che verrà lanciato in seguito. In breve, la domanda che dovrebbe sorgere nella tua mente è se i caratteri che hai selezionato sono completi o meno?

Se non sei sicuro di avere o meno un carattere tipografico completo che includa tutte le lettere, i numeri e i simboli, torna all'origine del carattere. Dovrebbe esserci un campo di anteprima in cui puoi inserire testo personalizzato. Inserisci le seguenti righe di testo per assicurarti che tutti i caratteri essenziali siano presenti:

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
aeeiouucuaÆœŒ
.,;:?!/[]{}()*-– —…“”''_
0123456789
≤≥÷+=≈≠±-·√°@€£$%&*|«»\<>/~”'§/

3. Ci sono problemi di leggibilità?

Utenti Mac, vi suggerisco di scaricare Font Book. Dopo aver scovato il carattere di tuo interesse, installalo nel Libro dei caratteri per verificare la presenza di problemi di leggibilità. Puoi usarlo per:

• Verifica la presenza di un set completo (come con il test n. 2 sopra).
• Visualizza l'anteprima digitale del carattere per avere un'idea di come apparirà sul tuo sito web.
• Stampa l'intero set di caratteri in diverse dimensioni e stili per determinare quali sono i più facili da leggere.

Questo è anche un ottimo strumento per archiviare i tuoi caratteri e tenerli organizzati per la prossima volta che vuoi dare un nuovo look alla tua tipografia.

4. Come appare sul cellulare?

Esistono alcuni strumenti gratuiti online come Responsinator che semplificano notevolmente la verifica della compatibilità reattiva. Questi stessi controlli reattivi possono essere utilizzati anche per rivedere la tipografia del tuo sito per l'ottimizzazione dei dispositivi mobili.

La raccomandazione standard per il dimensionamento dei caratteri multipiattaforma è di 16 punti o più. Potrebbe non essere il caso se scegli un carattere altamente stilizzato o con una crenatura stretta, quindi assicurati di verificarlo su uno di questi strumenti prima di impegnarti.

Puoi anche utilizzare questa guida al dimensionamento dei caratteri più diffusi per darti un'idea di dove iniziare con il restyling dei caratteri.

5. Il colore del tuo carattere è adatto alla lettura?

Rinnovare il tuo sito con il corretto set di caratteri e rendere la dimensione ideale per il lettore non è l'unica cosa da fare.

No, si tratta anche di trovare il colore giusto. Se non hai ancora sperimentato questa tavolozza di design dei materiali, prenditi un momento per farlo ora. Vedrai che, indipendentemente dai colori di branding selezionati, il colore del carattere primario e secondario sono sempre nero o una sfumatura di grigio.

6. Che ne dici dell'accessibilità?

Gli sviluppatori web sanno tutto su come rendere accessibili i siti web. Tuttavia, se stai davvero cercando di dare alla tua tipografia una compatibilità universale in questa prossima iterazione, presta maggiore attenzione ai fattori che possono influenzare coloro che sono ipovedenti o daltonici.

Inizia eseguendo il tuo sito Web tramite Color Oracle. Questo strumento simulerà l'aspetto del tuo sito Web a coloro che sono daltonici.

Non sai mai chi potrebbe venire sul tuo sito Web, quindi è importante considerare questi fattori ora mentre ti prendi il tempo per dare un lifting alla tua tipografia.

Passaggio 2: impara le migliori pratiche di tipografia

La scelta del carattere è una decisione personale, proprio come qualsiasi altra cosa nel web design. Quindi, anche se non posso dirti quali font usare, penso comunque che sia importante definire le migliori pratiche da seguire mentre fai le tue ricerche, test e implementazione di nuovi.

Ecco le regole base da seguire:

• Abbina il tuo marchio : seleziona un carattere che segua le regole di progettazione che hai già stabilito per il tuo marchio.
• Mantieni la semplicità : usa non più di due o tre caratteri tipografici sul tuo sito web. Detto questo, va bene usare un carattere un po' fuori dall'ordinario, assicurati solo che sia facile da leggere.
• Mantieni la coerenza : utilizza uno stile dei caratteri coerente in tutto il sito. In altre parole, tutte le intestazioni devono utilizzare lo stesso tipo di carattere, dimensione, colore e stile. Lo stesso vale per tutto il corpo del testo, il testo di navigazione, il testo con collegamenti ipertestuali e qualsiasi altro tipo di testo che utilizzi sul sito.
• Crea contrasto : sebbene la coerenza tra i tipi di carattere sia importante, dovrebbe esserci un contratto tra i titoli e il corpo del testo di base. Puoi farlo accoppiando un font sans serif con un font serif o un font corsivo con uno scritto a mano. Assicurati solo che il contrasto sia sorprendente, anche se non al punto da essere scoraggiante.
• Controllare il colore : come notato in precedenza, il nero o le sfumature di grigio scuro funzionano meglio per la leggibilità. C'è anche il colore di sfondo da prendere in considerazione, quindi è importante abbinare i colori di conseguenza (ad esempio testo chiaro su sfondo scuro e testo scuro su sfondo chiaro).
• UTILIZZA TUTTO MAIUSCOLA CON PASSIONE : Il testo tutto in maiuscolo può essere molto difficile da leggere. O quello o potrebbe emanare l'atmosfera sbagliata. Quindi, se ritieni di doverlo usare, fallo con parsimonia.
• Stabilisci una gerarchia : solo perché la regola generale è quella di utilizzare una dimensione del carattere di almeno 16 punti, ciò non significa che tutti i caratteri tipografici del tuo sito debbano attenersi a quel limite minimo. Le intestazioni, i sottotitoli e il corpo del testo devono essere ridimensionati per stabilire una chiara gerarchia in termini di ciò che è più importante.
• Non dimenticare la spaziatura : una volta implementata la nuova tipografia sul tuo sito, ti consigliamo di ottimizzarne la spaziatura. Se ci sono problemi con le linee troppo ravvicinate tra loro, correggere l'interlinea. Se ci sono problemi con la leggibilità all'interno di una riga di testo, dovrai regolare la crenatura e forse anche il tracciamento. Idealmente, ogni riga di testo non dovrebbe allungare più di 15 parole.
• Test A/B prima di prendere un impegno : mentre potresti essere entusiasta della tua nuova scelta di caratteri, altre persone potrebbero non sentirsi allo stesso modo. Fatti un favore e assicurati di testare A/B la tua nuova scelta di caratteri prima di impegnarti completamente. Il tuo sito web (e la tua azienda) ti ringrazieranno in seguito.

Spero che questi pochi suggerimenti e trucchi per il restyling dei caratteri ti aiutino a rinnovare il tuo sito per aumentare più visitatori.
Lascia i tuoi preziosi commenti qui sotto se stai affrontando sfide o se vuoi aggiungere valore a questo post del blog condividendo le tue esperienze.

E sì, non dimenticare di leggere Come utilizzare la SEO sociale per aumentare il posizionamento del sito Web e,

Come aumentare la copertura dei post della tua pagina Facebook.

Se sei un professionista del web design, Top 10 Web Design Trends fa per te.