E-Store Web Design: creare un caso per la tipografia

Caricamento veloce? Controllato! Navigazione semplice? Controllato! Pulsanti di invito all’azione persuasivi? Controllato! Immagini di prodotti di alta qualità? Controllato! Potente contenuto del prodotto? Controllato! Processo di pagamento sicuro? Controllato!

Tipografia? Veramente?! La tipografia è importante? – Una domanda che si presenterebbe nella testa di molti imprenditori di e-commerce che sono pronti a lanciare il loro negozio online.

La risposta è "SÌ" e questo articolo te lo dimostrerà!

Idealmente, i nuovi imprenditori di e-store sono pieni di zelo ed entusiasmo per convertire il loro negozio di mattoni e malta in un redditizio business online. Nella loro fretta di vedere i loro siti web online, molti di questi imprenditori potrebbero concentrarsi solo su domande sempre più ampie; ignorando alcuni elementi di design piccoli ma di grande impatto come la tipografia.

Ma il fatto è che la tipografia è uno degli elementi più essenziali del web design che, se ignorato, può avere un impatto negativo sui ricavi.

Quindi, passiamo al nocciolo della tipografia per comprenderne l’importanza e l’impatto sulle vendite dell’e-store:

Tipografia: cos’è esattamente?

Ecco la definizione Wiki :

“La tipografia è l’arte e la tecnica di organizzare i caratteri per rendere il linguaggio scritto leggibile, leggibile e accattivante quando visualizzato. La disposizione del testo comporta la selezione di caratteri tipografici, dimensioni dei punti, lunghezze delle linee, interlinea (interlinea) e spaziatura tra le lettere (tracciamento) e la regolazione dello spazio tra le coppie di lettere (crenatura)."

Impatto della tipografia sull’esperienza dell’utente

La tipografia parla ai tuoi visitatori.

Le persone guardano la tua home page nel suo complesso, scansionando il testo, il tipo di carattere, la dimensione delle lettere e la lunghezza delle righe. Ora, se non trovano leggibile il tuo contenuto, lasceranno immediatamente il sito e passeranno al sito del tuo concorrente. Questa non è una decisione consapevole. Ma il design del sito Web (che include tipo, dimensione del carattere, colore e spazi bianchi) li spinge a farlo.

C’è stato uno studio di ricerca che dimostra il fatto che i caratteri tipografici hanno un grande impatto sul modo in cui elaboriamo le informazioni. Uno studio è stato condotto dal regista di documentari vincitore dell’Oscar Errol Morris e intitolato "Sei un ottimista o un pessimista?" In questo interessante studio, ha scoperto che è più probabile che i lettori si fidino di un’affermazione se è stata scritta in carattere Baskerville piuttosto che presentata in qualsiasi altro carattere come Georgia, Comic Sans, Computer Modern, Helvetica o Trebuchet.

È chiaramente evidente da questo studio che semplicemente avere pagine ricche di parole chiave o contenuti di qualità (descrizione del prodotto, immagini del prodotto e video del prodotto) non è sufficiente per generare vendite; ma è altrettanto importante avere il giusto tipo e dimensione del carattere sul tuo web-store.

La selezione della giusta tipografia fornirà un’esperienza utente eccezionale ai tuoi visitatori. Ti aiuterà a mantenere a lungo l’attenzione del visitatore; assicurando che i visitatori si concentrino completamente sui prodotti/servizi che offri. Un’attenzione focalizzata ti aiuterà a incrementare le tue vendite.

Impatto della tipografia sulle classifiche di Google

L’algoritmo di ranking della ricerca di Google considera quasi 200 segnali per classificare un sito web. La tipografia, al momento, non ha guadagnato un posto in questo elenco di fattori di ranking. Quindi, scegliere il carattere tipografico e la dimensione del carattere corretti non ti aiuterà direttamente a posizionarti in alto nelle SERP.

Tuttavia, tutti i web designer di e-store sono ben consapevoli del fatto che fornire una buona esperienza utente ai visitatori li aiuterà a posizionarsi più in alto su Google rispetto ai siti Web che offrono una scarsa esperienza web. È stato chiaro dal punto di cui sopra che la tipografia svolge un ruolo importante nel fornire una buona esperienza utente agli utenti. Quindi, l’equazione ora è:

Ecco Steve Jobs affronta la tipografia

Questo è ciò che Steve Jobs, giustamente noto come il padrino dei font, aveva detto della tipografia in uno dei discorsi di inizio più stimolanti che ha tenuto alla Stanford University:

Fattori da considerare prima di selezionare la tipografia

Ora che conosciamo l’impatto della tipografia sui tassi di conversione, approfondiamo per capire come puoi prendere decisioni relative alla tipografia:

Non esiste un’unica formula per la tipografia che possa funzionare per tutti gli e-store. Dipende da alcuni fattori critici come il pubblico di destinazione, l’immagine del tuo marchio, il settore in cui rientra la tua attività, che si tratti di un’azienda B2B o B2C, i prodotti/servizi che desideri vendere e il messaggio che desideri trasmettere ai tuoi visitatori. La valutazione critica di tutti questi fattori ti aiuterà a selezionare la giusta tipografia per la tua azienda.

Ad esempio, un’azienda B2B deve scegliere caratteri come sans serif che li aiutino a guadagnare rispetto e fiducia nello spazio digitale. Yapstone, un fornitore di servizi di pagamento online, ad esempio, utilizza il carattere tipografico Gotham che conferisce al marchio un’immagine degna di fiducia. Gotham è stato persino utilizzato nel materiale della campagna per Barack Obama nelle elezioni presidenziali del 2008.

Fonte: Yapstone.com

D’altra parte, un e-store che vende articoli per bambini come vestiti o giocattoli deve optare per caratteri che diano una sensazione giocosa e divertente. Dai un’occhiata a come childrensplace riesce a conquistare i nostri cuori con la sua tipografia:

Fonte: Childrensplace.com

Un altro fattore importante che deve essere preso in considerazione è il pubblico mobile. Poiché sempre più persone stanno passando all’m-commerce, è necessario tenere presente il pubblico mobile prima di concentrarsi sulla tipografia.

In breve, dopo aver analizzato a fondo i fattori sopra menzionati, scegli la tipografia che si adatta giustamente alla tua immagine di marca.

Elementi di tipografia

È chiaro che la tipografia migliora l’esperienza del tuo visitatore. Ho dettagliato qui alcuni elementi di tipografia per migliorare le classifiche organiche e l’esperienza utente del tuo sito:

Colore:

Il colore è uno degli elementi più importanti della tipografia. Il colore giusto attira l’attenzione dei visitatori e, allo stesso tempo, i colori scadenti sulla home page aumenteranno la frequenza di rimbalzo del tuo sito.

Molti siti Web popolari come Skype, WordPress, Twitter, LinkedIn utilizzano il colore blu sulla loro home page. Uno dei motivi principali alla base di questo è che il colore blu simboleggia l’affidabilità e l’onestà. È quindi fondamentale che i web designer abbiano una profonda comprensione della psicologia del colore e del suo impatto sulle conversioni e-commerce. In un esperimento, Monetate ha scoperto che i CTA blu superano del 9% i CTA arancioni.

Fonte: Monetate.com

Tuttavia, abbiamo visto Amazon, il più grande rivenditore di e-commerce al mondo, avere CTA arancioni sulle pagine dei prodotti. Pertanto, è consigliabile non fare esperimenti generalizzati e scegliere il colore migliore che funzioni per l’immagine del tuo marchio e per convertire.

Lunghezza della riga e interlinea:

Le linee troppo lunghe o troppo corte non sembreranno esteticamente gradevoli. La lunghezza media della riga è di 45-90 caratteri, inclusi gli spazi.

L’interlinea è la distanza tra due righe di testo. L’interlinea consigliata è compresa tra il 120% e il 145% della dimensione del carattere.

Spazio bianco:

Gli spazi bianchi danno un aspetto elegante al layout del tuo sito web. Una pagina del prodotto ingombra di tutte le informazioni sul prodotto come la descrizione del prodotto, le immagini, i video e gli inviti all’azione convertirà meno rispetto a una pagina del prodotto con informazioni sul prodotto riordinate. Inoltre, consente agli acquirenti online di trovare facilmente le informazioni desiderate sul prodotto.

Fai un uso appropriato degli spazi bianchi per rendere visivamente sbalorditive le pagine dei tuoi prodotti.

Dimensione e tipo di carattere:

I caratteri svolgono un ruolo importante nella leggibilità del contenuto. I caratteri tipografici difficili da leggere allontaneranno i tuoi visitatori. In alternativa, i caratteri tipografici giusti convinceranno i visitatori a intraprendere l’azione desiderata.

Scegli quello leggibile, compatibile con tutti i browser e le dimensioni dello schermo e quello che meglio si adatta all’immagine del tuo marchio. Non utilizzare più di 2 caratteri tipografici. Seleziona un carattere tipografico per le intestazioni e un altro per la descrizione del prodotto.

I caratteri piccoli o minuscoli consumano più tempo nella lettura e quindi possono allontanare immediatamente i visitatori del sito web. Quindi, assicurati che la dimensione del carattere sia abbastanza grande da consentire ai visitatori del Web di leggere facilmente il contenuto.

Sebbene non esista una dimensione del carattere o un carattere tipografico ideale per i progetti di e-commerce, la regola pratica è selezionare quello che lo rende leggibile, si adatta all’immagine del tuo marchio ed è conforme ai prodotti che stai vendendo.

Ad esempio, dai seguenti 3 caratteri tipografici, quale pensi che darà l’impressione di affidabilità e affidabilità per un negozio medico online?

Non è difficile indovinare che i web designer di e-store medici opteranno per il carattere Arial.

Valuta le tue prestazioni tipografiche

Hai impostato il carattere tipografico, la dimensione del carattere, i colori dei tuoi CTA e tutti gli altri elementi di design della tua tipografia. Ma funziona per il tuo sito di e-commerce?

Il modo migliore per sapere se la tipografia selezionata funziona o meno per il tuo e-store, è eseguire alcuni test divisi A/B. Molti proprietari di negozi di e-store affermano di non avere il tempo di eseguire test tipografici. Non è come dire: “Non ho tempo di fermarmi per fare benzina perché sono impegnato a guidare"? (Analogia tratta dal bestseller di Robin Sharma – ‘Un monaco che ha venduto la sua Ferrari’) Alla fine ne pagherai il prezzo; e le metriche interessate sarebbero: conteggio dei visitatori, frequenza di rimbalzo e tasso di conversione.

D’altra parte, il test ti consentirà di sapere se la scelta dei colori, del tipo di carattere, della dimensione del carattere, dei caratteri tipografici e degli spazi bianchi sta avendo o meno l’effetto desiderato sulle tue vendite. Sperimenta e scopri cosa funziona meglio per il tuo pubblico di destinazione!

Avvolgendolo

La tipografia è un ingrediente chiave nella ricetta del web design e-commerce. Un imprenditore di e-commerce che ha speso migliaia di dollari per assumere una costosa agenzia di sviluppo per sviluppare una piattaforma di e-commerce all’avanguardia potrebbe veder fallire il suo avvio di e-commerce se questo elemento di progettazione di base e cruciale viene ignorato.

Deve essere abbastanza semplice da essere leggibile e allo stesso tempo abbastanza convincente da convincere il pubblico target a navigare e rimanere più a lungo sul sito web.

Una tipografia solida costruirà una forte identità del marchio, attirerà nuovi visitatori e invoglierà i clienti a visitare nuovamente il tuo sito; aumentando così le vendite e i profitti per la tua attività.

Stai inviando il messaggio giusto ai tuoi potenziali clienti con la tipografia? Quali caratteri tipografici stai utilizzando per la tua attività per ottenere il massimo delle conversioni? Condividi le tue idee o domande con noi nei commenti qui sotto.