In che modo il carattere e le sue dimensioni possono migliorare il marchio del tuo sito web

Pubblicato: 2017-04-19

Ogni imprenditore conosce l'importanza di un sito web chiaro, ben progettato e ben mantenuto. Al giorno d'oggi, se non riesci a fornire ai tuoi clienti un sito Web che li impressionerà veramente, li perderai molto più velocemente di quanto non ti ci sia voluto per ottenere la loro fiducia.

Sfortunatamente, la maggior parte degli imprenditori si impegna e assume designer che sono bravi con lo sviluppo, spesso trascurano una caratteristica cruciale: il carattere tipografico.

Dallo stile del carattere che usi, alla dimensione del testo di ciascuna delle pagine interne del tuo sito Web, questa è una delle cose che sarà il fattore decisivo per stabilire se i tuoi clienti rimangono, interagiscono e infine convertono.

La verità è che, sebbene i caratteri non sembrino di grande impatto, hanno il potere di portare la tua attività in alto o in basso. È davvero semplice, se il visitatore del tuo sito web non vuole o non è in grado di leggere il contenuto che hai pubblicato, il tuo messaggio non passerà a loro e quindi non sarai in grado di convertire. Diverse ricerche hanno dimostrato che il tipo di caratteri utilizzati su un sito Web non influisce solo sulla leggibilità, ma sull'umore, sull'esperienza dell'utente e persino sulla lunghezza dell'articolo percepita. Questo è il motivo per cui è essenziale che il tuo designer comprenda la differenza tra la semplice creazione di un sito Web con molti contenuti e lo sviluppo di uno che abbia un design piacevole e di impatto che migliori l'umore del lettore.

"Il tipo è un bel gruppo di lettere, non un gruppo di belle lettere."

-Mathew Carter

Quando pensi ai caratteri, qual è la prima cosa che ti viene in mente? Se sei come la maggior parte delle persone che non ne capiscono ancora l'importanza, probabilmente stai pensando a caratteri tipografici come Calibri, Comic Sans, Arial, Times New Roman e altri. Tuttavia, quello che devi sapere è che queste sono solo le basi. Quando si parla di tipografia che deve essere implementata sul tuo sito Web, non devi solo considerare i caratteri tipografici, ma anche le loro dimensioni, colori, crenatura e spaziatura.

In questo articolo, il nostro obiettivo non è solo parlarti dell'impatto di importanti funzionalità dei caratteri, ma anche darti suggerimenti pratici che puoi utilizzare per aumentare i tassi di conversione del tuo sito web. Quindi, preparati con una matita e un blocco note perché questo è il tipo di informazioni che non vuoi perdere.

Caratteri tipografici e loro impatto

Se hai letto alcuni articoli su font e tipografia, sai che ci sono diversi caratteri tipografici ritenuti degni di pubblicazione online. Mentre alcuni concordano sul fatto che la Georgia porti più risultati, altri pensano che Baskerville porti a casa la gloria della vittoria. Ma prima di iniziare a parlarne, discutiamo dell'impatto generale dei caratteri tipografici sul marchio del tuo sito. Ecco la cosa; se il tuo contenuto è difficile da leggere perché le lettere sono troppo vicine tra loro o la dimensione è troppo piccola, se ne andranno immediatamente o proveranno a leggere per qualche secondo in più e alla fine se ne andranno se lo trovano ancora difficile. Anche se hai clienti molto fedeli che si sono presi il loro tempo e hanno effettivamente letto l'intera copia, si ricorderanno che ci è voluto troppo tempo e finirai per perderli.

I caratteri tipografici che scegli per il tuo sito Web sono fondamentali perché renderanno l'intero processo di lettura, comprensione e comprensione del tuo messaggio senza sforzo. Se selezioni un carattere che è d'accordo con i tuoi lettori, la loro attenzione rimarrà sulle informazioni che stai fornendo e non sul tempo impiegato per leggerle.

Suggerimento pratico: non tutti i caratteri funzioneranno per tutti i siti web. I caratteri hanno personalità diverse e quella che scegli dipende interamente dalla tua attività, dal tipo di clienti a cui ti rivolgi e dal messaggio che vuoi ritrarre. La cosa migliore da fare sarebbe fare ricerche approfondite e guardare i caratteri tipografici utilizzati da altri nello stesso settore. Prova e prova diversi tipi su piattaforme diverse in modo da sapere che stai prendendo la decisione giusta. Ricorda, la scelta del carattere appropriato richiederà del tempo, ma ne varrà la pena quando vedrai aumentare i tassi di conversione.

Dimensioni dei caratteri e loro impatto

Quando parli della dimensione del tuo carattere, una delle preoccupazioni principali che dovresti avere è quella della leggibilità. La leggibilità diventa molto più importante perché vuoi assicurarti che il tuo messaggio arrivi. Anche se la tua scelta del carattere non è perfetta, la dimensione corretta ti farà risparmiare perché almeno il visitatore non avrà bisogno di sforzare gli occhi per leggere il contenuto che stai presentando. Se hai la giusta dimensione del carattere, i tuoi clienti avranno molte più probabilità di leggere il tuo messaggio, interagire e persino spargere la voce. Quando sarai in grado di comunicare meglio con i tuoi clienti, il tuo marchio avrà un effetto positivo e questo a sua volta aumenterà la reputazione della tua azienda.

Suggerimento pratico: la dimensione in cui scegli il carattere da presentare dipende dal contesto di progettazione del sito web. Mentre un biglietto da visita può richiedere dimensioni molto ridotte, un poster per eventi ne richiederà uno molto più grande. Ma poiché stiamo parlando specificamente del design del sito Web, dovrai considerare se stai pubblicando per dispositivi mobili o schermi generali. Come regola pratica, gli esperti consigliano di utilizzare da 10 px a 14 px per il contenuto del corpo e da 16 px a 20 px per intestazioni o titoli. Per ottenere i migliori risultati, puoi eseguire un controllo pratico sulle taglie che ti sembrano giuste e quindi adattarle di conseguenza se non sembrano funzionare bene. Inoltre, se ti rivolgi a schermi di dimensioni diverse (cosa che dovresti), assicurati che il carattere funzioni bene anche quando le dimensioni vengono ridotte sui dispositivi mobili.

Colore del carattere e il tuo sito web

Se vuoi trasmettere il tuo messaggio ai tuoi visitatori nel miglior modo possibile, non dovrai solo considerare la selezione delle parole, ma anche il modo in cui viene presentata. Ora, anche se il colore del carattere potrebbe non sembrare un grosso problema, è qualcosa che ha un grande impatto, soprattutto se hai un sito Web particolarmente allegro. La psicologia del colore è un'intera area di studio e puoi imparare molto da essa. Tuttavia, quando implementi il ​​colore, specialmente nei caratteri, ricorda di non esagerare perché finirà per sembrare divertente. I colori che scegli non dovrebbero solo migliorare i valori fondamentali della tua attività, ma anche dare una spinta alla personalità di fondo con cui i clienti si connettono. Se finisci per scegliere il colore sbagliato per il tuo carattere, funzioneranno contro te e la tua attività.

Un'altra caratteristica degna di nota qui è il contrasto. Il contrasto del testo o della pagina è la differenza di oscurità presente tra lo sfondo e il testo. Sebbene tu non voglia usare le vecchie tecniche come mettere il testo rosso su sfondo verde, dovresti assicurarti che sia presente un buon contrasto tra il testo e lo sfondo in modo da aumentare la leggibilità.

Suggerimento pratico: in primo luogo, prima di decidere il colore del carattere, devi pensare molto attentamente ai colori e al carattere che dovrebbero essere o sono già stati integrati nel tuo marchio e nel suo logo. Ad esempio, quando pensi alla Coca-Cola, probabilmente evochi il carattere riccio molto caratteristico insieme al colore rosso. Quando si sceglie il colore, gli esperti consigliano di pensarlo come di colorare una stanza della propria casa. Se vuoi che i tuoi visitatori si sentano al caldo e a proprio agio mentre leggono il blog, usa rossi e arancio opachi poiché hanno lo scopo di rilassare e calmare i sensi. Ma ancora una volta, ricorda di non esagerare perché la maggior parte dei contenuti sembra buona e leggibile in nero, a seconda del colore di sfondo.

Caratteri di intestazione e cosa dovresti sapere

I titoli che usi per i tuoi contenuti sono estremamente cruciali non solo in termini di parole reali, ma anche di come vengono presentati. Diverse ricerche hanno dimostrato che, a meno che tu non utilizzi titoli accattivanti e che attirino l'attenzione, i tuoi visitatori andranno avanti e cercheranno qualcosa di un po' più interessante da leggere. Ci sono modelli particolari nel modo in cui gli esseri umani leggono il web e attraverso questo scoprirai che la maggior parte dei contenuti viene semplicemente scansionata. Quindi, se non attiri l'attenzione dei tuoi visitatori con l'intestazione, le loro possibilità di lettura diminuiranno ulteriormente. Ora tieni presente che sia il carattere che il colore che usi per l'intestazione decideranno se il tuo visitatore vuole leggerlo o meno. Quindi, anche se non vuoi iniziare a usare Comic Sans semplicemente per attirare l'attenzione, dovresti mantenerlo leggibile.

Suggerimento pratico: se stai accoppiando i caratteri (usandone uno per il titolo e l'altro per il contenuto principale), assicurati che stiano davvero bene insieme. L'abbinamento a volte può essere complicato perché è necessario assicurarsi che la maggior parte degli elementi dei caratteri corrispondano in modo che non sembrino molto diversi l'uno dall'altro. In tal caso, il carattere del titolo deve completare il corpo del testo. D'altra parte, se stai usando lo stesso carattere tipografico, puoi sperimentare dimensioni e interlinea diverse per migliorare l'intestazione. Lo stesso carattere tipografico non solo fornirà armonia visiva per il tuo lettore, ma ridurrà anche il numero di caratteri che devono essere caricati, aumentando così il tempo di caricamento e le prestazioni complessivi.

Lunghezza della linea e sua importanza

La maggior parte delle persone che creano un sito Web prenderà in considerazione il carattere, la dimensione, il colore e il contrasto del testo utilizzato. Tuttavia, ciò che perdono è la lunghezza della linea. La lunghezza della riga è responsabile dell'aumento o della diminuzione della leggibilità complessiva e si riferisce al numero di parole o caratteri presenti in ciascuna riga orizzontale. Ciò che incide sulla leggibilità è la brevità o la lunghezza delle frasi. Se il carattere che scegli fa apparire le linee troppo lunghe, gli occhi del tuo visitatore dovranno percorrere una grande distanza, il che scoraggerà la loro lettura poiché richiederà molto sforzo. Se invece le righe sono troppo corte, il flusso delle frasi si interromperà e il visitatore finirà per perdere interesse.

Suggerimento pratico: una teoria proposta dall'Usability Institute Baymard è che dovresti scegliere un font che utilizzi 50-75 caratteri (spazi inclusi) per riga poiché offre una leggibilità ottimale. Puoi anche utilizzare il Calcolatore tipografico del rapporto aureo per determinare la lunghezza della linea perfetta a seconda dello schermo utilizzato per leggere il contenuto.

Kerning e perché è importante

Secondo Wikipedia, "Kerning è il processo di regolazione della spaziatura tra i caratteri in un carattere proporzionale, di solito per ottenere un risultato visivamente gradevole". Se stai usando un buon font, sarà ben crepato e lo spazio tra ogni coppia di caratteri sarà simile. Se hai un designer che sta impostando il carattere tipografico in un programma grafico come Photoshop, avrà la possibilità di cambiare lo spazio tra le lettere e apportare modifiche fino a quando il carattere e la crenatura non saranno perfetti. Non concentrarti sulla crenatura ti costerà perché spesso è la cosa più importante che distingue il lavoro professionale da quello svolto da dilettanti o aspiranti designer.

Suggerimento pratico: la quantità di spazio che hai tra ogni lettera deve essere uguale se vuoi che il tuo sito web abbia un aspetto professionale. Se stai progettando un carattere tipografico, ricorda di integrare la crenatura perché la leggibilità aumenterà se c'è continuità spaziale tra le lettere. D'altra parte, se stai usando i caratteri già esistenti, non devi preoccuparti di questo perché tutti questi caratteri conterranno informazioni sulla spaziatura.

Conclusione

Per i titolari di attività commerciali che desiderano migliorare il marchio del proprio sito Web e attirare più clienti, un aspetto cruciale da ricordare è l'utilizzo di caratteri tipografici che integrino la copia. Se stai facendo le cose per bene, avrà un effetto anche sulle emozioni, sull'umore e sull'azione del tuo lettore. Questo a sua volta renderà più probabile la loro conversione in un cliente fedele. Ricorda che uno dei modi migliori per testare il carattere, le sue dimensioni, il colore, ecc. è testarlo, eseguirlo e vedere cosa portano i risultati. Inoltre, dedica un po' di tempo a questo intero processo e la tua totale attenzione perché se vuoi la perfezione, tu dovrò lavorare per questo.

Alla fine, ti lascio con questa citazione ispiratrice di Steve Jobs, che è il principale responsabile del motivo per cui prestiamo così tanta attenzione ai caratteri oggi.

“Ho deciso di seguire un corso di calligrafia per imparare a (imparare la calligrafia). Ho imparato a conoscere i caratteri tipografici Serif e Sans-Serif, a variare lo spazio tra le diverse combinazioni di lettere, a cosa rende grande una tipografia eccezionale. È stato bellissimo. Storico. Artisticamente sottile in un modo che la scienza non potrà mai catturare".

-Steve Jobs