Verkkokaupan verkkosuunnittelu: typografiaa varten
Nopea lataus? Tarkistettu! Yksinkertainen navigointi? Tarkistettu! Vakuuttavat toimintakehotuspainikkeet? Tarkistettu! Laadukkaat tuotekuvat? Tarkistettu! Tehokas tuotesisältö? Tarkistettu! Suojattu uloskirjautumisprosessi? Tarkistettu!
typografia? Todella?! Onko typografialla väliä? – Kysymys, joka ponnahtaa esiin monien verkkokaupan yrittäjien päähän, jotka kaikki ovat valmiita avaamaan verkkokauppansa.
Vastaus on KYLLÄ – ja tämä artikkeli todistaa sinulle tämän tosiasian!
Ihannetapauksessa uudet verkkokaupan yrittäjät ovat täynnä intoa ja innostusta muuttaa kivijalkakauppansa kannattavaksi verkkoliiketoiminnaksi. Kun he kiirehtivät verkkosivustojensa käyttöön, monet näistä yrittäjistä saattavat keskittyä suurempiin ja laajempiin kysymyksiin. jättäen huomioimatta joitain pieniä mutta erittäin vaikuttavia suunnitteluelementtejä, kuten typografia.
Tosiasia on kuitenkin, että typografia on yksi tärkeimmistä web-suunnittelun elementeistä, jotka huomiotta jättäminen voi vaikuttaa huonosti tuloihin.
Mennään siis typografian ytimeen ymmärtääksemme sen tärkeyden ja vaikutuksen verkkokaupan myyntiin:
Typografia: Mitä se tarkalleen on?
Tässä on Wikin määritelmä:
"Typografia on taidetta ja tekniikkaa, jolla kirjoitetaan kirjoitettu kieli luettavalla, luettavalla ja houkuttelevalla tavalla esillä. Kirjasinjärjestykseen kuuluu kirjasintyyppien, pistekokojen, rivien pituuden, rivivälin (alku) ja kirjainvälin (seuranta) valitseminen ja kirjainparien välisen tilan säätäminen (kerning)."
Typografian vaikutus käyttökokemukseen
Typografia puhuttelee vierailijoitasi.
Ihmiset katsovat kotisivuasi kokonaisuutena ja skannaavat tekstin, fontin tyypin, kirjainten koon ja rivien pituuden. Jos he eivät nyt pidä sisältöäsi luettavana, he poistuvat sivustolta välittömästi ja siirtyvät kilpailijasi sivustolle. Tämä ei ole tietoinen päätös. Mutta verkkosivuston suunnittelu (joka sisältää tyypin, fontin koon, värin ja välilyönnit) kehottaa heitä tekemään niin.
On tehty tutkimus, joka osoittaa, että kirjasintyypeillä on suuri vaikutus tapaamme käsitellä tietoa. Yhden tutkimuksen suoritti Oscar-voittaja dokumenttielokuvaohjaaja Errol Morris, jonka otsikko oli "Oletko optimisti vai pessimisti?" Tässä mielenkiintoisessa tutkimuksessa hän havaitsi, että lukijat luottavat todennäköisemmin lausuntoon, jos se on kirjoitettu Baskerville-kirjasimella kuin millään muulla kirjasimella, kuten Georgia, Comic Sans, Computer Modern, Helvetica tai Trebuchet.
Tästä tutkimuksesta käy selvästi ilmi, että pelkkä avainsanarikkaiden sivujen tai laadukkaan sisällön (tuotekuvaus, tuotekuvat ja tuotevideot) olemassaolo ei riitä myynnin synnyttämiseen. mutta yhtä tärkeää on, että verkkokaupassasi on oikea fontin tyyppi ja koko.
Oikean typografian valitseminen tarjoaa vierailijoille poikkeuksellisen käyttökokemuksen. Se auttaa sinua pitämään vierailijan huomion pitkään; varmistaa, että vierailijat keskittyvät täysin tarjoamiisi tuotteisiin/palveluihin. Keskittynyt huomio auttaa sinua kasvattamaan myyntiäsi.
Typografian vaikutus Googlen rankingeihin
Googlen hakusijoitusalgo ottaa huomioon lähes 200 signaalia verkkosivuston luokittelussa. Typografia ei ole tällä hetkellä saanut paikkaa tässä sijoitustekijöiden luettelossa. Joten oikean kirjasintyypin ja fontin koon valitseminen ei suoraan auta sinua sijoittumaan korkealle SERP:issä.
Kaikki verkkokaupan verkkosuunnittelijat ovat kuitenkin erittäin tietoisia siitä, että hyvän käyttökokemuksen tarjoaminen vierailijoille auttaa heitä sijoittumaan korkeammalle Googlessa verrattuna verkkosivustoihin, jotka tarjoavat huonon verkkokokemuksen. Edellä mainitusta seikasta on käynyt selväksi, että typografialla on tärkeä rooli hyvän käyttökokemuksen tarjoamisessa käyttäjille. Eli yhtälö on nyt:
Tässä on Steve Jobsin typografia
Näin kirjasimien kummisetänä oikeutetusti tunnettu Steve Jobs oli sanonut typografiasta yhdessä inspiroivimmasta aloituspuheesta, jonka hän piti Stanfordin yliopistossa:
Huomioon otettavat tekijät ennen typografian valintaa
Nyt kun tiedämme typografian vaikutuksen tulosprosentteihin, perehdytään syvälle ymmärtääksemme, kuinka voit tehdä typografiaan liittyviä päätöksiä:
Ei ole olemassa yhtä typografian kaavaa, joka toimisi kaikissa verkkokaupoissa. Se riippuu joistakin kriittisistä tekijöistä, kuten kohdeyleisöstäsi, tuotekuvastasi, toimialasta, jolle yrityksesi kuuluu, onko kyseessä B2B- tai B2C-yritys, tuotteista/palveluista, joita haluat myydä, ja viestistä, jonka haluat välittää vierailijoille. Kaikkien näiden tekijöiden kriittinen arviointi auttaa sinua valitsemaan oikean typografian yrityksellesi.
Esimerkiksi B2B-yrityksen on valittava kirjasimia, kuten sans serif, jotka auttavat heitä keräämään kunnioitusta ja luottamusta digitaalisessa tilassa. Esimerkiksi verkkomaksupalveluntarjoaja Yapstone käyttää Gotham-kirjasintyyppiä, joka antaa brändille luotettavan kuvan. Gothamia käytettiin jopa Barack Obaman kampanjamateriaalissa vuoden 2008 presidentinvaaleissa.
Lähde: Yapstone.com
Toisaalta lastentarvikkeita, kuten vaatteita tai leluja myyvän verkkokaupan on valittava kirjasimia, jotka antavat leikkisän ja hauskan tunnelman. Katso kuinka Childrensplace onnistuu voittamaan sydämemme typografialla:
Lähde: Childrensplace.com
Toinen tärkeä huomioitava tekijä on mobiiliyleisö. Koska yhä useammat ihmiset ovat siirtymässä m-kauppaan, sinun on pidettävä mielessä mobiiliyleisö ennen kuin nollataan typografia.
Lyhyesti sanottuna, kun olet analysoinut perusteellisesti edellä mainitut tekijät, valitse typografia, joka sopii brändikuvaasi.
Typografian elementit
On selvää, että typografia parantaa vierailijakokemusta. Olen täsmentänyt tässä muutamia typografian elementtejä parantaakseni sivustosi orgaanista sijoitusta ja käyttökokemusta:
Väri:
Väri on yksi typografian tärkeimmistä elementeistä. Oikea väri kiinnittää vierailijoiden huomion ja samalla huonot värit etusivulla lisäävät sivustosi poistumisprosenttia.
Monet suositut verkkosivustot, kuten Skype, WordPress, Twitter, LinkedIn käyttävät kotisivullaan sinistä väriä. Yksi tärkeimmistä syistä tähän on, että sininen väri symboloi luotettavuutta ja rehellisyyttä. Siksi on erittäin tärkeää, että verkkosuunnittelijat tuntevat syvällisesti väripsykologian ja sen vaikutuksen verkkokaupan tuloksiin. Kokeessa Monetate havaitsi, että siniset toimintakehotukset ovat 9 % parempia kuin oranssit.
Lähde: Monetate.com
Olemme kuitenkin nähneet maailman suurimman verkkokaupan vähittäismyyjän Amazonin tuotesivuilla oranssit CTA:t. Joten on suositeltavaa olla tekemättä mitään yleisiä kokeiluja ja valita paras väri, joka sopii tuotekuvaasi ja muuntaa.
Rivin pituus ja riviväli:
Liian pitkät tai liian lyhyet viivat eivät näytä esteettisesti miellyttäviltä. Keskimääräinen rivin pituus on 45-90 merkkiä, joka sisältää välilyönnit.
Riviväli on kahden tekstirivin välinen etäisyys. Suositeltu riviväli on 120–145 % kirjasinkoosta.
Valkotila:
Välilyönti antaa tyylikkään ilmeen verkkosivustosi asetteluun. Tuotesivu, joka on täynnä kaikkea tuotetta koskevaa tietoa, kuten tuotekuvaus, kuvat, videot ja toimintakehotukset, konvertoituu vähemmän kuin tuotesivu, jolla on epäselvät tuotetiedot. Lisäksi verkko-ostajien on helppo löytää haluamansa tiedot tuotteesta helposti.
Käytä välilyöntejä asianmukaisesti tehdäksesi tuotesivuistasi visuaalisesti upeita.
Fontin koko ja tyyppi:
Fontit ovat tärkeässä roolissa sisällön luettavuuden kannalta. Vaikeasti luettavat kirjasintyypit kääntävät kävijöitä. Vaihtoehtoisesti oikeat kirjasintyypit saavat vierailijat ryhtymään haluttuun toimintoon.
Valitse se, joka on luettavissa, yhteensopiva kaikilla selaimilla ja näyttökooilla, ja se, joka sopii parhaiten tuotekuvaasi. Älä käytä enempää kuin kahta kirjasintyyppiä. Valitse yksi kirjasintyyppi otsikoille ja toinen tuotekuvaukselle.
Pienet tai pienet fontit vievät enemmän aikaa lukemiseen ja voivat siksi ajaa sivuston vierailijat heti pois. Varmista siis, että fonttikoko on riittävän suuri, jotta verkkovierailijat voivat lukea sisältöä helposti.
Vaikka verkkokauppamalleille ei ole olemassakaan ihanteellista kirjasinkokoa tai kirjasintyyppiä, nyrkkisääntönä on valita sellainen, joka tekee siitä luettavan, sopii tuotekuvaasi ja on myymiesi tuotteiden mukainen.
Mitkä esimerkiksi seuraavista kolmesta kirjasintyypistä antavat vaikutelman luotettavuudesta verkkokaupassa?
Ei ole vaikea arvata, että lääketieteellisten verkkokauppojen verkkosuunnittelijat valitsevat Arial-fontin.
Arvioi typografian suorituskykyäsi
Olet asettanut kirjasintyylin, kirjasinkoon, toimintakehoitteidesi värit ja kaikki muut typografisi suunnitteluelementit. Mutta toimiiko se verkkokauppasivustollasi?
Paras tapa tietää, toimiiko valittu typografia verkkokaupassasi vai ei, on tehdä A/B-jakotestaus. Suurin osa verkkokauppojen omistajista väittää, ettei heillä ole aikaa tehdä typografiatestauksia. Eikö se ole kuin sanoisi: "Minulla ei ole aikaa pysähtyä bensaa, koska minulla on kiire ajaa"? (Analogia otettu Robin Sharman bestseller-kirjasta – "Munkki, joka myi Ferrarinsa") Lopulta maksat siitä hinnan; ja vaikuttavia mittareita ovat kävijämäärä, välitön poistumisprosentti ja tulosprosentti.
Toisaalta testaamalla saat selville, onko värien, kirjasintyypin, kirjasinkoon, kirjasintyyppien ja välilyöntien valinnalla haluttu vaikutus myyntiisi vai ei. Ole kokeellinen ja katso, mikä toimii parhaiten kohdeyleisöllesi!
Kääri se
Typografia on keskeinen ainesosa verkkokaupan web-suunnittelun reseptissä. Verkkokauppayrittäjä, joka on käyttänyt tuhansia dollareita kalliin kehitystoimiston palkkaamiseen uusimman verkkokauppaalustan kehittämiseen, voi nähdä verkkokaupan perustamisen epäonnistuvan, jos tämä perustavanlaatuinen ja ratkaiseva suunnitteluelementti jätetään huomiotta.
Sen on oltava riittävän yksinkertainen, jotta se on luettavissa ja samalla riittävän vakuuttava houkuttelemaan kohdeyleisön surffaamaan ja pysymään pidempään verkkosivustolla.
Vankka typografia rakentaa vahvan brändi-identiteetin, houkuttelee uusia vierailijoita ja houkuttelee asiakkaita käymään uudelleen sivustossasi. mikä lisää yrityksesi myyntiä ja voittoja.
Lähetätkö oikean viestin mahdollisille asiakkaillesi typografian avulla? Mitä kirjasintyyppejä käytät, jotta yrityksesi tuottaa mahdollisimman paljon tuloksia? Jaa ideasi tai kysymyksesi kanssamme alla olevissa kommenteissa.