Szöveg használata a konverziók növelésére – Hogyan növelheti eladásait a tipográfia a webdesignban

Forrás csomópont: 1091927

Digitális marketingszakemberként a konverzió az egyik legfontosabb dolog, amelyet nyomon követni fog kampányaiban. Valószínűleg sok különféle módra kíváncsi hogyan lehet optimalizálni a konverziókat egy adott oldalon. Van azonban egy dolog, amit sok úgynevezett növekedési hacker gyakran figyelmen kívül hagy, és ez az szöveg használata a konverziók növelésére.

Igen, jól hallottad! A szövegmásolat minden tartalommarketing-stratégia gerince. Ez az a tartalom, amelyet a legtöbbször lát az interneten, de szorosan kapcsolódik a vizuális vonzerőhöz is. Végül is, ha a szöveg nem néz ki jól, hogyan várja el, hogy az oldal a kívánt módon konvertáljon?

Ebben a bejegyzésben áttekintjük a tipográfiát, annak főbb elemeit, és azt, hogy hogyan lehet Hatékony tipográfiával növelheti eladásait hosszú távon!

Mi az a tipográfia?

Mielőtt belemerülnénk abba, hogyan működik a szöveg használata a konverziók növelésére, meg kell találnunk, mi az a tipográfia. Az egyszerűség kedvéért a tipográfiát a találkozási pont művészet és szöveg között.

A tipográfiát a 15. század közepén Johannes Gutenberg és mozgatható típusa ismertette meg az élővilág nagy részével. A számítógépes világban a tipográfia fontossá vált Steve Jobsnak és első Mac-jének köszönhetően.

Amikor az internetet bemutatták a világnak, a tipográfia jelentősége robbanásszerűen megnőtt. Ez lett az egyik legfontosabb webdizájn összetevő, ahogy csak lehet segítsen webhelyének kiemelkedni a potenciális felhasználóknak.

A tipográfia legfontosabb elemei

Sokan még mindig összekeverik a tipográfiát és a betűtípusokat, ami meglehetősen gyakori jelenség. Ebben a részben, amely kibővíti a tipográfia definícióját, a tipográfia hat alapvető elemét bontjuk le:

  • betűtípus – A legtöbben összekeverik a betűtípust a betűtípusokkal, pedig ezek nem ugyanazok. Tekintsük a betűtípust olyan családnak, amely egyedi karaktereket, betűket és számokat azonos kialakítással alkot. Az Arial, a Times New Roman és a Comic Sans betűtípusok, és nem betűtípusok, ahogy azt sokan gondolják.
  • Betűtípus – Tehát, ha a betűtípus egy család, a betűtípusok a családtagok. Pontosabban fogalmazva, a betűtípus egy betűtípus, amelynek meghatározott mérete, súlya és szélessége van. Például az Arial egy betűtípus; és a 16p Arial Bold egy betűtípus. Alapvetően a betűtípusok egy adott művészeti forma, az úgynevezett betűtípus megjelenítésének módjai.
  • Vonal hossza - Ez egy olyan távolság, amelyet a szöveg a jobb és a bal margó között ugyanabban a sorban foglal el. Ideális esetben nem szeretné, ha a sor túl rövid vagy túl hosszú lenne, mivel ez a kívántnál sokkal kényelmetlenebbé teheti a tartalom olvasását.
  • Vezető – Ez az egyes szövegsorok közötti függőleges távolság. A legtöbb esetben növelni szeretné a leadet, hogy érthetőbb legyen a felhasználók számára.
  • Kerning – Ez a szóköz az egyes karakterek vagy betűk között. Általában a kerninget legjobb az alapértelmezett értékeken hagyni, de tovább szabhatja, hogy tesztelje, mi működik a legjobban webhelyén.
  • Nyomon követés – Ezt a betűtípus-elemet betűköznek is nevezik, és meghatározott mennyiségű karakterre és betűre vonatkozik.

Miért fontos a tipográfia a webdesign szempontjából?

Az első benyomás fontos a személyes életünkben, és ugyanez a helyzet a webes világban is. A Taylor & Francis Online kutatása arra a következtetésre jutott, hogy 05 másodpercet vesz igénybe hogy a felhasználók véleményt alkossanak egy adott webhelyről.

A tipográfia elengedhetetlen, mivel ez a webdizájn egyik alapvető összetevője. Gondolja csak végig: ha az emberek nem tudják elolvasni a webhelyén található szöveget, mert a szavak túl közel vannak egymáshoz, vagy a szöveg mérete túl kicsi, akkor nagy valószínűséggel elégedetlenül hagyják el webhelyét.

Ha rossz tipográfiát használ webhelyén, akkor a legvalószínűbb, hogy a konverziós arány csökkenni fog, és ez az utolsó dolog, amire szüksége van. Még akkor is, ha potenciális ügyfelei a rossz tipográfiát használó webhelyen maradnak is, nagy valószínűséggel nem az üzenetre fognak emlékezni, amelyet közvetíteni akart nekik, hanem arra a küzdelemre, amelybe beletartozott, hogy elolvassa üzenetét.

A fenti okok miatt hatékony tipográfia használatával a konverziók növelése elengedhetetlen. A hatékony tipográfiával optimalizálhatja a folyamatot a webhelyén megjelenített információk megértése mögött. Ha szépen formázza a szöveget a webhelyén, akkor a hangsúly a tartalomra kerül, nem pedig a tartalom megértésének küzdelmére.

As a legtöbben a webes tartalmakat keresik, a konverziók növelésének megfelelő módja a szöveg használata és a felhasználók megfelelő tipográfiával történő eligazítása!

Használható tippek a szöveg használatával a konverziók növelésére

Most, hogy többet tanult a tipográfiáról, és arról, hogy miként segíti elő, hogy webes tartalmai kitűnjenek, íme néhány tipp a használatához hogy növelje webhelye növekedését!

Tartsa szem előtt a betűméretet!

font-size-olvasás-statisztika

Image Source: researchgate

A betűméret a legfontosabb a felhasználók megtartása és a konverziós arány további növelése szempontjából! Igen, az agyunk valóban több tízezerszer gyorsabban dolgozza fel a képeket, mint a szöveget, így a felvonulási idő szöveggel történő javításának minden módja meleg fogadtatásban részesül!

Vegyünk például egy szemkövető tanulmány arról, hogy a betűméret és -típus hogyan befolyásolja az online olvasást. Nagyobb betűtípusok használatával a webhelyek teljes szövege sokkal gyorsabban olvasható.

Tehát, ha sok szöveget tartalmazó webhelye van, ne gyötörje felhasználóit – növelje a betűméretet! Igen, minden betűtípus más, de itt van egy konszenzus a nagy szöveget tartalmazó webhelyek betűmérete mögött:

  • 16 képpont – ez a minimum a sok szöveget tartalmazó oldalakon, ezért ne menj e szám alá! Alapvetően ez a betűméret az a méret, amelyet a böngészők alapértelmezetten megjeleníteni akartak, ezért nem észbekap, miért ez a minimum.
  • 18 képpont – ez az arany átlagos betűméret a nagy szöveget tartalmazó oldalakon, így az emberek kevésbé megerőltetik a szemüket, amikor a monitorjukba néznek.
  • 20 képpont és több - bár kezdetben túl nagynak tűnhet, egyes webhelyek még jobban teljesítenek ilyen betűméret mellett. Vesz közepes, például. 21 képpontos törzsbetűméretet használnak, hogy a történetek millióit olvashatóbbá tegyék a szélesebb közönség számára.

Ezenkívül a nagyobb betűméretek általában erősebb érzelmi kapcsolatokat hoznak létre. Lehet, hogy ezt a lépést kell megtennie ahhoz, hogy a felhasználók rákattintsanak arra a CTA gombra, amely konverziót eredményez?

Ne használd túl a betűstílusokat!

félkövér-dőlt-aláhúzott-font-examples

Image Source: Tealfeed

A betűstílusok általában a következőket tartalmazzák: bátor, dőlt, és aláhúzzuk. Ezzel a hárommal hangsúlyozhat bizonyos szavakat vagy mondatokat. Ennek ellenére kerülje a túlzott használatát, mivel ez az egyik leggyakoribb szerkesztési hiba, amelyet minden webes tartalomnál tapasztalunk.

Ne használd túl a betűstílusokat egész bekezdésekre. Ehelyett használja őket arra, hogy rámutasson azokra a szavakra, amelyekre a legjobb visszhangot szeretne kelteni a felhasználók körében. Nem szeretné, hogy olyan helyzetbe kerüljön, amikor szöveget használ a konverziók helytelen növelésére.

Állítsa be ennek megfelelően a sorközt!

Itt a vezetésről beszélünk. Ez itt nagyon kicsi dolog, mégis elengedhetetlen, ha szöveget kell használni a konverziók növelésére. Ha részleges látású közönsége van, akkor nehézségekbe ütközhet, hogy megtalálja a következő szövegsor elejét.

Ezért bevett gyakorlat a sorok közötti távolság a betűméret legalább 25-30%-a. Ezzel gyakorlatilag minden olvasó számára olvashatóvá teszi szövegét!

Ezenkívül mindig figyelnie kell arra, hogy Ön hagyjon elegendő helyet a bekezdések között. Alapvetően a bekezdéseket úgy szeretné csoportosítani, hogy azok igazodjanak a néhány mondatban átadni kívánt üzenethez. Úgy, a tartalom olvashatóbb lesz a célközönségednek.

Arra is szeretne figyelni az Ön típusának megfelelő vizuális hierarchia. Ezt a fejléccímkék megfelelő beállításával is megteheti, de ez nem minden. A vizuális hierarchia megfelelő felhasználásának egyik legjobb módja az, ha felnagyítja a szöveggel borított legfontosabb üzeneteket. Végső soron azt szeretné irányítani a felhasználók számára, hogy egy bizonyos sorrendben olvassák el az információkat. Ez több értelmet ad az általános tartalomnak.

A fent említettekkel együtt használjon szóközt hogy azokra a területekre összpontosítson, amelyeket hangsúlyozni szeretne a közönség számára. Így hagyja, hogy a design lélegezzen, és kontextust biztosítson azokon a helyeken, ahol a legnagyobb szükség van rá.

Kerülje az özvegysorokat, az árva szavakat és a kötőjeleket

Az özvegyek és az árvák meglehetősen gyakori kifejezések a szedéseknél. Természetükben nagyon hasonlóak, de sokan összekeverik őket egymással. Widows jelöljön meg egy bekezdést végző szövegsort, amely egyedül helyezkedik el az oldal elején. Árva egy bekezdésnyitó sor, amely egy bizonyos oldal végén található. Mindkettő megzavarhatja a szöveg olvashatóságát, különösen a webdizájnban.

Nos, ennek a két problémának a megoldása nem olyan nehéz, és mindez a fenti tipphez kapcsolódik. Vagy átírhat egy bekezdést, hogy illeszkedjen a nagy képbe, vagy módosíthatja a kezdő és a térközt, hogy szűkebb bekezdéseket hozzon létre.

Ezenkívül az elválasztás meglehetősen gyakori előfordulás a webdesignban, és a teljes tipográfiát a webhelyen megváltoztathatja vagy megszakíthatja. Alapvetően az elválasztás egy gondolatjelet használ a szó felosztására (például: kutyabarát). Amikor ez problémássá válik, az olyan helyzetekben van, amikor kötőjelet kell használnia a szó töréséhez a sor végéről. Ahelyett, hogy ezt tenné, csak húzza az adott szót egy új sorba, így nem rontja meg teljesen az olvashatóságot!

Ne hagyja figyelmen kívül a szöveg igazítását!

Szöveg igazítása gyakran figyelmen kívül hagyják, amikor a webdesign szövegéről van szó. De ha jól csinálja, akkor csodákat tesz az információfeldolgozás során. Íme néhány tipp, amelyet be kell tartani, ha a webdesign szövegigazításáról van szó:

  • Kerülje a bekezdések központosítását. Míg egyesek azzal érvelnek, hogy a teljes bekezdések középpontba állítása mesterkéltebbnek tűnhet, az, amit csinálnak, ennek teljesen az ellenkezője. Mivel a nyugati társadalmakban a legtöbben megtanulunk balról jobbra olvasni, természetünkből fakad, hogy minden sor elejére utazunk. Ha középre állítja a bekezdést, az csak megnehezíti az agyunk számára az összes információ feldolgozását.
  • Csak akkor állítsa középre, ha egy üzenetet szeretne hangsúlyozni. Ennek ellenére egy bekezdés középre helyezése több mint üdvözlendő, ha az a cél, hogy a hangsúlyt egy bizonyos szövegrészletre helyezze. Olyan kontrasztot hoz létre, amely azonnal átadja az üzenetet az olvasóknak. A szöveg középre igazítása fejlécekhez és idézőjelekhez is hasznos.

Párosíts olyan betűtípusokat, amelyek jól néznek ki együtt!

Helvetica-neue-garamond-font-example

Image Source: Kreatív Bloq

Ha csak egyet használ betűtípussal webhelyén a dolgok kissé unalmassá válhatnak. Ez azonban nem jelenti azt, hogy tíz különböző betűtípust kell használnia webhelyén. Az egyszerűség itt kulcsfontosságú, de ne féljen egy kicsit kísérletezni. Végül is azt szeretné, hogy a tartalom a lehető legvonzóbb legyen, igaz?

Az egyik szabály, amikor a webhelyeken a betűtípusok párosításáról van szó, az, hogy legfeljebb két vagy három betűtípust használjunk egyszerre. Ma az olyan szolgáltatásokkal, mint a Google Fonts, minden eddiginél több betűtípust lehet előállítani. Noha ez kissé elsöprő lehet, itt van egy lista 36 tökéletes betűpárosítás hogy inspiráljalak!

A betűtípusok és betűtípusok kiválasztásának hatalmas választéka révén tovább szabhatja szövegét, hogy vállalkozása egyedi személyiségét sugározza. Kreatív vagy hagyományos megjelenést szeretnél? A betűtípus megfelelő megválasztásával mindkét hangszínt és még sok mást megtehet. Ne hagyja figyelmen kívül, mivel ez az egyik legjobb módja a szöveg felhasználásának a konverziók növelésére!

Tudja, mikor kell ennek megfelelően megkülönböztetni a Sans-Serif és Serif betűtípusokat!

A fenti ponthoz szorosan kapcsolódik a két fő típus: a Sans-Serif és a Serif. Van, aki az egyik mellett vitatkozik, van, aki a másik mellett. A lényeg az, hogy nincs olyan konkrét kutatás, amely azt sugallná, hogy a Sans-Serif jobb, mint a Serif, és fordítva. Ez azonban nem jelenti azt, hogy be kell tartani néhány konvenciót:

  • A Sans-serif könnyebben olvasható, és jobb a törzsmásolat számára – ha az online tartalomról van szó, itt a sans serif betűtípusok működnek a legjobban. Ennek az az oka, hogy ez a típus egyszerű, és kevesebb időt vesz igénybe a felhasználóktól a közvetíteni kívánt üzenet megfejtéséhez.
  • A Serif jobb a címlapoknak – bár a Serif összetettebb, mint a Sans-Serif, pontosan ez az oka annak, hogy ezt szeretné használni a címsorokhoz. Serif árasztja a karaktert, és azt szeretné, ha ez a karakter körvonalazná az Ön fő pontjait az online tartalommal.

 

Ha egyensúlyba hozza ezt a két típust, vizuálisan érdekes tartalmat készíthet, amely több felhasználót vonz a teljes tartalom elolvasására, és végrehajtja a várt konverziót!

Válassza ki az üzenetének megfelelő típust

Az emberek valóban különféle személyiségekhez kötik a betűtípusokat, a szerint tanulmányt Eva R. Brumberger végezte. A legtöbb betűjellemző három kategóriába sorolható: közvetlenség, elegancia és barátságosság.

A fenti pont szerint fontolja meg milyen üzenetet szeretne közvetíteni a webhelyével és a márkaépítésével. Professzionálisan vagy játékosan szeretnél hangzani? Vagy talán kreatívnak és játékosnak szeretne hangzani? Állítsa be ennek megfelelően a betűtípust, és a megfelelő embereket vonzza magához.

Az online üzlet egyik területe, ahol ez jól jöhet, az e-mail marketing. Alapján a tanulmány az 2019-től, minden e-mail marketingre elköltött 1 dollár után az átlagos ROI 42 dollár! Ez hatalmas szám, és nem csoda, hogy sok online alapú vállalkozás az e-mailes marketingstratégiákra összpontosít, hogy új ügyfeleket vonzzon.

Ezért az e-mail marketing egy nagyon versengő terület, ahol minden apró részlet számít. Az egyik nagyszerű módja annak, hogy kitűnjön ügyfelei számára, ha a küldeni kívánt üzenetnek megfelelő tipográfiát használ!

De mivel egyre több vállalkozás használja az e-mail marketinget a megfelelő közönség vonzására, a méretezés fontosabb, mint valaha. Ezenkívül, ha az e-mail listája tele van különböző személyekkel, például szakemberekkel és mindennapi fogyasztókkal, a sablonok manuális létrehozása a legjobb esetben is időigényes lesz.

Szerencsére több tucat van ingyenes e-mail marketing szolgáltatások amelyek segítségével időt takaríthat meg az operatív feladatokra, és lehetővé teszi a további tervezést és stratégiát vállalkozása növekedése érdekében! Ezek többsége e-mail sablonokat, e-mail automatizálást és jelentéskészítést kínál az e-mail marketing kampányok nyomon követéséhez.

Használjon kontrasztot az előnye érdekében

font-contrast-example

Image Source: 3.7 tervek

Szerinted miért olyan feltűnőek az útjelző táblák minden ember számára? Ezek kiemelkednek a környezet többi részéből, és azt feltételezzük, hogy ezek az elemek fontosak. Ez a fő ok, amiért először az ilyen elemeket nézzük meg.

Ugyanez vonatkozik a webdesignra is. A szöveg használata a konverziók növelésére néha olyan egyszerű lehet használja a kontrasztot az Ön előnyére. Amit itt tenni akar, az alapvetően az olvashatóság növelése hogy a felhasználók hosszabb ideig megőrzi a tartalmat.

Ennek egyik gyakori módja a megfelelő kontrasztmennyiség létrehozása a szöveg és a háttér között. Jelenleg is folyik a vita kétféle kontraszt között:

  • Fehér szöveg a sötét háttér előtt
  • Fekete szöveg fehér alapon

Míg a sötét háttéren megjelenő fehér szövegnek (vagy a "Sötét módnak") megvannak az előnyei, a kutatások azt mutatják, hogy a világos háttéren fekete szöveg (vagy a "világos mód") legtöbbször jobb teljesítményhez vezet.

Ennek ellenére a „Sötét mód” azoknak a felhasználóknak előnyös lehet, akik gyenge fényviszonyok mellett olvassák a tartalmat. Tehát miért ne használja mindkét szöveg kontrasztmódját, és nézze meg, mi történik a konverziókkal?

Vegye figyelembe a felhasználók életkorát

Statista szerint, az internetezők demográfiája a következő:

  • 18-24 - 18 százalék
  • 25-34 - 32 százalék
  • 35-44 - 19 százalék
  • 45-54 - 14 százalék
  • 55-64 - 10 százalék
  • 65 év felett – 7 százalék

Most vegye figyelembe a tény a CDC-től hogy körülbelül 12 millió 40 éves vagy annál idősebb ember látássérült. Alapvetően, ha nem optimalizálja az online tartalom szövegét úgy, hogy az olvasható legyen a látássérültek számára, akkor az internetezők 50%-át kihagyja.

 

A tipográfia csak a jéghegy csúcsa!

Természetesen a szöveg és a tipográfia használata nem az egyetlen dolog, amely az Ön esetében növeli a konverziókat. Előfordulhat, hogy teljesen újra kell rendelnie a tartalmat, vagy jobb kulcsszavakat kell megcéloznia, amelyek alapján könnyebben rangsorolhat.

Az a helyzet, kreatív a konverzióoptimalizálással mi lesz megkülönbözteti Önt a versenytársak közül hosszútávon. És ami megkülönböztethet téged, az talán csak a tipográfia finomhangolása!

Ha egyedül nem tudod megcsinálni, mindig meg tudod csinálni webdesignereket találni online, hogy webes tartalmait vizuális remekművekké alakítsa. Hiszen manapság az emberek többre értékelik a vizuális tartalmat, mint a puszta szöveget.

A szerzőről

Robert-Brandl

Robert szenvedélye mindig is az internetes eszközök voltak, amelyek megkönnyítik az életét. Ezért alapította meg a WebsiteToolTester, ahol ismertetőket és oktatóanyagokat találhat a világ legjobb weboldal-készítőihez és e-kereskedelmi platformjaihoz.

0.00 átl. értékelés (0% pontszám) - 0 szavazat

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

Időbélyeg:

Még több Blog2 Checkout