Perché la tipografia è importante per il tuo sito web

Il marketing dei propri contenuti è una strategia chiave per attirare nuovi clienti, fidelizzare i clienti e generare conversioni, sotto forma di Mi piace, abbonamenti, lead o vendite.

Il contenuto può esistere come messaggio in sé e per sé, poiché tutti tendiamo a pensare che il messaggio non cambi, indipendentemente dal tipo di carattere o dal modo in cui è confezionato.

O lo fa?

Pensiamo a come viene realizzato il messaggio. Da un punto di vista linguistico e semantico, viene in mente l'idea principale, quindi le parole vengono scelte con cura per inquadrare il messaggio. Per comunicare in modo efficace, devi conoscere il tuo pubblico ed essere in grado di anticipare come risponderanno alle parole che scegli.

Queste parole devono essere lette per essere successivamente comprese, elaborate e digerite. Ma per convincere il tuo pubblico a leggere, devi presentare il tuo messaggio in modo appropriato ed efficace.

La presentazione è estremamente importante. La maggior parte delle persone si aspetterebbe che un anello di diamanti sia all'interno di una scatola dal gioielliere, non un sacchetto di carta marrone spiegazzato, e nessuno si preoccuperebbe di cercare quest'ultimo solo per trovarne uno. La tipografia consiste nel presentare e confezionare il contenuto, ovvero il messaggio che stai cercando di trasmettere al tuo pubblico.

Che cos'è la tipografia?

La tipografia è semplicemente il modo in cui il testo è disposto su un documento o, ai fini di questo articolo, su una pagina web. È spesso considerata un'arte, soprattutto perché la tipografia è strettamente legata alla creatività e all'innovazione. La tipografia serve a molti scopi, dal sottolineare un tema, definire la personalità, enfatizzare le idee, mettere in mostra le emozioni, generare interesse e costruire un'estetica generale del design. È l'intersezione tra layout e contenuto ed è parte integrante del web design per qualsiasi sito web.

Elementi di tipografia che vale la pena considerare

La tipografia comprende una serie di elementi che influenzano e sono influenzati dal web design, tra cui la scelta del carattere, la tavolozza dei colori, le dimensioni, la lunghezza delle linee, il layout e l'integrazione con un design. È importante avere familiarità con tutti questi fattori per essere in grado di utilizzare la tipografia in modo efficace.

1. Caratteri tipografici: sono le prime cose che ci vengono in mente quando pensiamo alla tipografia. Alcuni usano anche i termini "carattere" e "tipografia" in modo intercambiabile, tuttavia i caratteri costituiscono un semplice sottoinsieme di ciò che costituisce la tipografia. I caratteri tipografici si riferiscono semplicemente al nome dello stile di testo utilizzato. Gli esempi includono Helvetica, Times, Papyrus e Arial.
2. Caratteri: la maggior parte delle persone usa anche "carattere" e "carattere tipografico" in modo intercambiabile, ma se siamo specifici, il carattere si riferisce a uno stile specifico di carattere, indicando la dimensione, l'altezza, la larghezza e lo stile. Arial Narrow, dimensione 14, corsivo è un carattere. Così è Myriad Pro Regular, taglia 12.
3. Tracciamento: questo è lo spazio tra caratteri o gruppi di caratteri in un blocco di testo. Sebbene il tracciamento tenda ad essere relativamente standard, può essere regolato per influire sulla densità del testo.
4. Crenatura: mentre il tracciamento è un termine più generale, la crenatura si riferisce specificamente alla distanza tra singole lettere e caratteri, di solito sul piano orizzontale.
5. Lunghezza riga: si riferisce alla lunghezza del testo che va da sinistra a destra lungo la pagina. Questo può essere modificato regolando i margini, la crenatura e le dimensioni dei caratteri. Più lunga è la lunghezza della linea, più difficile diventa la lettura.
6. Leading: Leading è la misura dello spazio tra il punto in cui le lettere si trovano in relazione alle righe di testo immediatamente sopra e sotto.

Questi elementi sono importanti per influenzare la lettura di una pagina. La maggior parte delle persone si concentra esclusivamente sui caratteri e sui caratteri tipografici, ignorando come piccole modifiche al tracciamento, alla crenatura, alla lunghezza della linea e all'interlinea possano avere risultati notevoli e preziosi.

Perché

La tipografia sottolinea la personalità visiva del sito web

A prima vista, i visitatori del tuo sito web dovrebbero essere in grado di determinare di cosa si tratta. C'è molta psicologia in gioco qui e molti sottotesti vengono sviluppati quasi istantaneamente.

Prendendo spunto dai colori, dal layout e dalla tipografia, possono percepire un tono, uno stato d'animo, un messaggio e un tema generali anche senza dover studiare il contenuto scritto o guardare le immagini. Entro pochi secondi, i visitatori decideranno se sono membri del pubblico di destinazione o respingeranno il sito Web semplicemente perché non fa per loro.

La tipografia aiuta a raggiungere questo obiettivo, poiché l'interazione dei singoli elementi visivi lavora in sinergia tra loro per suscitare la risposta emotiva desiderata.

La tipografia aiuta a definire il tuo marchio

Il tuo marchio è più di un semplice logo. Proprio come lo Swoosh, marchio di fabbrica di Nike, o la sirena di Starbucks, la tipografia di quei nomi di marchi reali è altrettanto riconoscibile e contribuisce alla percezione del marchio.

Prendi qualsiasi marchio noto e cambia semplicemente il loro carattere con qualcos'altro. Anche se il marchio utilizza un carattere che viene utilizzato in molti altri contesti, la combinazione di tipografia e logo contribuisce al modo in cui le persone identificano e percepiscono il marchio in modo tale che i due non possano divorziare.

Inutile dire che se hai un logo iconico ed è completato da una tipografia giusta, la combinazione risalta nella mente dei tuoi clienti, portando avanti il ​​​​tuo marchio.

La tipografia focalizza l'attenzione dei tuoi lettori

Come accennato in precedenza, il contenuto del tuo sito Web potrebbe essere di altissimo livello, ma se non viene presentato in modo efficace, i tuoi sforzi saranno sprecati. Uno dei modi per convincere i tuoi lettori a immergersi subito è usare la tipografia a tuo vantaggio. Tutti gli elementi sopra menzionati contribuiscono al modo in cui i tuoi contenuti non vengono solo percepiti ma vissuti.

Chiedi a chiunque se ha letto qualcosa pubblicato su Comic Sans e l'ha preso sul serio. È probabile che abbiano respinto il messaggio come banale o banale. Meglio ancora, presenta loro il temuto "muro di testo", in cui ogni parola è nello stesso carattere e ogni riga è giustificata. Probabilmente hanno avuto difficoltà a leggere il primo paragrafo, anche se l'argomento è qualcosa a cui sono veramente interessati.

Piccole modifiche al carattere e alle dimensioni, al layout e al colore possono fare un'enorme differenza nella leggibilità di un articolo, aiutando a enfatizzare i punti chiave del tuo messaggio e i tuoi lettori apprezzeranno il tuo sforzo.

La tipografia mantiene intatta la coerenza del tuo sito web

La tipografia è il collante che lega insieme i diversi elementi del tuo sito web.

I visitatori del tuo sito web cercano coerenza; e questo non significa necessariamente un aspetto generico, tagliabiscotti per il tuo sito Web che lo faccia sembrare come quello di tutti gli altri. Gli elementi devono funzionare bene tra loro internamente, dalla parte superiore della pagina fino ai pulsanti di invito all'azione. I motori di ricerca tendono a favorire i contenuti ben presentati e le prestazioni del tuo sito Web su Analytics rifletteranno la coerenza. Inoltre, i tuoi utenti dovrebbero essere in grado di trovare ciò che stanno cercando e non dover passare diversi minuti a vagare per il tuo sito Web, frustrandosi ad ogni passo.

La tipografia può rafforzare l'uniformità del tuo sito o rivelarne la mancanza e i tuoi tassi di conversione saranno indicativi dell'esperienza utente che i tuoi lettori hanno quando visitano.

Come far funzionare la tipografia per te

Caratteri, caratteri tipografici e loro variazioni

È importante conoscere i tipi di caratteri tipografici che hai a disposizione, o almeno avere familiarità con quelli con cui vuoi lavorare. I caratteri sono disponibili in un'ampia varietà di variazioni e alcune differenze sono sottili. Ma queste sfumature possono avere un impatto sulla presentazione, quindi conosci le tue opzioni mentre sviluppi la personalità e la presenza del tuo sito web.

Migliaia di caratteri in una manciata di categorie

Puoi passare ore, giorni o addirittura settimane alla ricerca di caratteri da utilizzare e non essere ancora sicuro di aver trovato quello che stai cercando. Per fortuna, i caratteri sono facilmente classificati in categorie ordinate con poca sovrapposizione.

1. Serif : Un serif è una leggera proiezione alla fine di un tratto, solitamente visibile in basso, ma anche in alto o ai bordi delle lettere all'estrema destra o sinistra. Ad esempio, le lettere minuscole "m" o "n" di questi caratteri sembrano avere "piedi". Esempi di caratteri serif includono Times, Baskerville e Cambria.
2. Sans Serif : questi caratteri non hanno tratti terminali o "piedi" su di essi. Hanno un aspetto pulito, aerodinamico o minimalista, ma a volte sono più difficili da leggere a dimensioni più piccole. Esempi di questi tipi di carattere includono Arial, Helvetica e Calibri.
3. Script : questi caratteri decorativi sono popolari per il loro aspetto elegante e si trovano spesso su partecipazioni di nozze, certificati e documenti simili. Per usarli in modo efficace, usali con parsimonia, con molto spazio e di dimensioni sufficientemente grandi da apprezzarne la maestria.
4. Display : questo tipo di carattere è spesso presente su locandine di film, segnaletica e titoli di giornali. Simile ai caratteri di script, usali solo per enfatizzare, poiché troppo può essere opprimente.
5. Scritte a mano : come suggerisce il nome, questi caratteri hanno un aspetto reso a mano, simulando la scrittura a mano di un bambino; o lo scarabocchio informale e frettoloso su una lavagna. Il vantaggio di questi caratteri è che portano un elemento umano che altrimenti manca nelle altre categorie.

Il contenuto leggibile viene letto

La leggibilità ha una serie di fattori. A parte il contenuto stesso, considera tutti gli elementi della tipografia, in particolare l'uso dello spazio. La crenatura e il tracciamento possono fare un'enorme differenza nella capacità di eseguire la scansione del corpo del testo.

Dai al tuo contenuto scritto molto spazio per respirare, aggiungendo una distanza sufficiente tra singole lettere, parole, righe e sezioni per essere in grado di elaborare le unità in modo significativo.

Mantieni la lunghezza della riga tra 50 e 75 caratteri per riga. Ciò significa utilizzare da 10 a 15 parole, indipendentemente dal fatto che le righe siano giustificate o meno.

Selezione del carattere

I caratteri che scegli per il tuo progetto, che si tratti del marchio di un sito Web, di un singolo prodotto, di una linea di prodotti o di un'intera azienda, possono influenzare e indirizzare i comportamenti del tuo pubblico a supportare o respingere del tutto il progetto. Assicurati di considerare l'impatto delle tue scelte su come invitano il tuo pubblico ad agire.

Questo diventa sempre più importante se il tuo marchio ha un'identità consolidata e il tuo pubblico può riconoscere il tuo marchio semplicemente dai caratteri utilizzati nel tuo marchio. Cambiare le cose può avere un impatto negativo sul tuo pubblico, da una perdita di fiducia nel tuo marchio o dal sospetto che la qualità del tuo prodotto sia cambiata in peggio.

Padroneggiare le sottigliezze

La tipografia conferisce carattere e significato semplicemente aggiungendo variabilità nell'aspetto. Trovare caratteri tipografici con il giusto equilibrio di personalità può essere molto difficile. I segnali visivi e le caratteristiche del carattere aggiungono elementi di emozione, tono e fascino che possono oscurare le parole reali.

Quando lavori con un grafico per sviluppare il tuo sito web o il tuo marchio, assicurati di chiedere loro perché hanno scelto determinati font per il tuo progetto. I bravi designer sarebbero molto accomodanti nello spiegare le loro scelte e puoi anche ottenere un'idea delle loro linee di pensiero.

Conclusione: trova ciò che funziona (e attieniti ad esso)

Può richiedere molto tempo e sforzi per stabilire una tipografia che funzioni per il tuo sito Web e potresti commettere degli errori lungo il percorso. Ogni giorno vengono creati e rilasciati nuovi caratteri e caratteri tipografici e i layout e i temi attualmente in vigore diventeranno obsoleti e obsoleti. Ma una volta trovato ciò che funziona per te, mantienilo e osserva le conversioni aumentare.