Email tipográfia: A 8 legjobb betűtípus az e-mailekhez (és egyedi e-mail betűtípus ötletek)

A legtöbb vállalkozás, amely szilárd követőkkel rendelkezik, már teljesen átvette mindazt, amit az e-mail marketing nyújtani tud. Email hírlevelek, autoresponderek, amit csak akarsz. Az e-mail marketing egy következetes módja annak, hogy folyamatosan képben legyen az ügyfelei igényeivel, miközben egyidejűleg népszerűsíti az összes legújabb termékét vagy szolgáltatását.

A tény, hogy elérheti az ügyfeleket jóval azután is, hogy elhagyták a webhelyét, nagyon erőteljes. Bármilyen régi e-mail azonban nem elég. Az, ahogyan az e-mail tartalmát megjeleníti, lényeges része annak, hogy megragadja a figyelmet, és arra ösztönözze az ügyfeleket, hogy valóban elolvassák az e-mailjeit, ahelyett, hogy rögtön töröljék azokat.

A tervezésnek itt döntő szerepe van. De valószínűleg az egyik legfontosabb szempont, amire figyelnie kell, a betűtípusok kiválasztása. Az e-mail-biztonságos betűtípusok megkönnyítik az ügyfelek számára a mondanivaló elolvasását, ami azt jelenti, hogy nagyobb valószínűséggel érheti el a konverziót.

Ezt fogjuk ma itt megvitatni.

Mi az e-mail-biztonságos betűtípus?

Kísértés, hogy díszes betűtípusokat használjon az e-mailjeihez. Elvégre pozitív benyomást akarsz kelteni. És ki akarod emelni a tartalmadat. A különleges betűtípusok azonban nem mindig jelennek meg helyesen minden e-mail kliensben. Sőt, ha egy betűtípus nem támogatott, az e-mail kliens egy tartalék betűtípust használhat, ami a legjobb esetben is elronthatja a kívánt hangnemet, vagy a legrosszabb esetben elmoshatja a tartalom olvashatóságát.

Ezért nagyon ajánlott, hogy az e-mail marketing tartalmak készítésekor csak az e-mail biztonságos betűtípusokhoz ragaszkodjon. A konkrétumokra mindjárt rátérünk. De előbb beszéljünk röviden arról, hogy a helyes betűtípus-választás valójában milyen nagy hatással lehet a konverziós arányra.

Az, ahogyan az e-maileket megjeleníti, dönthet aközött, hogy a közönség elolvassa-e azokat… vagy egyenesen a szemétbe küldi. 😬 🗑 Tudj meg többet az email-biztonságos betűtípusokról és arról, hogy miért van rájuk szükséged ⬇️Click to Tweet

Hogyan növelik a konverziót a jó betűtípusok

A legtöbb ember mindössze 11 másodpercet tölt az e-mailekkel. Ez azt jelenti, hogy a választott betűtípusoknak olvashatónak és szkennelhetőnek kell lenniük. Az “egy pillantásra” kényelmet kell nyújtaniuk. Ez gyakran azt jelenti, hogy olyan szabványos betűtípusokra kell támaszkodni, amelyeket már mindenki ismer. Unalmasnak hangzik? Az alternatíva rosszabb. Valójában az embereknek kétszer annyi időbe telik elolvasni a díszes betűtípusokat. És ha az emberek csak 11 másodpercet töltenek egy e-mailen, az rengeteg elvesztegetett idő.

Nem csak a választott betűtípus van hatással a konverzióra. A választott betűtípus mérete is számít. A Click Laboratory által végzett kutatás szerint ugyanis a betűtípus méretének kismértékű növelése óriási hatással lehet a konverziós arányra.

A kutatás során egy Arial betűtípussal beállított szövegblokkot 10pt-ről 13pt-re növeltek. A szövegsorok közé is több helyet tettek. A betűtípus 13pt-es változata sokkal jobban teljesített, mert a tartalom most már könnyebb volt a szemnek és olvashatóbb.

Ez az apró változtatás 10%-kal csökkentette a visszafordulási arányt, a konverziós arányt pedig hatalmas mértékben, 133%-kal növelte! Mindezt azért, mert a betűméretet két ponttal megnövelte!

A betűtípus-választásnak is van pszichológiai alapja. Ez leginkább a logókra vonatkozik, de érdemes észben tartani ezt az információt az e-mail betűtípusok kiválasztásakor is. Bizonyos betűtípusokhoz bizonyos “érzések” társulnak. According to Crazy Egg, the five main font types elicit different emotions or associations:

Serif Fonts

Examples include Times New Roman, Baskerville, and Georgia. Serif fonts exude a sense of respectability, reliability, and tradition. Older brands (or those that want to appear as though they’ve been around for decades) make solid use of these sorts of fonts to instill confidence. The Tiffany & Co logo serves as a solid example.

Vogue, too:

Sans Serif Fonts

Examples include Helvetica, Calibri, and Franklin Gothic. Sans serif fonts give off a modern look that’s clean, simple, and straightforward. These fonts give off the impression of reliability and stability. Sans serif fonts are very corporate-looking. Netflix features a sans serif font:

Modern Fonts

Examples include Futura and Century Gothic. Modern fonts can appear stylish, chic, or give an overall sense of strength. Hulu’s logo is a popular example of one using a modern font:

Script Fonts

Examples include Edwardian Script and Bickham Script. Script fonts will likely not be a wise choice for use in your emails. However, they do make an impact when used in logos and that could work for graphical elements. Coca-Cola is a timeless example of a script font used well:

Display Fonts

Examples include Cooper and Valencia. Words and feelings commonly associated with display fonts include a sense of individuality or uniqueness, friendliness, or expressiveness. Logók (és esetleg fejlécek) esetében a display betűtípusok valódi hatást gyakorolhatnak és kiemelkedhetnek. A Disney a világ egyik legismertebb logóját kínálja, és egy display betűtípust használ:

Ezen információk birtokában most áttérhetünk arra, hogyan választhatja ki a legjobb betűtípust az e-mailekhez.

Email tipográfia: Hogyan válasszuk ki a legjobb betűtípusokat

Most már ismered a rendelkezésre álló öt alapvető betűtípust (a szimbólumokon kívül, gondolom). És azt is tudod, hogy a különböző betűtípusok különböző érzelmeket váltanak ki az ügyfeleidből. De vajon a Coca-Cola által használt betűtípus ismerete hogyan fordítható le a megfelelő betűtípus kiválasztására az e-mail hírleveleidhez?

Merüljünk bele.

Minden betűtípusnak, amelyet a céges e-mailjeidben használsz, a következő 4 tulajdonságot kell tartalmaznia:

1. minőség: Olvashatóság

Ezt a tulajdonságot már említettük, de meg kell ismételni, mert messze ez a legfontosabb. Ha a betűtípusa nem olvasható, senki sem fogja tudni elolvasni az e-mailjeit. És ha nem lehet elolvasni, akkor biztosan nem számíthatsz konverzióra, nem igaz?

Minőség #2: Világosság

A tiszta, éles betűtípusok és a pontos sorok a legjobban fognak működni az e-mail szövegeidben. Semmi díszítés vagy girbegurba. És pláne semmi szupervékony vagy világos vonalakkal. A nagyobb betűméretek is jobbak. Legyen egy-két pt-tal nagyobb a betűtípus, mint általában, a betűsúly legyen megfelelő (de ne legyen vastag), és törekedjen az 1,15-ös sortávolságra.

Minőség #3: Pszichológiailag megfelelő

Mint fentebb említettük, bizonyos betűtípusokhoz sajátos érzések társulnak. Győződjön meg róla, hogy a kiválasztott betűtípus(ok) illeszkedik(ek) ahhoz az általános hangulathoz, amelyet a tartalmával közvetíteni szeretne, valamint a tartalom céljához. Megbízhatónak vagy tekintélyesnek tűnhet, ha például el akarsz adni valamit.

4. minőség: Márkának megfelelő

Hasonlóképpen, minden választott betűtípusnak logikusan használhatónak kell lennie az iparágad vagy a piaci résed számára. Ha a céged régimódi hangulatú, egy szuper modern vagy display stílusú betűtípus használata nem lenne megfelelő. Hasonlóképpen, ha egy technológiai alapú céget vezet, valami rusztikus vagy formális betűtípus valószínűleg szintén nem lenne a legmegfelelőbb. Minden azon múlik, hogy mi tűnik megfelelőnek.

8 legjobb betűtípus e-mailben

Meghatároztuk az e-mailben biztonságos betűtípusokat. Beszéltünk arról is, hogyan szűkítheted le a betűtípus-választékot. De most itt az ideje, hogy rátérjünk a konkrétumokra, hogy mely betűtípusok valóban email-biztonságosak, és hogyan gondolkodj a dobozon kívül anélkül, hogy feláldoznád az olvashatóságot vagy rontanád a konverziós arányt.

Az alapvető email-biztonságos betűtípusok

Létezik egy alapkészlet olvasható (bár unalmas) email-biztonságos betűtípus, amelyet a legtöbb email-kliens felismer. Let’s take a look at each of those now.

Arial

Arial is a very commonly used typeface. It was originally created in 1982 by Patricia Saunders and Robin Nicholas of Monotype Imaging. Though originally designed for use in an IBM laser printer, it has since become a web content favorite.

Verdana

Verdana is a font that was designed with screen displays in mind. It was developed by Matthew Carter and features wide characters and large spacing between each character to improve on-screen legibility. It’s another staple choice supported by most email clients.

Helvetica

And then there’s Helvetica, one of the most popular fonts currently in existence. Jól olvasható, könnyen kezelhető, és a legtöbb szövegszerkesztő program, e-mail kliens és webböngésző támogatja.

Georgia

A Georgia egy másik gyakori betűtípus, amelyet az e-mail kliensek támogatnak. Természeténél fogva jól olvasható, nagyrészt szóközös betűket tartalmaz, és olyan karakterterveket használ, amelyek minden egyes betűt megkülönböztethetővé tesznek, hogy megelőzzék az összetéveszthetőséget. A normál és a félkövér betűtípusok között is jó a változatosság, ami hasznos a hangsúlyozáshoz.

Tahoma

A Tahoma egy másik lehetőség, amelyet a legtöbb e-mail kliens támogat. Ez az egyik legnépszerűbb sans serif betűtípuscsalád a Windows operációs rendszereken. A képernyőn való megjelenítést szem előtt tartva hozták létre, a tisztaság és az olvashatóság még kisebb betűméreteknél is elérhető. It was originally created by Matthew Carter.

Lucida

Or, you could use Lucida, another sans font family that prioritizes clean lines, a clear style, and distinct letterforms. Letter spacing is wider than standard and each character is a bit taller as well, adding more elements of legibility.

Trebuchet

Trebuchet is another option available that you could easily use in your email designs. It was created by Vincent Connare in 1996 and is a sans serif font. It was designed for screen reading and features larger line-heights, rounded edges, and wider character spacing.

Times New Roman

Lastly, there’s Times New Roman, a font that really doesn’t need much of an introduction. Hagyományos megjelenésű, és gyakran használják alapértelmezett betűtípusként a szövegszerkesztő programokban. Képernyőn és nyomtatásban is jól olvasható.

Az Ön e-mail kliense más betűtípusokhoz is hozzáférhet, de a fentiek a legolvashatóbbak és a legelterjedtebbek.

Egyedi e-mail betűtípusok

Ha az alap betűtípusok nem tetszenek neked, van egy másik lehetőség is. Használhatsz helyette HTML betűtípusokat, hogy egyéni megjelenést hozz létre. Fontos azonban megjegyezni, hogy nem minden e-mail marketing szolgáltatás tudja vagy fogja megfelelően megjeleníteni a webes betűtípusokat.

De előbb álljunk meg, és beszéljük meg, hogyan működnek a webes betűtípusok.

Hogyan működnek a webes betűtípusok

A webes betűtípusok, ahogy a nevük is mutatja, csak a weben léteznek. Nem szerepelnek az operációs rendszerekben, eszközökben, alkalmazásokban vagy szoftverekben. Online léteznek, majd kódrészleteken, bővítményeken és egyéb eszközökön keresztül hozzáadhatók a projektjeidhez. Leggyakrabban webes betűtípusokat weboldalakon találsz. Jelenleg számos e-mail kliens támogatja a webes betűtípusok használatát, többek között:

• Android Mail
• Apple Mail
• iOS Mail
• Outlook 2000
• Outlook.com App
• Thunderbird

A webes betűtípusok azonban nem minden ilyen e-mail kliensben támogatottak azonos módon. Egyesek csak egy linket igényelnek, míg mások egy kódrészletet, amely importálja a webes betűtípust. Erről bővebben egy pillanat múlva. Először is fontos tudomásul venni, hogy még ha egy e-mail kliens nem is támogatja az Ön által választott webes betűtípust (vagy annak beillesztési módját), a tartalma nem feltétlenül fog szörnyen kinézni.

A legtöbb e-mail kliens tartalmaz egy tartalék opciót. Ez azt jelenti, hogy ha az e-mailben szereplő webes betűtípus nem töltődik be megfelelően, az e-mail kliens egy tartalék betűtípust fog felajánlani helyette. Ez általában az általunk fentebb felsorolt általános opciók egyike, de itt az a jó, hogy a) a tartalma továbbra is olvasható marad, b) a tartalma nem fog félig sem rosszul kinézni, mert a szabványos betűtípusok okkal lettek a szabványok (egyszerűen jól olvashatóak), és c) gyakran kiválaszthatja, hogy melyik betűtípust szeretné tartalékként használni.

Hogy érzékeltesse, mire gondolunk, a Gmail alapértelmezett betűtípusa az Arial, míg az Apple Mail a Helvetica-t használja. Az Outlook a Calibrit használja, míg az iOS a San Franciscót (egy olyan betűtípus, amelyet az Apple kifejezetten a készülékeihez készített, és amelyet erősen inspirált a Helvetica Neue.”

Ha úgy dönt, hogy webes betűtípusokat használ, akkor indítás előtt érdemes tesztelni a különböző platformokon.

Egyes e-mail marketingszolgáltatások már tartalmaznak webes betűtípus támogatást. A Campaign Monitor például számos webes betűtípus-opciót tartalmaz a drag-and-drop e-mail-építőjében, és a fallback opciókat automatikusan beállítja Önnek, minimális fáradsággal.

Ha az Ön e-mail marketing platformja nem tartalmazza natívan a webes betűtípus-támogatást, akkor valószínűleg kóddal hozzá tudja adni.

A webes betűtípusok HTML e-mailekbe történő beágyazásához több kódrészletet is használhat.

<link>

A <link> használata a webes betűtípusok e-mailjeihez való hozzáadásához népszerű választás. Bármelyik webes betűtípus, amelyet kiválaszt, meghatározza az URL-t az Ön számára. Tehát, ha te magad hosztolod a betűtípust, változtasd meg a betűtípus URL-jét a webhelyeden. Ha a betűtípust a webes betűtípus eladójánál tárolja, használja az általuk megadott URL-t.

A kódrészletet az e-mail kódjának <head> szakaszába helyezi. Rögtön az elején kell megjelennie. Ezt a módszert a legtöbb e-mail kliens támogatja, és viszonylag gyorsan betöltődik. Problémákba ütközhet azonban, ha a webes betűtípus fájl nagyobb méretű.

Ha tehát a webes betűtípust a Google Fonts-ból szerzi be, akkor a betűtípus stílusainak kiválasztása és a link kiválasztása után a következőket látja a beágyazás preferált módjaként:

@import

Egy másik módja a webes betűtípusok e-mailhez való hozzáadásának az @import használata. Ez szuper egyszerű, és a legtöbb e-mail kliensben is jól működik. Az egyetlen probléma az Android néhány régebbi verziójával van.

Az <link> kódrészlethez hasonlóan az @importot is az e-mail <head> szakaszába kell beillesztenie. Ismét a Google Fonts-ban ezt látod, miután kiválasztottál egy betűtípust, annak stílusait, és rákattintottál a @import melletti buborékra:

Ha más webes betűtípus-szolgáltatást használ, előfordulhat, hogy nem kap ilyen beágyazási kódot, és helyette magának kell beírnia a kódrészletet. Használja a webes betűtípus-szolgáltatás által megadott URL-t, vagy ha úgy dönt, hogy maga hosztolja a betűtípust, használja a megfelelő linket a szerverén.

@font-face

Ez a szabály lehetővé teszi, hogy letöltsön egy betűtípust egy szerverről, vagy hosztolja őket, hogy használhassa őket egy weboldalon, vagy ebben az esetben az e-mailjeiben. Hasonlóan működik, mint az előző két módszer, azaz menet közben tölti le a betűtípusokat, hogy azokat a weboldalad vagy az e-mail üzeneteid használhassák. Az összes többi itt tárgyalt módszerhez hasonlóan ezt a kódrészletet is beilleszted az e-mail HTML-jének <head> szakaszába.

Végül ott van a Museo Sans, amely a népszerű Museo betűtípus újabb változata. Geometrikus sans serif dizájnnal rendelkezik, amely fejlécekben és szövegmásolatokban egyaránt használható. Jól olvasható és többcélú, így az e-mailekben is jól használható. Az Exljbris tervezte 2008-ban.

Egy megjegyzés a képek e-mailben való használatáról a szöveggel szemben

Ha beágyazol egy képet, például egy plakátot vagy akár egy képernyőképet egy szép betűtípussal írt szövegről, akkor ezzel megkerülheted az e-mail-biztonságos betűtípusok problémáját. Ez azonban saját problémákkal jár, mivel az e-mailekben szereplő képek nem mindig jelennek meg, vagy egyes képernyőkön nem megfelelően jelennek meg. Ott van még a képernyőolvasók problémája, amelyek – hacsak nem adsz hozzá alt szöveget – nem tudják, hogy mit mond a kép.

Legyen óvatos a képek e-mailben való használatakor, és csak az üzenet tartalmának fokozására használja őket, nem pedig a kulcsfontosságú információk átadására. Ha tehát egy különleges akciót szeretne bejelenteni a weboldalán, ne csak egy képet mellékeljen az akciós plakátról, amelyen a termék részletei szerepelnek, és kész.

Minimum a kép szövegét is mellékelnie kell egyszerű szövegként. Még jobb, ha teljesen elkerüli ezt a redundanciát, és csak e-mailben biztonságos szöveget használ, a képeket pedig meghagyja az alkalmi vizuális érdekességnek.

Az egyetlen szövegalapú kivétel, ami miatt a szöveg mint kép használata megfelelő lenne, az a logó, ahol a vállalat vagy a márka neve már adott.

Fun fact: a legtöbb ember csak 11 másodpercet tölt egy e-mail olvasásával.⏱ Ne pazarolja ezt az értékes időt nehezen olvasható betűtípusokkal. 🙅♀️ Nézze meg ezt az útmutatót az email-biztos betűtípus-választásokról, és szerezzen több ügyfelet!Click to Tweet

Összefoglaló

Nem bármilyen betűtípus megteszi, amikor e-mail üzeneteket küld az érdeklődőknek és ügyfeleknek. Valójában a jó betűtípus kiválasztásának elmulasztása jelentősen ronthatja a konverziós arányt. A választott betűtípusoknak tehát e-mail-biztonságosnak kell lenniük, jó benyomást kell kelteniük, és kiváló olvashatóságot kell nyújtaniuk.

Ebben a cikkben áttekintettük a létező legfontosabb betűtípusokat és a rájuk gyakorolt pszichológiai hatást. Példákat mutattunk olyan betűtípusokra, amelyeket a legtöbb e-mail kliens támogat. Beszéltünk a webes betűtípusokról is, arról, hogyan adhatja hozzá őket a webhelyéhez, valamint felajánlottunk forrásokat és példákat a webes betűtípusokra, amelyeket használhat a kezdéshez.

Remélhetőleg most már jobb képet kap az e-mail biztonságos betűtípusok hatásáról. Ezzel az útmutatóval a kezedben pedig megalapozott döntéseket hozhatsz a következő e-mail kampányodhoz közeledve.