Tekstin käyttäminen konversioiden lisäämiseen - miten Web -suunnittelun typografia voi parantaa myyntiäsi

Digimarkkinoijana konversiot ovat yksi tärkeimmistä asioista, joita seuraat kampanjoissasi. Luultavasti ihmettelet monia eri tapoja miten konversiot optimoidaan tietyllä sivulla. Mutta yksi asia jää usein huomiotta monilta niin sanotuilta kasvuhakkereilta, ja se on käyttämällä tekstiä tulosten lisäämiseen.

Kyllä, olet kuullut sen oikein! Tekstikopio on jokaisen sisältömarkkinointistrategian selkäranka. Se on sisällön muoto, jota näet eniten verkossa, mutta se liittyy myös läheisesti visuaaliseen vetovoimaan. Loppujen lopuksi, jos teksti ei näytä hyvältä, kuinka voit odottaa sivun muuntuvan haluamallasi tavalla?

Tässä viestissä käymme läpi typografian, sen pääelementit ja miten voit Käytä tehokasta typografiaa myyntisi tehostamiseen pitkällä aikavälillä!

Mikä on typografia?

Ennen kuin perehdymme siihen, miten tekstin käyttö konversioiden lisäämiseen toimii, meidän on selvitettävä, mitä typografia on. Jotta asiat olisivat yksinkertaisia, voit harkita typografiaa a taiteen ja tekstin kohtauspaikka.

Johannes Gutenberg ja hänen liikkuva tyyppinsä esittelivät typografian suurimmalle osalle elävää maailmaa 15-luvun puolivälissä. Tietokonemaailmassa typografia alkoi tulla merkitykselliseksi Steve Jobsin ja hänen ensimmäisen Macin ansiosta.

Kun Internet esiteltiin maailmalle, typografian merkitys kasvoi räjähdysmäisesti. Siitä tuli yksi tärkeimmistä web-suunnittelukomponenteista auttaa verkkosivustoasi erottumaan joukosta mahdollisille käyttäjille.

Typografian tärkeimmät elementit

Monet ihmiset sekoittavat edelleen typografian ja fontit, mikä on melko yleinen ilmiö. Tässä typografian määritelmää laajentavassa osiossa eritellään kuusi typografian olennaista elementtiä:

• Kirjasintyyppi – Useimmat ihmiset sekoittavat kirjasintyylin kirjasimiin, vaikka nämä eivät ole samoja asioita. Pidä kirjasintyyppiä perheenä, joka muodostaa yksittäisiä merkkejä, kirjaimia ja numeroita samalla kuviolla. Arial, Times New Roman ja Comic Sans ovat kirjasintyyppejä, eivät fontteja, kuten monet luulisi.
• Fontti - Joten jos kirjasintyyppi on perhe, fontit ovat perheenjäseniä. Tarkemmin sanottuna fontti on kirjasintyyli, jolla on tietty koko, paino ja leveys. Esimerkiksi Arial on kirjasintyyppi; ja 16 pt Arial Bold on fontti. Pohjimmiltaan fontit ovat tapa, jolla toimitat tietyn taidemuodon, jota kutsutaan kirjasintyynyksi.
• Viivan pituus - Tämä on saman rivin oikean ja vasemman marginaalin välissä olevan tekstin viemä etäisyys. Ihannetapauksessa et halua rivin pituuden olevan liian lyhyt tai liian pitkä, koska se voi tehdä sisällön lukemisesta paljon toivottua hankalampaa.
• Johtava – Tämä on pystysuora etäisyys jokaisen tekstirivin välillä. Useimmissa tapauksissa haluat lisätä johtamista, jotta se olisi ymmärrettävämpää käyttäjillesi.
• Kerning – Tämä on tyhjä väli jokaisen merkin tai kirjaimen välillä. Yleensä kerning on parasta jättää oletusarvoihin, mutta voit räätälöidä sitä edelleen testataksesi, mikä toimii parhaiten verkkosivustollesi.
• Seuranta - Tämä kirjasinelementti tunnetaan myös kirjainvälinä, ja se koskee tiettyä määrää merkkejä ja kirjaimia.

Miksi typografia on tärkeää web-suunnittelulle?

Ensivaikutelma on tärkeä henkilökohtaisessa elämässämme, ja niin on myös verkkomaailmassa. Taylor & Francis Onlinen tutkimus päätteli, että se kestää 05 sekuntia jotta käyttäjät voivat muodostaa mielipiteensä tietystä verkkosivustosta.

Typografia on välttämätöntä, koska se on yksi web-suunnittelun ydinkomponenteista. Ajattele vain: jos ihmiset eivät voi lukea verkkosivustosi tekstiä, koska sanat ovat liian lähellä toisiaan tai tekstin koko on liian pieni, he todennäköisesti jättävät verkkosivustosi tyytymättömiksi.

Kun käytät verkkosivustollasi huonoa typografiaa, on todennäköisimmin muuntoprosenttisi laskenut, ja se on viimeinen asia, jota tarvitset lautasellasi. Vaikka potentiaaliset asiakkaasi pysyisivätkin huonoa typografiaa käyttävällä verkkosivustollasi, he eivät todennäköisesti muista viestiä, jonka halusit heille välittää, vaan ponnisteluja, joita he vaativat viestisi lukemiseen.

Edellä mainituista syistä käyttämällä tehokasta typografiaa konversioiden lisääminen on välttämätöntä. Tehokkaan typografian avulla voit optimoida prosessin, joka perustuu verkkosivustollasi näytettävän tiedon ymmärtämiseen. Jos muotoilet verkkosivustosi tekstin kauniisti, kaikki painopiste on sisällössä eikä sisällön ymmärtämisessä.

As useimmat ihmiset etsivät verkkosisältöä, tekstin käyttäminen ja käyttäjien ohjaaminen oikealla typografialla toimintapisteeseen on oikea tapa lisätä tuloksia!

Käytännöllisiä vinkkejä tekstin käyttämiseen tulosten lisäämiseen

Nyt kun olet oppinut jotain enemmän typografiasta ja siitä, kuinka se auttaa tekemään verkkosisällöstäsi erottuvan, tässä on joitain vinkkejä sen käyttöön kasvattaaksesi verkkosivustoasi!

Pidä kirjasinkoko mielessä!

Image Source: researchgate

Fonttikoko on ensiarvoisen tärkeää käyttäjien säilyttämisessä ja tulosprosentin kasvattamisessa entisestään! Kyllä, aivomme todellakin käsittelevät kuvia kymmeniä tuhansia kertoja nopeammin kuin tekstiä, joten mikä tahansa tapa parantaa kulkueaikaa tekstillä saa lämpimästi tervetulleeksi!

Otetaan esimerkiksi an katseenseurantatutkimus siitä, kuinka kirjasinkoko ja -tyyppi vaikuttavat online-lukemiseen. Käyttämällä suurempia kirjasimia verkkosivustojen teksti luetaan yleensä paljon nopeammin.

Joten jos sinulla on paljon tekstiä sisältävä verkkosivusto, älä kiusaa käyttäjiäsi – lisää kirjasinkokoa! Kyllä, jokainen kirjasin on erilainen, mutta tässä on yksimielisyys raskaan tekstin verkkosivustojen kirjasinkooista:

• 16px – se on vähimmäismäärä paljon tekstiä sisältäville sivuille, joten älä mene tämän numeron alle! Pohjimmiltaan tämä fonttikoko on se koko, jonka selaimet oli tarkoitettu näyttämään oletusarvoisesti, joten on selvää, miksi tämä on vähimmäiskoko.
• 18px – Tämä on kultainen keskimääräinen fonttikoko paljon tekstiä sisältäville sivuille, mikä saa ihmiset rasittamaan silmiään vähemmän katsoessaan näyttöään.
• 20px ja enemmän - vaikka se saattaa aluksi tuntua liian suurelta, jotkin verkkosivustot toimivat jopa paremmin tällaisella kirjasinkoolla. Ota Keskikokoinen, esimerkiksi. Ne käyttävät 21 kuvapisteen tekstikokoa, jotta miljoonat tarinat olisivat luettavampia laajemmalle yleisölle.

Lisäksi suuremmat kirjasinkoot luovat yleensä vahvempia tunneyhteyksiä. Ehkä tämä on vaihe, joka sinun on tehtävä saadaksesi käyttäjäsi napsauttamaan sitä toimintakehotuspainiketta, joka johtaa tulokseen?

Älä käytä liikaa fonttityylejä!

Image Source: Tealfeed

Fonttityylejä ovat yleensä: lihavoitu, kursivoitu, ja alleviivaus. Voit käyttää näitä kolmea korostaaksesi tiettyjä sanoja tai lauseita. Sinun tulee kuitenkin välttää niiden liiallista käyttöä, koska se on yksi yleisimmistä muokkausvirheistä, joita näemme kaikessa verkkosisällössä.

Älä käytä liikaa kirjasintyylejä kokonaisissa kappaleissa. Sen sijaan käytä niitä korostaaksesi sanat, jotka haluat herättää eniten käyttäjien keskuudessa. Et halua joutua tilanteeseen, jossa käytät tekstiä tulosten lisäämiseen väärin.

Säädä riviväliä vastaavasti!

Täällä puhutaan johtamisesta. Tämä on niin pieni asia, mutta se on välttämätöntä, kun on kyse tekstin käyttämisestä tulosten lisäämiseen. Kun yleisöllä on osittainen näkökyky, heillä voi olla vaikeuksia löytää seuraavan tekstirivin alkua.

Siksi on yleinen käytäntö asettaa rivit väliin vähintään 25–30 % kirjasinkoostasi. Kun teet niin, teet tekstistäsi lähes kaikkien lukijoiden luettavissa!

Lisäksi sinun tulee aina kiinnittää huomiota siihen, että sinä lisää riittävästi tilaa kappaleiden väliin. Periaatteessa haluat ryhmitellä kappaleet vastaamaan viestiä, jonka haluat välittää muutamalla lauseella. Siten, sisältösi on luettavampaa kohdeyleisöllesi.

Haluat myös kiinnittää huomiota tyyppisi visuaalinen hierarkia. Tämä voidaan tehdä joko asettamalla otsikkotunnisteet oikein, mutta se ei ole kaikki mitä voit tehdä. Yksi parhaista tavoista käyttää visuaalista hierarkiaa oikein on suurentaa tekstisi kattaa tärkeimmät viestit. Viime kädessä haluat ohjata käyttäjiä, jotta he voivat lukea tiedot tietyssä järjestyksessä, joka on järkevää. Tämä antaa enemmän merkitystä koko sisällöllesi.

Kaikkien edellä mainittujen lisäksi käyttää tyhjää tilaa keskittyä alueisiin, joita haluat korostaa yleisöllesi. Tällä tavalla annat suunnittelusi hengittää ja tarjoat kontekstin paikkoihin, joissa sitä eniten tarvitaan.

Vältä leskirivejä, orpo sanoja ja tavutus

Lesket ja orvot ovat melko yleisiä käsitteitä ladoissa. Ne ovat luonteeltaan hyvin samankaltaisia, mutta monet ihmiset sekoittavat ne toisiinsa. Widows osoittavat kappaleen päättyvän tekstirivin, joka istuu yksinään sivun alussa. Orpo on kappaleen avaava rivi, joka sijaitsee tietyn sivun lopussa. Molemmat voivat häiritä tekstin luettavuutta, erityisesti web-suunnittelussa.

No, näiden kahden ongelman korjaaminen ei ole niin vaikeaa, ja kaikki tulee yllä olevaan vihjeeseen. Voit joko kirjoittaa kappaleen uudelleen niin, että se sopii isoon kuvaan, tai säätää alkua ja väliä luodaksesi tiukempia kappaleita.

Tavutus on myös melko yleinen Web-suunnittelussa, ja se voi tehdä tai rikkoa koko typografian sivustollasi. Periaatteessa tavutus tarkoittaa väliviivan käyttöä sanan jakamiseen (esimerkiksi: koiraystävällinen). Kun siitä tulee ongelma, se tapahtuu tilanteissa, joissa sinun on käytettävä väliviivaa sanan katkaisemiseksi rivin lopusta. Sen sijaan vedä annettu sana uudelle riville, jotta et riko luettavuutta kokonaan!

Älä unohda tekstin kohdistusta!

Tekstin tasaus Web-suunnittelun teksti jätetään usein huomiotta. Mutta jos teet sen oikein, se tekee ihmeitä tietojen käsittelyssä. Tässä on joitain vinkkejä, joita kannattaa noudattaa tekstin tasaamisessa verkkosuunnittelussa:

• Vältä kappaleiden keskittämistä. Vaikka jotkut väittävät, että kokonaisten kappaleiden keskittäminen saattaa tuntua taiteellisemmalta, heidän tekemänsä toiminta on täysin päinvastaista. Koska useimmat meistä länsimaisissa yhteiskunnissa oppivat lukemaan vasemmalta oikealle, on luonnostaan ​​matkustaa jokaisen rivin alkuun. Kun keskität kappaleen, se vain vaikeuttaa aivojamme käsitellä kaikkea tätä tietoa.
• Keskitä vain, kun haluat korostaa viestiä. Kappaleen keskittäminen on kuitenkin enemmän kuin tervetullutta, kun tavoitteena on keskittyä tiettyyn tekstikohtaan. Se luo kontrastin, joka välittää viestin välittömästi lukijoillesi. Keskitysteksti on hyödyllinen myös otsikoissa ja lainauksissa.

Yhdistä kirjasintyyppejä, jotka näyttävät tyylikkäiltä yhdessä!

Image Source: Luova Bloq

Kun käytät vain yhtä kirjasin koko verkkosivustollasi, asiat voivat olla hieman tylsiä. Se ei kuitenkaan tarkoita, että sinun pitäisi käyttää kymmentä eri kirjasintyyppiä verkkosivustollasi. Yksinkertaisuus on tässä avainasemassa, mutta älä pelkää kokeilla vähän. Loppujen lopuksi haluat sisältösi näyttävän mahdollisimman houkuttelevalta, eikö niin?

Yksi verkkosivustojen kirjasinparien yhdistämisen säännöistä on käyttää enintään kahta tai kolmea kirjasintyyppiä samanaikaisesti. Nykyään Google Fontsin kaltaisten palveluiden avulla voidaan tuottaa enemmän kirjasimia kuin koskaan ennen. Vaikka tämä saattaa olla hieman ylivoimainen, tässä on luettelo 36 täydellistä kirjasinparia inspiroimaan sinua!

Kirjasintyyppien ja fonttien valinnassa on valtava määrä vaihtoehtoja, joten voit räätälöidä tekstiäsi säteilemään yrityksesi ainutlaatuista persoonallisuutta. Haluatko näyttää luovalta vai perinteiseltä? Voit tehdä molemmat näistä sävyistä ja paljon muuta valitsemalla oikean kirjasintyypin. Älä unohda sitä, sillä se on yksi parhaista tavoista käyttää tekstiä tulosten lisäämiseen!

Tiedä milloin erottaa Sans-Serif- ja Serif-fontit vastaavasti!

Yllä olevaan kohtaan liittyvät läheisesti kaksi päätyyppiä: Sans-Serif ja Serif. Jotkut väittelevät toisen puolesta, jotkut toisen puolesta. Tärkeintä tässä on, että ei ole konkreettista tutkimusta, joka viittaa siihen, että Sans-Serif on parempi kuin Serif ja päinvastoin. Mutta se ei tarkoita, että joitain käytäntöjä on noudatettava:

• Sans-serif on helpompi lukea ja sopii paremmin runkoon - Mitä tulee verkkosisältöön, sans serif -fontit toimivat parhaiten täällä. Tämä johtuu siitä, että tämä tyyppi on yksinkertainen ja vaatii vähemmän aikaa käyttäjiltäsi viestien tulkitsemiseen, jota yrität välittää.
• Serif sopii paremmin otsikoihin - vaikka Serif on monimutkaisempi kuin Sans-Serif, juuri tästä syystä haluat käyttää sitä otsikoissasi. Serif tihkuu luonnetta, ja haluat hahmon hahmottavan verkkosisältösi pääkohdat.

 

Kun tasapainotat nämä kaksi tyyppiä, voit luoda visuaalisesti mielenkiintoista sisältöä, joka houkuttelee enemmän käyttäjiä lukemaan koko sisältökappaleesi ja suorittamaan odottamasi muunnoksen!

Valitse viestiisi sopiva tyyppi

Ihmiset todellakin sitovat kirjasintyyppejä eri persoonallisuuksiin Eva R. Brumbergerin tekemä tutkimus. Useimmat kirjasinominaisuudet voidaan jakaa kolmeen luokkaan: suoraviivaisuus, tyylikkyys ja ystävällisyys.

Yllä olevan kohdan mukaan harkitse millaisen viestin haluat välittää verkkosivustosi ja brändisi kanssa. Haluatko kuulostaa ammattimaiselta vai leikkisältä? Tai ehkä haluat kuulostaa luovalta ja leikkisältä? Aseta kirjasintyyppi vastaavasti, niin houkuttelet oikeanlaisia ​​ihmisiä.

Yksi verkkoliiketoiminnan ala, jossa tämä on hyödyllistä, on email markkinointi. Perustuu a tutkimus 2019: ltä, jokaista sähköpostimarkkinointiin käyttämääsi dollaria kohden keskimääräinen ROI on 1 dollaria! Se on valtava määrä, eikä todellakaan ole ihme, että monet verkkoyritykset keskittyvät sähköpostimarkkinointistrategioihin houkutellakseen uusia asiakkaita.

Siksi sähköpostimarkkinointi on erittäin kilpailtu ala, jossa jokaisella pienellä yksityiskohdalla on merkitystä. Yksi hienoista tavoista erottua asiakkaistasi on käyttää oikeaa typografiaa lähettämäsi viestin mukaan!

Mutta kun yhä useammat yritykset käyttävät sähköpostimarkkinointia houkutellakseen oikeanlaista yleisöä, skaalaus on tärkeämpää kuin koskaan. Lisäksi, jos sähköpostilistasi on täynnä erilaisia ​​henkilöitä, kuten ammattilaisia ​​ja päivittäisiä kuluttajia, mallien luominen manuaalisesti vie parhaimmillaan aikaa.

Onneksi niitä on kymmeniä ilmaiset sähköpostimarkkinointipalvelut jonka avulla voit säästää aikaa operatiivisiin tehtäviin ja antaa sinun suunnitella ja strategoida yrityksesi kasvua! Useimmat näistä tarjoavat sähköpostimalleja, sähköpostiautomaatiota ja raportointia sähköpostimarkkinointikampanjoidesi seuraamiseksi.

Käytä kontrastia eduksesi

Image Source: 3.7-mallit

Miksi luulet, että liikennemerkit ovat niin havaittavissa kaikille ihmisille? Ne erottuvat muusta ympäristöstä, mikä saa meidät olettamaan, että nämä elementit ovat tärkeitä. Tämä on tärkein syy, miksi tarkastelemme tällaisia ​​elementtejä ensin.

Samaa voidaan soveltaa web-suunnitteluun. Tekstin käyttäminen tulosten lisäämiseen voi joskus olla niin yksinkertaista kuin käyttämällä kontrastia eduksesi. Se, mitä haluat tehdä täällä, on periaatteessa lisää luettavuutta jotta käyttäjäsi säilyttää sisällössäsi pidempään.

Yksi yleisimmistä tavoista tehdä niin on luoda oikea määrä kontrastia tekstisi ja taustasi välillä. Parhaillaan käydään keskustelua kahden kontrastityypin välillä:

• Valkoinen teksti tummalla taustalla
• Musta teksti valkoisella pohjalla

Vaikka valkoisella tekstillä tummalla taustalla (tai "tummalla tilassa") on etunsa, tutkimukset osoittavat, että musta teksti vaalealla taustalla (tai "vaalea tila") johtaa parempaan suorituskykyyn suurimman osan ajasta.

Silti "Tumma tila" voi hyödyttää käyttäjiä, jotka lukevat sisältöäsi hämärässä. Joten miksi et sisällytä molemmat tekstin kontrastitilat ja katso mitä konversioillesi tapahtuu?

Harkitse käyttäjiesi ikää

Statistan mukaan, Internetin käyttäjien demografia on seuraava:

• 18-24 - 18 prosenttia
• 25-34 - 32 prosenttia
• 35-44 - 19 prosenttia
• 45-54 - 14 prosenttia
• 55-64 - 10 prosenttia
• 65 ja yli - 7 prosenttia

Ota nyt huomioon tosiasia CDC:ltä että noin 12 miljoonalla 40 vuotta täyttäneellä ihmisellä on näkövamma. Periaatteessa, jos et optimoi verkkosisältösi tekstiä näkövammaisten ihmisten luettavaksi, menetät 50 % Internetin käyttäjistä.

 

Typografia on vain jäävuoren huippu!

Tekstin ja typografian käyttö eivät tietenkään ole ainoita asioita, jotka lisäävät konversioita tapauksessasi. Saatat joutua kohdistamaan sisältösi kokonaan uudelleen tai kohdistamaan parempiin avainsanoihin, joiden perusteella voit sijoittua helpommin.

Asia on niin että, luova tulosoptimoinnin kanssa on mitä tulee erottaa sinut kilpailijoista pitkässä juoksussa. Ja asia, joka saattaa erottaa sinut muista, on ehkä vain typografian hienosäätö!

Jos et voi tehdä sitä yksin, voit aina löytää web-suunnittelijoita verkossa muuttaaksesi Web-sisällöstäsi visuaalisen mestariteoksen. Loppujen lopuksi ihmiset nykyään arvostavat visuaalista sisältöä enemmän kuin pelkkää tekstiä.

kirjailijasta

Robertin intohimo on aina ollut verkkotyökalut, jotka helpottavat elämääsi. Siksi hän perusti WebsiteToolTester, josta löydät arvosteluja ja opetusohjelmia maailman parhaille verkkosivustojen rakentajille ja sähköisen kaupankäynnin alustoille.

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