E-poe veebidisain: tüpograafia jaoks
Kiire laadimine? Kontrollitud! Lihtne navigeerimine? Kontrollitud! Veenvad tegevusele kutsuvad nupud? Kontrollitud! Kvaliteetsed tootepildid? Kontrollitud! Võimas tootesisu? Kontrollitud! Turvaline väljaregistreerimise protsess? Kontrollitud!
Tüpograafia? Kas tõesti?! Kas tüpograafia on oluline? – Küsimus, mis kerkib esile paljudes e-kaubanduse ettevõtjate peas, kes kõik on valmis oma poe veebis avama.
Vastus on JAH – ja see artikkel tõestab teile seda fakti!
Ideaalis on uued e-poe ettevõtjad täis innukust ja entusiasmi, et muuta oma telliskivipood kasumlikuks veebiäriks. Kiirustades oma veebisaite avama hakata, võivad paljud neist ettevõtjatest keskenduda lihtsalt suurematele ja laiematele küsimustele; ignoreerides mõningaid väikeseid, kuid väga mõjuvaid disainielemente, nagu tüpograafia.
Kuid tõsiasi on see, et tüpograafia on üks olulisemaid veebidisaini elemente, mis eiramisel võib tulusid halvasti mõjutada.
Niisiis, asume tüpograafia nüansse, et mõista selle tähtsust ja mõju e-poe müügile:
Tüpograafia: mis see täpselt on?
Siin on Wiki definitsioon:
„Tüpograafia on kunst ja tehnika kirjakeele paigutamiseks, et muuta kirjakeel kuvamisel loetavaks, loetavaks ja ahvatlevaks. Tüübi paigutus hõlmab kirjatüüpide, punktide suuruse, reapikkuste, reavahe (eesmärk) ja tähtedevahe (jälgimine) valimist ning tähepaaride vahelise ruumi reguleerimist (sõlmimine).
Tüpograafia mõju kasutajakogemusele
Tüpograafia kõnetab teie külastajaid.
Inimesed vaatavad teie kodulehte tervikuna, skannides teksti, fondi tüüpi, tähtede suurust ja ridade pikkust. Nüüd, kui nad ei pea teie sisu loetavaks, lahkuvad nad saidilt kohe ja hüppavad teie konkurendi saidile. See ei ole teadlik otsus. Kuid veebisaidi kujundus (mis sisaldab tüüpi, fondi suurust, värvi ja tühikuid) sunnib neid seda tegema.
On tehtud uurimus, mis tõestab tõsiasja, et kirjatüüpidel on suur mõju sellele, kuidas me teavet töötleme. Ühe uuringu viis läbi Oscari-võitja dokumentalist Errol Morris ja pealkirjaga "Kas olete optimist või pessimist?" Selles huvitavas uuringus avastas ta, et lugejad usaldavad tõenäolisemalt väidet, kui see on kirjutatud Baskerville’i kirjatüübis, kui mis tahes muu kirjatüübiga, nagu Georgia, Comic Sans, Computer Modern, Helvetica või Trebuchet.
Sellest uuringust on selgelt näha, et müügi tekitamiseks ei piisa pelgalt märksõnarohketest lehtedest või kvaliteetsest sisust (tootekirjeldus, tootepildid ja tootevideod); kuid sama oluline on, et teie veebipoes oleks õige kirjatüüp ja suurus.
Õige tüpograafia valimine pakub külastajatele erakordset kasutuskogemust. See aitab teil hoida külastaja tähelepanu kaua; tagades, et külastajad keskenduvad täielikult teie pakutavatele toodetele/teenustele. Keskendunud tähelepanu aitab teil müüki suurendada.
Tüpograafia mõju Google’i edetabelitele
Google’i otsingujärjestuse algo võtab veebisaidi järjestamiseks arvesse peaaegu 200 signaali. Tüpograafia ei ole praegu selles järjestustegurite loendis kohta saanud. Seega ei aita õige kirjatüübi ja fondi suuruse valimine teil SERP-ides kõrgel kohal olla.
Kõik e-poe veebidisainerid on aga väga teadlikud sellest, et külastajatele hea kasutajakogemuse pakkumine aitab neil Google’is kõrgemal kohal olla võrreldes kehva veebikogemust pakkuvate veebisaitidega. Eelnimetatud punktist on selge, et tüpograafial on oluline roll kasutajatele hea kasutuskogemuse pakkumisel. Niisiis, võrrand on nüüd järgmine:
Siin on Steve Jobsi tüpograafia käsitlus
See on see, mida Steve Jobs, õigustatult tuntud kui fontide ristiis, ütles tüpograafia kohta ühes kõige inspireerivamas avakõnes, mille ta Stanfordi ülikoolis pidas:
Tegurid, mida tuleb enne tüpograafia valimist arvesse võtta
Nüüd, kui teame tüpograafia mõju konversioonimääradele, tutvume sügavamalt, et mõista, kuidas saate teha tüpograafiaga seotud otsuseid.
Pole olemas ühtset tüpograafia valemit, mis toimiks kõigi e-poodide puhul. See sõltub mõnest kriitilisest tegurist, nagu sihtrühm, teie kaubamärgi maine, tööstusharu, kuhu teie ettevõte kuulub, kas see on B2B või B2C ettevõte, tooted/teenused, mida soovite müüa, ja sõnum, mida soovite oma külastajatele edastada. Kõigi nende tegurite kriitiline hindamine aitab teil valida teie ettevõtte jaoks õige tüpograafia.
Näiteks peab B2B ettevõte valima fonte nagu sans serif, mis aitavad neil koguda digitaalruumis austust ja usaldust. Näiteks veebimakseteenuse pakkuja Yapstone kasutab Gothami kirjatüüpi, mis annab kaubamärgile usaldusväärse kuvandi. Gothami kasutati isegi 2008. aasta presidendivalimiste Barack Obama kampaaniamaterjalis.
Allikas: Yapstone.com
Seevastu lastekaupu, nagu riided või mänguasjad, müüv e-pood peab valima kirjatüübid, mis annavad mängulise ja lõbusa tunde. Vaadake, kuidas lasteplatsil õnnestub oma tüpograafiaga meie südamed võita:
Allikas: Childrensplace.com
Veel üks oluline tegur, mida tuleb arvestada, on mobiilne vaatajaskond. Kuna üha rohkem inimesi läheb üle m-kaubanduse poole, peate enne tüpograafia nullimist silmas pidama mobiilivaatajaid.
Lühidalt, pärast ülaltoodud tegurite põhjalikku analüüsi, valige tüpograafia, mis sobib teie kaubamärgi kuvandiga.
Tüpograafia elemendid
On selge, et tüpograafia parandab teie külastaja kogemust. Olen siin kirjeldanud mõningaid tüpograafia elemente, et parandada teie saidi orgaanilist asetust ja kasutajakogemust.
Värv:
Värv on tüpograafia üks olulisemaid elemente. Õige värv köidab külastajate tähelepanu ja samal ajal tõstavad kehvad värvid avalehel teie saidi põrkemäära.
Paljud populaarsed veebisaidid nagu Skype, WordPress, Twitter, LinkedIn kasutavad oma kodulehel sinist värvi. Selle üheks peamiseks põhjuseks on see, et sinine värv sümboliseerib usaldusväärsust ja ausust. Seetõttu on veebidisaineritel ülioluline, et neil oleks sügav arusaam värvipsühholoogiast ja selle mõjust e-kaubanduse konversioonidele. Katses leidis Monetate, et sinised CTA-d ületavad oranži CTA-d 9%.
Allikas: Monetate.com
Siiski oleme näinud, et maailma suurim e-kaubanduse jaemüüja Amazon on oma tootelehtedel oranžid CTA-d. Seega on soovitatav mitte teha üldistavaid katseid ja valida parim värv, mis sobib teie kaubamärgi maine jaoks ja teisendab.
Rea pikkus ja reavahe:
Liiga pikad või lühikesed jooned ei näe esteetiliselt meeldivad. Keskmine rea pikkus on 45–90 tähemärki, mis sisaldab ka tühikuid.
Reavahe on kahe tekstirea vaheline kaugus. Soovitatav reavahe on vahemikus 120% kuni 145% fondi suurusest.
Tühik:
Tühik annab teie veebisaidi paigutusele elegantse ilme. Tooteleht, mis on täis kogu toote kohta käivat teavet, nagu tootekirjeldus, pildid, videod ja CTA-d, teisendab vähem kui tooteleht, millel on risustatud tooteteave. Lisaks on veebiostlejatel lihtne toote kohta soovitud teavet leida.
Kasutage sobivalt tühikuid, et muuta oma tootelehed visuaalselt vapustavaks.
Fondi suurus ja tüüp:
Fontidel on sisu loetavuses oluline roll. Raskesti loetavad kirjatüübid pööravad teie külastajatele tähelepanu. Teise võimalusena veenavad õiged kirjatüübid külastajaid soovitud toiminguid tegema.
Valige see, mis on loetav, ühildub kõigi brauserite ja ekraanisuurustega, ning see, mis sobib teie brändi kuvandiga kõige paremini. Ärge kasutage rohkem kui kahte kirjatüüpi. Valige pealkirjade jaoks üks ja tootekirjelduseks teine kirjatüüp.
Väikesed või pisikesed fondid kulutavad lugemisele rohkem aega ja võivad seetõttu veebisaidi külastajad kohe eemale peletada. Seega veenduge, et fondi suurus oleks piisavalt suur, et veebikülastajad saaksid sisu hõlpsalt lugeda.
Kuigi e-kaubanduse kujunduste jaoks pole ideaalset fondi suurust või kirjatüüpi, tuleb rusikareegel valida see, mis muudab selle loetavaks, sobib teie kaubamärgi kuvandiga ja on kooskõlas teie müüdavate toodetega.
Mis te arvate, näiteks järgnevast kolmest kirjatüübist, mis jätavad Interneti-meditsiinipoe jaoks usaldusväärse ja usaldusväärse mulje?
Pole raske arvata, et meditsiiniliste e-poodide veebidisainerid valivad Arial fondi kasuks.
Hinnake oma tüpograafia toimivust
Olete määranud oma CTA-de kirjatüübi, fondi suuruse, värvid ja kõik muud tüpograafia kujunduselemendid. Kuid kas see töötab teie e-kaubanduse veebisaidi jaoks?
Parim viis teada saada, kas valitud tüpograafia teie e-poe jaoks töötab või mitte, on teha A/B jaotustest. Väga paljud e-poodide omanikud väidavad, et neil pole aega tüpograafiateste teha. Kas see pole just nagu ütlemine – "mul ei ole aega bensiini järele peatuda, kuna olen hõivatud sõiduga"? (Analoogia võetud Robin Sharma bestsellerist – "Munk, kes müüs oma Ferrari") Lõpuks maksate selle eest hinna; ja mõjutatud mõõdikud oleksid – külastajate arv, põrkemäär ja konversioonimäär.
Teisest küljest annab testimine teile teada, kas värvide, fonditüübi, fondi suuruse, kirjatüüpide ja tühikute valik avaldab teie müügile soovitud mõju või mitte. Olge eksperimentaalne ja vaadake, mis teie sihtrühma jaoks kõige paremini sobib!
Pakkides seda kokku
Tüpograafia on e-kaubanduse veebidisaini retsepti põhikomponent. E-kaubandusega tegelev ettevõtja, kes on kulutanud tuhandeid dollareid kalli arendusagentuuri palkamiseks, et töötada välja tipptasemel e-kaubanduse platvorm, võib näha, et tema e-kaubanduse idufirma ebaõnnestub, kui seda põhilist ja üliolulist disainielementi eiratakse.
See peab olema piisavalt lihtne, et see oleks loetav ja samal ajal piisavalt veenev, et veenda sihtrühma surfama ja veebisaidil kauem viibima.
Tugev tüpograafia loob tugeva kaubamärgi identiteedi, meelitab ligi uusi külastajaid ja meelitab kliente teie saiti uuesti külastama; suurendades seeläbi teie ettevõtte müüki ja kasumit.
Kas saadate tüpograafia abil potentsiaalsetele klientidele õige sõnumi? Milliseid kirjatüüpe kasutate oma ettevõtte jaoks, et saada maksimaalne konversioon? Jagage oma ideid või küsimusi meiega allolevates kommentaarides.