Utilizarea textului pentru a crește numărul de conversii – Cum tipografia în designul web vă poate crește vânzările

Nodul sursă: 1091927

În calitate de agent de marketing digital, conversia este unul dintre principalele lucruri pe care le vei urmări în campaniile tale. Probabil că vă întrebați despre multe moduri diferite cum să optimizați conversiile pe o anumită pagină. Dar, există un lucru care este adesea trecut cu vederea de mulți așa-numiți hackeri de creștere și acesta este folosind text pentru a crește conversiile.

Da, ai auzit bine! Copierea textului este coloana vertebrală a oricărei strategii de marketing de conținut. Este forma de conținut pe care o vedeți cel mai mult pe Web, dar este, de asemenea, strâns legată de atractivitatea vizuală. La urma urmei, dacă textul nu arată bine, cum vă așteptați ca pagina respectivă să convertească așa cum doriți?

În această postare, vom trece prin tipografie, elementele sale principale și cum puteți utilizați o tipografie eficientă pentru a vă crește vânzările pe termen lung!

Ce este tipografia?

Înainte de a descoperi cum funcționează utilizarea textului pentru a crește conversiile, trebuie să aflăm ce este tipografia. Pentru a menține lucrurile simple, puteți considera tipografia drept un punct de întâlnire între artă și text.

Tipografia a fost introdusă în cea mai mare parte a lumii vii la mijlocul secolului al XV-lea de către Johannes Gutenberg și tipul său mobil. În lumea computerelor, tipografia a început să devină relevantă datorită lui Steve Jobs și a primului său Mac.

Când internetul a fost introdus în lume, importanța tipografiei a explodat. A devenit una dintre cele mai importante componente de web design ajutați site-ul dvs. să iasă în evidență către potențialii utilizatori.

Cele mai importante elemente ale tipografiei

Mulți oameni încă confundă tipografia și fonturile, ceea ce este o apariție destul de comună. În această secțiune care extinde definiția tipografiei, vom descompune cele șase elemente esențiale ale tipografiei:

  • Font - Majoritatea oamenilor confundă fonturile cu fonturile, chiar dacă acestea nu sunt aceleași lucruri. Considerați tiparele ca fiind familia care formează caractere, litere și numere individuale cu același design. Arial, Times New Roman și Comic Sans sunt fonturi și nu fonturi, așa cum ar crede mulți.
  • Font - Deci, dacă fontul este o familie, fonturile sunt membrii familiei. Pentru a spune mai exact, un font este un stil de tipare care are o anumită dimensiune, greutate și lățime. De exemplu, Arial este un tip de literă; iar 16pt Arial Bold este un font. Practic, fonturile sunt modul în care oferiți o anumită formă de artă numită tip de literă.
  • Lungimea liniei - Aceasta este o distanță ocupată de textul situat între marginile din dreapta și din stânga pe aceeași linie. În mod ideal, nu doriți ca lungimea liniei să fie prea scurtă sau prea lungă, deoarece poate face citirea conținutului mult mai incomodă decât doriți.
  • Conducere - Aceasta este distanța verticală dintre fiecare linie de text. În cele mai multe cazuri, doriți să creșteți liderul pentru a fi mai ușor de înțeles pentru utilizatori.
  • Kerning – Acesta este spațiul alb dintre fiecare caracter sau literă. De obicei, kerningul este cel mai bine lăsat la valorile implicite, dar o puteți personaliza în continuare pentru a testa ceea ce funcționează cel mai bine pentru site-ul dvs.
  • Urmărire – Acest element de tipare este cunoscut și sub numele de spațiere între litere și se aplică unei anumite cantități de caractere și litere.

De ce este importantă tipografia pentru web design?

Primele impresii sunt importante în viața noastră personală, la fel și în lumea web. Cercetarea efectuată de Taylor & Francis Online a concluzionat că durează .05 secunde pentru ca utilizatorii să își formeze o opinie despre un anumit site web.

Tipografia este esențială, deoarece este una dintre componentele de bază ale designului dvs. web. Gândește-te bine: dacă oamenii nu pot citi textul de pe site-ul tău, deoarece cuvintele sunt prea apropiate sau dimensiunea textului este prea mică, atunci cel mai probabil vor lăsa site-ul tău nesatisfăcut.

Când utilizați o tipografie slabă pe site-ul dvs. web, este cel mai probabil ca rata de conversie să scadă și este ultimul lucru de care aveți nevoie. Chiar dacă clienții dvs. potențiali rămân pe site-ul dvs. care utilizează o tipografie slabă, cel mai probabil nu își vor aminti mesajul pe care ați vrut să le transmiteți, ci lupta pe care a avut-o pentru a vă citi mesajul.

Din motivele de mai sus, folosind o tipografie eficientă pentru a stimula conversiile este esențial. Cu o tipografie eficientă, puteți optimiza procesul din spatele înțelegerii informațiilor pe care le afișați pe site-ul dvs. web. Dacă formatați frumos textul de pe site-ul dvs., tot accentul va fi pus pe conținut și nu pe lupta de a înțelege acel conținut.

As majoritatea oamenilor scanează prin conținut web, folosirea textului și ghidarea utilizatorilor cu o tipografie adecvată până la punctul de acțiune este modalitatea corectă de a crește numărul de conversii!

Sfaturi utile pentru utilizarea textului pentru a crește numărul de conversii

Acum că ați învățat mai multe despre tipografie și cum vă ajută să vă scoateți în evidență conținutul web, iată câteva sfaturi despre cum să o utilizați pentru a stimula creșterea site-ului dvs!

Ține cont de dimensiunea fontului!

statistică-citire-dimensiune-font

Imagine Sursa: Poarta de cercetare

Dimensiunea fontului este esențială pentru a vă păstra utilizatorii și pentru a crește în continuare ratele de conversie! Da, creierul nostru într-adevăr procesează imaginile de zeci de mii de ori mai repede decât textul, așa că orice modalitate de a îmbunătăți timpul procesiunii prin text este binevenită!

Luați, de exemplu, un studiu de urmărire vizuală a modului în care dimensiunea și tipul fontului influențează lectura online. Folosind fonturi mai mari, textul general de pe site-uri web tinde să fie citit mult mai rapid.

Așadar, dacă aveți un site web bogat în text, nu vă chinuiți utilizatorii – măriți dimensiunea fontului! Da, fiecare font este diferit, dar aici există un consens în spatele dimensiunilor fonturilor pentru site-urile web cu text greoi:

  • 16px – este minimul pentru paginile grele de text, așa că nu treceți sub acest număr! Practic, această dimensiune a fontului este dimensiunea pe care browserele au fost destinate să o afișeze în mod implicit, deci nu este o idee de ce acesta este un minim.
  • 18px – aceasta este dimensiunea medie de aur a fontului pentru paginile grele de text, ceea ce face ca oamenii să-și obosească mai puțin ochii atunci când se uită pe monitor.
  • 20px și mai mult - chiar dacă la început s-ar putea simți prea mare, unele site-uri web funcționează și mai bine cu o astfel de dimensiune a fontului. Lua Mediu, de exemplu. Folosesc o dimensiune de font de 21 px pentru a face milioanele de povești mai lizibile pentru un public mai larg.

În plus, dimensiunile mai mari ale fontului tind să producă conexiuni emoționale mai puternice. Poate că acesta este pasul pe care trebuie să-l faceți pentru a-i determina pe utilizatori să facă clic pe acel buton CTA care are ca rezultat o conversie?

Nu folosiți în exces stilurile de font!

aldin-italic-subliniat-exemple-font

Imagine Sursa: Tealfeed

Stilurile de font includ, în general: îndrăzneţ, cursiv, și subliniază. Puteți folosi aceste trei pentru a sublinia anumite cuvinte sau propoziții. Cu toate acestea, ar trebui să evitați să le folosiți în exces, deoarece aceasta este una dintre cele mai frecvente greșeli de editare pe care le vedem pe tot conținutul Web.

Nu folosiți în exces stilurile de font peste paragrafe întregi. În schimb, folosiți-le pentru a sublinia cuvintele care doriți să rezoneze cel mai mult cu utilizatorii dvs. Nu doriți să vă puneți într-o situație în care folosiți textul pentru a crește conversiile în mod necorespunzător.

Ajustați distanța dintre linii în consecință!

Vorbim despre conducere aici. Acesta este un lucru atât de mic, dar este imperativ atunci când vine vorba de utilizarea textului pentru a crește conversiile. Când aveți o audiență cu vedere parțială, aceasta poate întâmpina dificultăți în găsirea începutului următorului rând de text.

De aceea, este o practică obișnuită să vă distanțați liniile cel puțin 25 până la 30% din dimensiunea fontului dvs. Atunci când faceți acest lucru, vă veți face textul ușor de citit pentru aproape toți cititorii!

De asemenea, ar trebui să fii mereu atent adăugați suficient spațiu între paragrafe. Practic, doriți să grupați paragrafele pentru a se alinia cu mesajul pe care doriți să-l transmiteți în câteva propoziții. Așa, conținutul tău va fi mai lizibil către publicul dumneavoastră țintă.

De asemenea, doriți să acordați atenție ierarhie vizuală de tipul dvs. Acest lucru se poate face fie prin setarea corectă a etichetelor de antet, dar asta nu este tot ce puteți face. Una dintre cele mai bune moduri de a utiliza corect ierarhia vizuală este de a mări cele mai importante mesaje pe care le acoperă textul. În cele din urmă, doriți să ghidați utilizatorii astfel încât să poată citi informațiile într-o anumită ordine care are sens. Acest lucru va da mai mult sens conținutului dvs. general.

Alături de toate cele menționate mai sus, utilizați spațiul alb pentru a pune accentul pe domeniile pe care doriți să le subliniați audienței dvs. Astfel, vei permite designului tău să respire și vei oferi context locurilor în care este cel mai necesar.

Evitați liniile văduve, cuvintele orfane și silabe

Văduvele și orfanii sunt termeni destul de obișnuiți în compoziții. Sunt foarte asemănătoare ca natură, dar mulți oameni le confundă unul pentru celălalt. văduvele indicați o linie de text de sfârșit de paragraf care se află singur la începutul paginii. Orfan este o linie de deschidere a unui paragraf care se află la sfârșitul unei anumite pagini. Ambele pot rupe lizibilitatea textului, în special în designul web.

Ei bine, rezolvarea acestor două probleme nu este atât de dificilă și totul vine la sfatul de mai sus. Puteți fie să rescrieți un paragraf pentru a se potrivi în imaginea de ansamblu, fie să ajustați interceptarea și spațierea pentru a crea paragrafe mai strânse.

De asemenea, separarea în silabe este o apariție destul de comună în designul web și poate face sau sparge întreaga tipografie de pe site-ul dvs. Practic, separarea în silabe este folosirea unei liniuțe pentru a împărți un cuvânt (de exemplu: prietenos cu câinii). Când devine o problemă, este în situațiile în care trebuie să folosiți o liniuță pentru a rupe cuvântul de la sfârșitul rândului. În loc să faceți asta, trageți cuvântul dat într-o nouă linie, astfel încât să nu rupeți complet lizibilitatea!

Nu treceți cu vederea alinierea textului!

Aliniere text este adesea trecută cu vederea atunci când vine vorba de text în web design. Dar, dacă o faci corect, face minuni când vine vorba de procesarea informațiilor. Iată câteva sfaturi de urmat atunci când vine vorba de alinierea textului în design web:

  • Evitați centrarea paragrafelor. În timp ce unii ar susține că centrarea paragrafelor întregi poate părea mai artistică, ceea ce fac ei este complet opusul. Deoarece majoritatea dintre noi, în societățile occidentale, învățăm să citim de la stânga la dreapta, este în natura noastră să călătorim până la începutul fiecărui rând. Când centrezi paragraful, este mai greu pentru creierul nostru să proceseze toate aceste informații.
  • Centrați numai atunci când doriți să subliniați un mesaj. Totuși, centrarea unui paragraf este mai mult decât binevenită atunci când scopul tău este să te concentrezi pe un anumit pasaj de text. Creează un contrast care transferă imediat mesajul către cititorii tăi. Centrarea textului este utilă și pentru anteturi și ghilimele.

Împreună cu fonturi care arată cool împreună!

Helvetica-neue-garamond-font-example

Imagine Sursa: bloc creativ

Când folosești doar unul font pe site-ul dvs., lucrurile pot deveni puțin plictisitoare. Totuși, asta nu înseamnă că ar trebui să utilizați zece tipuri diferite pe site-ul dvs. web. Simplitatea este cheia aici, dar nu vă fie frică să experimentați puțin. La urma urmei, vrei ca conținutul tău să arate cât mai atractiv posibil, nu?

Una dintre regulile atunci când vine vorba de împerecherea fonturilor pe site-uri web este să nu utilizați mai mult de două sau trei tipuri simultan. Astăzi, cu servicii precum Google Fonts, pot fi redate mai multe fonturi decât oricând. Deși acest lucru poate deveni puțin copleșitor, iată o listă a acestora 36 de perechi perfecte de fonturi sa te inspire!

Cu o mulțime de opțiuni pentru alegerea fonturilor și a fonturilor, vă puteți personaliza și mai mult textul pentru a radia cu personalitatea unică a afacerii dvs. Vrei să arăți creativ sau tradițional? Puteți face ambele tonuri și multe altele cu alegerea corectă a fontului. Nu treceți cu vederea, deoarece este una dintre cele mai bune moduri de a folosi textul pentru a crește numărul de conversii!

Aflați când să diferențiați fonturile Sans-Serif și Serif în consecință!

Strâns legate de punctul de mai sus sunt cele două tipuri principale: Sans-Serif și Serif. Unii ar argumenta pentru unul, alții pentru celălalt. Concluzia aici este că nu există nicio cercetare concretă care să sugereze că Sans-Serif este mai bun decât Serif și invers. Dar asta nu înseamnă că există anumite convenții de urmat:

  • Sans-serif este mai ușor de citit și este mai bun pentru corpul textului - când vine vorba de corpul conținutului online, fonturile sans serif funcționează cel mai bine aici. Acest lucru se datorează faptului că acest tip este simplu și necesită mai puțin timp de la utilizatorii dvs. pentru a descifra mesajul pe care încercați să îl transmiteți.
  • Serif este mai bun pentru titluri - chiar dacă Serif este mai complex decât Sans-Serif, tocmai acesta este motivul pentru care vrei să-l folosești pentru titlurile tale. Seriful este plin de caracter și vrei ca acel personaj să-ți contureze punctele principale cu conținutul online.

 

Când echilibrați aceste două tipuri, puteți crea conținut vizual interesant, care va atrage mai mulți utilizatori să vă citească întregul conținut și să realizeze conversia pe care o așteptați!

Alegeți tipul care se potrivește mesajului dvs

Oamenii într-adevăr leagă fonturi de personalități diferite, potrivit studiu realizat de Eva R. Brumberger. Majoritatea caracteristicilor tipografiei pot fi împărțite în trei categorii: direct, eleganță și prietenie.

Conform punctului de mai sus, luați în considerare ce fel de mesaj doriți să transmiteți cu site-ul și brandingul dvs. Vrei să suni profesionist sau jucăuș? Sau poate vrei să pari creativ și jucăuș? Setați fontul în consecință și veți atrage genul potrivit de oameni.

Un domeniu al afacerilor online în care acest lucru este util este e-mail marketing. Pe baza a studiu de la 2019, pentru fiecare dolar pe care îl cheltuiți pentru marketing prin e-mail, o rentabilitate medie a investiției este de 1 USD! Acesta este un număr mare și nu este de mirare că multe companii online se concentrează pe strategii de marketing prin e-mail pentru a atrage noi clienți.

Prin urmare, marketingul prin e-mail este un domeniu foarte competitiv, în care fiecare mic detaliu contează. Una dintre modalitățile grozave de a ieși în evidență pentru clienții tăi este să folosești tipografia potrivită în funcție de mesajul pe care vrei să-l trimiți!

Dar, pe măsură ce tot mai multe companii utilizează marketingul prin e-mail pentru a atrage tipul potrivit de public, scalarea este mai importantă ca niciodată. De asemenea, dacă lista dvs. de e-mail este plină de persoane diferite, cum ar fi profesioniști și consumatori de zi cu zi, crearea manuală a șabloanelor va consuma timp în cel mai bun caz.

Din fericire, sunt zeci servicii gratuite de marketing prin e-mail care vă va ajuta să economisiți timp în sarcinile operative și vă va permite să planificați și să elaborați strategii în continuare pentru creșterea afacerii dvs.! Cele mai multe dintre acestea vor oferi șabloane de e-mail, automatizare de e-mail și raportare pentru a vă urmări campaniile de marketing prin e-mail.

Utilizați contrastul în avantajul dvs

font-contrast-exemplu

Imagine Sursa: 3.7 Designs

De ce crezi că semnele rutiere sunt atât de vizibile pentru toți oamenii? Se evidențiază de restul mediului, făcându-ne să presupunem că aceste elemente sunt importante. Acesta este motivul principal pentru care ne uităm mai întâi la astfel de elemente.

Același lucru poate fi aplicat și designului web. Utilizarea textului pentru a crește conversiile poate fi uneori la fel de simplă folosind contrastul în avantajul tău. Ceea ce vrei să faci aici, practic, este să crește lizibilitatea astfel încât utilizatorii dvs păstrați mai mult conținutul dvs.

Una dintre modalitățile comune de a face acest lucru este să creați cantitatea potrivită de contrast între text și fundal. Există o dezbatere continuă între două tipuri de contrast:

  • Text alb pe fundal întunecat
  • Text negru pe fundal alb

În timp ce textul alb pe un fundal întunecat (sau „Modul întunecat”) are avantajele sale, cercetările arată că textul negru pe un fundal deschis (sau „Modul luminos”) duce la o performanță mai bună de cele mai multe ori.

Cu toate acestea, „modul întunecat” poate beneficia acei utilizatori care vă citesc conținutul în condiții de lumină scăzută. Deci, de ce să nu includeți ambele moduri de contrast al textului și să vedeți ce se întâmplă cu conversiile dvs.?

Luați în considerare vârsta utilizatorilor dvs

Potrivit lui Statista, demografia utilizatorilor de internet este următoarea:

  • 18 până în 24 - 18 la sută
  • 25 până în 34 - 32 la sută
  • 35 până în 44 - 19 la sută
  • 45 până în 54 - 14 la sută
  • 55 până în 64 - 10 la sută
  • 65 și peste - 7 la sută

Acum, luați în considerare fapt de la CDC că aproximativ 12 milioane de oameni care au 40 de ani și peste au tulburări de vedere. Practic, dacă nu optimizați textul din conținutul dvs. online pentru a fi lizibil pentru persoanele cu deficiențe de vedere, veți pierde 50% dintre utilizatorii de internet.

 

Tipografia este doar vârful aisbergului!

Desigur, utilizarea textului și a tipografiei nu vor fi singurele lucruri care vor crește conversiile în cazul dvs. Este posibil să fie nevoie să vă reutilizați complet conținutul sau să vizați cuvinte cheie mai bune pentru care vă puteți clasifica mai ușor.

Lucrul este, a fi creativ cu optimizarea conversiilor ceea ce va fi te diferențiază de concurență pe termen lung. Iar lucrul care te-ar putea deosebi este poate doar să-ți ajustezi tipografia!

Dacă nu poți să o faci singur, poți întotdeauna găsiți designeri web online pentru a vă transforma conținutul Web într-o capodopera vizuală. La urma urmei, oamenii din zilele noastre apreciază conținutul vizual mai mult decât textul pur.

Despre autor

Robert-Brandl

Pasiunea lui Robert a fost întotdeauna instrumentele web care vă fac viața mai ușoară. De aceea a fondat WebsiteToolTester, unde puteți găsi recenzii și tutoriale pentru cei mai buni creatori de site-uri web și platforme de comerț electronic din lume.

0.00 medie evaluare (0% Scor) - 0 voturi

Sursa: https://blog.2checkout.com/how-typography-in-web-design-can-boost-sales/

Timestamp-ul:

Mai mult de la Blog2 Checkout