\n Ogni imprenditore conosce l'importanza di un sito web chiaro, ben progettato e ben mantenuto. Al giorno d'oggi, se non riesci a dare ai tuoi clienti un sito web che li impressioner\u00e0 davvero, li perderai molto pi\u00f9 velocemente di quanto hai impiegato per guadagnare la loro fiducia.\n<\/p>\n
\n Sfortunatamente, la maggior parte degli imprenditori si impegna e assume designer bravi con lo sviluppo, spesso trascurano una caratteristica cruciale: il carattere tipografico.\n<\/p>\n
\n Dallo stile del carattere che usi, alla dimensione del testo che ciascuna delle tue pagine interne del sito web ha, questa \u00e8 una delle cose che sar\u00e0 il fattore decisivo se i tuoi clienti rimarranno, interagiranno e infine convertiranno.\n<\/p>\n
\n La verit\u00e0 \u00e8 che, sebbene i caratteri non sembrino cos\u00ec incisivi, hanno il potere di portare la tua attivit\u00e0 in alto o in basso. In realt\u00e0 \u00e8 semplice, se il visitatore del tuo sito web non vuole o non \u00e8 in grado di leggere il contenuto che hai pubblicato, il tuo messaggio non arriver\u00e0 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\u00e0, ma anche sull'umore, sull'esperienza dell'utente e persino sulla lunghezza percepita dell'articolo. Questo \u00e8 il motivo per cui \u00e8 essenziale che il tuo designer capisca la differenza tra la semplice creazione di un sito Web con un sacco di contenuti e lo sviluppo di uno che abbia un design piacevole e di impatto che migliori l'umore del lettore.\n<\/p>\n
\n\n “Il testo \u00e8 un bel gruppo di lettere, non un gruppo di belle lettere.”\n <\/p>\n
\n – Matteo Carter\n <\/p>\n<\/blockquote>\n
\n Quando pensi ai font, qual \u00e8 la prima cosa che ti viene in mente? Se sei come la maggior parte delle persone che non ne comprendono ancora l'importanza, probabilmente stai pensando a caratteri tipografici come Calibri, Comic Sans, Arial, Times New Roman e altri. Tuttavia, ci\u00f2 che devi sapere \u00e8 che queste sono solo le basi. Quando parli 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.\n<\/p>\n
\n In questo articolo, il nostro obiettivo non \u00e8 solo quello di parlarti dell'impatto di importanti caratteristiche dei caratteri, ma anche di darti suggerimenti pratici che puoi utilizzare per aumentare i tassi di conversione del tuo sito web. Quindi, attrezzati con una matita e un blocco note perch\u00e9 questo \u00e8 il tipo di informazioni che non vuoi perdere.\n<\/p>\n
\n Caratteri tipografici e loro impatto
\n<\/h5>\n\n Se hai letto alcuni articoli su font e tipografia, sai che ci sono diversi caratteri tipografici ritenuti degni di essere pubblicati online. Mentre alcuni concordano sul fatto che la Georgia porti il \u200b\u200bmaggior numero di risultati, altri pensano che Baskerville porti a casa la gloria della vittoria. Ma prima di iniziare a parlarne, discutiamo dell'impatto complessivo dei caratteri tipografici sul marchio del tuo sito. Ecco la cosa; se il tuo contenuto \u00e8 difficile da leggere perch\u00e9 le lettere sono troppo vicine tra loro o la dimensione \u00e8 troppo piccola, allora se ne andranno immediatamente o proveranno a leggere per qualche secondo in pi\u00f9 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, ricorderanno che ci hanno messo troppo tempo e finirai per perderli.\n<\/p>\n
\n I caratteri tipografici che scegli per il tuo sito Web sono fondamentali perch\u00e9 renderanno l'intero processo di lettura, comprensione e comprensione del tuo messaggio senza sforzo. Se selezioni un carattere che concorda con i tuoi lettori, la loro attenzione rimarr\u00e0 sulle informazioni che stai fornendo e non sul tempo impiegato per leggerle.\n<\/p>\n
\n Suggerimento pratico:<\/strong> non tutti i font funzioneranno per tutti i siti web. I caratteri hanno personalit\u00e0 diverse e quello che decidi dipende interamente dalla tua attivit\u00e0, dal tipo di clienti a cui ti rivolgi e dal messaggio che vuoi rappresentare. 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\u00e0 del tempo, ma ne varr\u00e0 la pena quando vedrai aumentare i tassi di conversione.\n<\/p>\n
\n Dimensioni dei caratteri e loro impatto
\n<\/h5>\n\n Quando parli della dimensione del tuo carattere, una delle preoccupazioni principali che dovresti avere \u00e8 quella della leggibilit\u00e0. La leggibilit\u00e0 diventa molto pi\u00f9 importante perch\u00e9 vuoi assicurarti che il tuo messaggio arrivi. Anche se la tua scelta del carattere non \u00e8 perfetta, la dimensione corretta ti salver\u00e0 perch\u00e9 almeno il visitatore non avr\u00e0 bisogno di affaticare gli occhi per leggere il contenuto che stai presentando. Se hai la giusta dimensione del carattere, i tuoi clienti saranno molto pi\u00f9 propensi a 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\u00e0 un effetto positivo e questo a sua volta aumenter\u00e0 la reputazione della tua azienda.\n<\/p>\n
\n Suggerimento pratico:<\/strong> la dimensione in cui scegli il carattere da presentare dipende dal contesto di progettazione del sito web. Mentre un biglietto da visita pu\u00f2 richiedere dimensioni molto ridotte, un poster per eventi ne richieder\u00e0 uno molto pi\u00f9 grande. Ma poich\u00e9 stiamo parlando specificamente del design del sito web, dovrai considerare se stai pubblicando per dispositivi mobili o schermi generici. Come regola generale, gli esperti consigliano di utilizzare da 10px a 14px per il contenuto del corpo e da 16px a 20px per intestazioni o titoli. Per ottenere i migliori risultati, puoi eseguire un controllo pratico sulle dimensioni che ti sembrano giuste e quindi adattarle di conseguenza se non sembrano funzionare bene. Inoltre, se ti rivolgi a dimensioni dello schermo diverse (cosa che dovresti), assicurati che anche il carattere funzioni bene quando le dimensioni vengono ridotte sui dispositivi mobili.\n<\/p>\n
\n Colore dei caratteri e il tuo sito web
\n<\/h5>\n\n 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 presentato. Ora, anche se il colore del carattere potrebbe non sembrare un grosso problema, \u00e8 qualcosa che ha un grande impatto, specialmente se hai un sito Web particolarmente allegro. La psicologia del colore \u00e8 un'intera area di studio e puoi imparare molto da essa. Tuttavia, quando implementi il \u200b\u200bcolore, specialmente nei caratteri, ricorda di non esagerare perch\u00e9 finir\u00e0 per sembrare divertente. I colori che scegli non dovrebbero solo esaltare i valori fondamentali della tua attivit\u00e0, ma anche dare una spinta alla personalit\u00e0 sottostante con cui i clienti si connettono. Se finisci per scegliere il colore sbagliato per il tuo carattere, funzioneranno contro di te e contro la tua attivit\u00e0.\n<\/p>\n
\n Un'altra caratteristica degna di nota qui \u00e8 il contrasto. Il contrasto del testo o della pagina \u00e8 la differenza di oscurit\u00e0 presente tra lo sfondo e il testo. Sebbene tu non voglia utilizzare 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\u00e0.\n<\/p>\n
\n Consiglio pratico:<\/strong> 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\u00e0 stati integrati nel tuo marchio e nel suo logo. Ad esempio, quando pensi a Coca-Cola, probabilmente evochi il caratteristico carattere riccio insieme al colore rosso. Quando si sceglie il colore, gli esperti consigliano di pensarlo come colorare una stanza della propria casa. Se vuoi che i tuoi visitatori si sentano caldi e a loro agio mentre leggono il blog, usa rossi e arancioni spenti perch\u00e9 hanno lo scopo di rilassare e calmare i sensi. Ma ancora una volta, ricorda di non esagerare perch\u00e9 la maggior parte dei contenuti sembra buona e leggibile in nero, a seconda del colore di sfondo.\n<\/p>\n
\n Caratteri di intestazione e cosa dovresti sapere
\n<\/h5>\n\n I titoli che usi per i tuoi contenuti sono estremamente cruciali non solo in termini di parole effettive, ma anche di come vengono presentati. Diverse ricerche hanno dimostrato che, a meno che tu non usi titoli accattivanti e che attirino l'attenzione, i tuoi visitatori andranno avanti e cercheranno qualcosa di un po' pi\u00f9 interessante da leggere. Esistono schemi 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 del tuo visitatore con l'intestazione, le sue possibilit\u00e0 di lettura diminuiranno ulteriormente. Ora tieni presente che sia il carattere che il colore che usi per la tua intestazione decideranno se il tuo visitatore vorr\u00e0 o meno leggerlo. Quindi, anche se non vuoi iniziare a usare Comic Sans semplicemente per attirare l'attenzione, dovresti mantenerlo leggibile.\n<\/p>\n
\n Suggerimento pratico:<\/strong> se stai accoppiando i caratteri (usandone uno per il titolo e l'altro per il contenuto principale), assicurati che abbiano un bell'aspetto insieme. L'associazione a volte pu\u00f2 essere complicata perch\u00e9 \u00e8 necessario assicurarsi che la maggior parte degli elementi dei caratteri corrisponda in modo che non sembrino molto diversi l'uno dall'altro. In tal caso, il carattere del titolo deve integrare il testo del corpo. D'altra parte, se utilizzi lo stesso carattere tipografico, puoi sperimentare dimensioni e interlinea diverse per migliorare l'intestazione. Lo stesso carattere tipografico non solo fornir\u00e0 armonia visiva per il tuo lettore, ma ridurr\u00e0 anche il numero di caratteri che devono essere caricati, aumentando cos\u00ec il tempo di caricamento e le prestazioni complessive.\n<\/p>\n
\n Lunghezza della linea e sua importanza
\n<\/h5>\n\n La maggior parte delle persone che realizzano un sito Web considereranno il carattere, le dimensioni, il colore e il contrasto del testo utilizzato. Tuttavia, ci\u00f2 che perdono \u00e8 la lunghezza della linea. La lunghezza della riga \u00e8 responsabile dell'aumento o della diminuzione della leggibilit\u00e0 complessiva e si riferisce al numero di parole o caratteri presenti in ciascuna riga orizzontale. Ci\u00f2 che influisce sulla leggibilit\u00e0 \u00e8 la brevit\u00e0 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\u00e0 la loro lettura in quanto richieder\u00e0 molto sforzo. Se invece le righe sono troppo corte, il flusso delle frasi si interromper\u00e0 e il visitatore finir\u00e0 per perdere interesse.\n<\/p>\n
\n Suggerimento pratico:<\/strong> una teoria proposta dall'Usability Institute Baymard \u00e8 che dovresti scegliere un font che utilizzi 50-75 caratteri (spazi inclusi) per riga in quanto ci\u00f2 garantisce una leggibilit\u00e0 ottimale. Puoi anche utilizzare il calcolatore tipografico Golden Ratio per determinare la lunghezza della linea perfetta a seconda dello schermo utilizzato per leggere il contenuto.\n<\/p>\n
\n Crenatura e perch\u00e9 \u00e8 importante
\n<\/h5>\n\n Secondo Wikipedia, “la crenatura \u00e8 il processo di regolazione della spaziatura tra i caratteri in un carattere proporzionale, solitamente per ottenere un risultato visivamente piacevole”. Se stai usando un buon carattere, sar\u00e0 ben crenato e lo spazio tra ogni coppia di caratteri sar\u00e0 simile. Se hai un designer che sta impostando il carattere tipografico in un programma di grafica come Photoshop, avr\u00e0 la possibilit\u00e0 di modificare lo spazio tra le lettere e apportare modifiche fino a quando il carattere e la crenatura non sembreranno perfetti. Non concentrarti sulla crenatura ti coster\u00e0 perch\u00e9 spesso \u00e8 la cosa pi\u00f9 importante che distingue il lavoro professionale da quello svolto da dilettanti o aspiranti designer.\n<\/p>\n
\n Suggerimento pratico:<\/strong> la quantit\u00e0 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\u00e9 la leggibilit\u00e0 aumenter\u00e0 se c'\u00e8 continuit\u00e0 spaziale tra le lettere. D'altra parte, se stai usando i caratteri che gi\u00e0 esistono, non devi preoccuparti perch\u00e9 tutti questi caratteri conterranno informazioni sulla spaziatura.\n<\/p>\n
\n Conclusione
\n<\/h4>\n\n Per gli imprenditori che desiderano migliorare il marchio del proprio sito Web e attirare pi\u00f9 clienti, un aspetto cruciale da ricordare \u00e8 utilizzare caratteri tipografici che completino la copia. Se stai facendo le cose per bene, avr\u00e0 un effetto anche sull'emozione, l'umore e l'azione del tuo lettore. Questo a sua volta render\u00e0 pi\u00f9 probabile che si convertano in un cliente fedele. Ricorda che uno dei modi migliori per testare il carattere, le sue dimensioni, il colore ecc. \u00e8 testarlo e vedere cosa portano i risultati. Inoltre, dedica all'intero processo un po' di tempo e la tua totale attenzione perch\u00e9 se vuoi la perfezione, tu dovr\u00f2 lavorare per questo.\n<\/p>\n
\n Alla fine, vi lascio con questa citazione ispiratrice di Steve Jobs, che \u00e8 il principale responsabile del motivo per cui oggi prestiamo cos\u00ec tanta attenzione ai caratteri.\n<\/p>\n
\n\n “Ho deciso di seguire un corso di calligrafia per imparare come fare (imparare la calligrafia). Ho imparato a conoscere i caratteri tipografici Serif e Sans-Serif, a variare lo spazio tra diverse combinazioni di lettere, a ci\u00f2 che rende grande la grande tipografia. \u00c8 stato bellissimo. Storico. Artisticamente sottile in un modo che la scienza non potr\u00e0 mai catturare.\n <\/p>\n
\n -Steve Jobs\n <\/p>\n<\/blockquote>\n