E-Store Web Design: Lag en sak for typografi

Rask lasting? Sjekket! Enkel navigering? Sjekket! Overbevisende handlingsfremmende knapper? Sjekket! Produktbilder av høy kvalitet? Sjekket! Kraftig produktinnhold? Sjekket! Sikker utsjekkingsprosess? Sjekket!

Typografi? Egentlig?! Betyr typografi noe? – Et spørsmål som ville dukket opp i hodet til mange av e-handelsgründerne som er klare til å lansere butikken sin på nett.

Svaret er "JA" – og denne artikkelen vil bevise dette faktum!

Ideelt sett er nye e-butikkgründere fulle av iver og entusiasme for å konvertere sin fysiske butikk til en lønnsom nettbedrift. I hastverket for å se nettsidene deres gå live, kan mange av disse gründerne bare fokusere på større og bredere spørsmål; ignorerer noen små, men svært påvirkende designelementer som typografi.

Men faktum er at typografi er et av de mest essensielle webdesignelementene som hvis de ignoreres kan ha en negativ innvirkning på inntektene.

Så, la oss gå ned til det kuriøse med typografi for å forstå dens betydning og innvirkning på e-butikksalg:

Typografi: Hva er det egentlig?

Her er Wiki- definisjonen:

"Typografi er kunsten og teknikken for å arrangere skrift for å gjøre skriftspråket lesbart, lesbart og tiltalende når det vises. Ordningen av skrift innebærer å velge skrifttyper, punktstørrelser, linjelengder, linjeavstand (ledende) og bokstavavstand (sporing), og justere avstanden mellom bokstavpar (kjerning)."

Innvirkning av typografi på brukeropplevelse

Typografi snakker til de besøkende.

Folk ser på hjemmesiden din som en helhet, skanner teksten, skrifttype, størrelsen på bokstavene og lengden på linjene. Nå, hvis de ikke finner innholdet ditt lesbart, vil de forlate nettstedet umiddelbart og hoppe til konkurrentens nettsted. Dette er ikke en bevisst beslutning. Men nettstedets design (som inkluderer type, størrelse på skrift, farge og mellomrom) ber dem om å gjøre det.

Det har vært en forskningsstudie som beviser det faktum at skrifttyper har stor innvirkning på måten vi behandler informasjon på. En studie ble utført av Oscar-vinner dokumentarfilmskaper Errol Morris med tittelen "Er du en optimist eller pessimist?" I denne interessante studien oppdaget han at lesere er mer sannsynlig å stole på en uttalelse hvis den ble skrevet med Baskerville-skrift enn presentert i noen annen skrift som Georgia, Comic Sans, Computer Modern, Helvetica eller Trebuchet.

Det er tydelig fra denne studien at bare det å ha søkeordrike sider eller kvalitetsinnhold (produktbeskrivelse, produktbilder og produktvideoer) ikke er tilstrekkelig for å generere salg; men det er like viktig å ha riktig type og størrelse på skriften i nettbutikken din.

Å velge riktig typografi vil gi eksepsjonell brukeropplevelse til de besøkende. Det vil hjelpe deg å holde besøkendes oppmerksomhet lenge; sikre at besøkendes fulle fokus er på produktene/tjenestene du tilbyr. En fokusert oppmerksomhet vil hjelpe deg med å øke salget.

Innvirkning av typografi på Google-rangeringer

Googles søkerangeringsalgo vurderer nesten 200 signaler for å rangere et nettsted. Typografi har for øyeblikket ikke fått plass i denne listen over rangeringsfaktorer. Så, å velge riktig skrifttype og skriftstørrelse vil ikke direkte hjelpe deg med å rangere høyt i SERP-er.

Alle nettdesignere av e-butikker er imidlertid svært bevisste på at det å gi besøkende en god brukeropplevelse vil hjelpe dem til å rangere høyere i Google sammenlignet med nettsteder som gir dårlig nettopplevelse. Det er klart fra det nevnte punktet at typografi spiller en viktig rolle for å gi brukerne god brukeropplevelse. Så ligningen er nå:

Her er Steve Jobs tar på typografi

Dette er hva Steve Jobs, med rette kjent som fontens gudfar, hadde sagt om typografi i en av de mest inspirerende innledningstalene han holdt ved Stanford University:

Faktorer du bør vurdere før du velger typografi

Nå, som vi vet hvilken innvirkning typografi har på konverteringsfrekvenser, la oss gå dypt ned for å forstå hvordan du kan ta typografirelaterte avgjørelser:

Det er ingen enkel formel for typografi som kan fungere for alle e-butikker. Det avhenger av noen kritiske faktorer som målgruppe, merkevarebilde, bransje virksomheten din faller inn i, om det er et B2B- eller B2C-selskap, produkter/tjenester du ønsker å selge og budskapet du ønsker å formidle til de besøkende. Kritisk evaluering av alle disse faktorene vil hjelpe deg med å velge riktig typografi for firmaet ditt.

For eksempel må et B2B-selskap gå for fonter som sans serif som hjelper dem å få respekt og tillit i det digitale rommet. Yapstone, en nettbasert betalingstjenesteleverandør, bruker for eksempel Gotham-skrifttype som gir merkevaren et pålitelig bilde. Gotham ble til og med brukt i kampanjematerialet til Barack Obama i presidentvalget i 2008.

Kilde: Yapstone.com

På den annen side må en e-butikk som selger barneartikler som klær eller leker velge skrifttyper som gir en leken og morsom følelse. Ta en titt på hvordan childrensplace klarer å vinne våre hjerter med sin typografi:

Kilde: Childrensplace.com

En annen viktig faktor som må vurderes er mobilpublikummet. Siden flere og flere mennesker går over til m-handel, må du huske på mobilpublikummet før du nullstiller typografi.

Kort sagt, etter å ha analysert de ovennevnte faktorene grundig, velg typografien som passer til merkevarebildet ditt.

Typografielementer

Det er tydelig at typografi forbedrer besøkendes opplevelse. Jeg har detaljert her noen få elementer av typografi for å forbedre nettstedets organiske rangeringer og brukeropplevelse:

Farge:

Farge er et av de viktigste elementene i typografi. Riktig farge tiltrekker besøkendes oppmerksomhet, og samtidig vil dårlige farger på hjemmesiden øke fluktfrekvensen på nettstedet ditt.

Mange populære nettsteder som Skype, WordPress, Twitter, LinkedIn bruker blå farge på hjemmesiden deres. En av hovedårsakene bak dette er blå farge symboliserer pålitelighet og ærlighet. Det er derfor viktig for webdesignere å ha en dyp forståelse av fargepsykologi og dens innvirkning på e-handelskonverteringer. I et eksperiment fant Monetate at blå CTA-er overgår oransje CTA-er med 9 %.

Kilde: Monetate.com

Imidlertid har vi sett at Amazon, den største e-handelsforhandleren i verden, har oransje CTA-er på produktsidene sine. Så det er tilrådelig å ikke gå gjennom noen generaliserte eksperimenter og velge den beste fargen som fungerer for merkevarebildet ditt og konverterer.

Linjelengde og linjeavstand:

For lange eller for korte linjer vil ikke se estetisk tiltalende ut. Gjennomsnittlig linjelengde er 45-90 tegn, inkludert mellomrom.

Linjeavstand er avstanden mellom to linjer med tekst. Anbefalt linjeavstand er mellom 120 % og 145 % av skriftstørrelsen.

WhiteSpace:

Whitespace gir et elegant utseende til nettstedets layout. En produktside som er rotete med all informasjon om produktet som produktbeskrivelse, bilder, videoer og CTAer vil konvertere mindre sammenlignet med en produktside med ryddet produktinformasjon. Videre gjør det det enkelt for nettkjøpere å finne ønsket informasjon om produktet enkelt.

Gjør passende bruk av mellomrom for å gjøre produktsidene dine visuelt imponerende.

Skriftstørrelse og -type:

Skrifter spiller en viktig rolle for lesbarheten til innholdet. Vanskelige skrifttyper vil slå av de besøkende. Alternativt vil riktige skrifttyper overtale besøkende til å gjøre ønsket handling.

Velg den som er lesbar, kompatibel på tvers av alle nettlesere og skjermstørrelser og den som passer best til merkevarebildet ditt. Ikke bruk mer enn 2 skrifttyper. Velg én skrifttype for overskrifter og en annen for produktbeskrivelse.

Små eller bittesmå fonter bruker mer tid på lesing og kan derfor drive bort besøkende på nettstedet umiddelbart. Så sørg for at skriftstørrelsen er stor nok til at nettbesøkende enkelt kan lese innholdet.

Selv om det ikke er noen ideell skriftstørrelse eller skrifttype for e-handelsdesign, er tommelfingerregelen å velge den som gjør den lesbar, passer til merkevarebildet ditt og er i samsvar med produktene du selger.

For eksempel, fra følgende 3 skrifttyper, hvilke tror du vil gi inntrykk av pålitelig og pålitelig for en medisinsk nettbutikk?

Det er ikke vanskelig å gjette at medisinske e-butikk-webdesignere vil velge Arial-font.

Evaluer typografiytelsen din

Du har angitt skrifttype, skriftstørrelse, farger på CTA-ene og alle andre designelementer i typografien din. Men fungerer det for e-handelsnettstedet ditt?

Den beste måten å vite om den valgte typografien fungerer for e-butikken din eller ikke, er å gjøre noen A/B-splitttesting. Svært mange e-butikkeiere hevder at de ikke har tid til å utføre typografitesting. Er det ikke akkurat som å si – "Jeg har ikke tid til å stoppe for bensin da jeg er opptatt med å kjøre"? (Analogi hentet fra Robin Sharmas bestselgerbok – ‘A Monk Who Sold His Ferrari’) Til slutt vil du betale prisen for den; og de berørte beregningene vil være – antall besøkende, fluktfrekvens og konverteringsfrekvens.

På den annen side vil testing fortelle deg om valg av farger, skrifttype, skriftstørrelse, skrifttyper og mellomrom har ønsket effekt på salget eller ikke. Vær eksperimentell og se hva som fungerer best for målgruppen din!

Pakker det opp

Typografi er en nøkkelingrediens i oppskriften på eCommerce webdesign. En e-handelsgründer som har brukt tusenvis av dollar på å ansette et dyrt utviklingsbyrå for å utvikle en banebrytende e-handelsplattform kan se e-handelsoppstarten mislykkes hvis dette grunnleggende og avgjørende designelementet ignoreres.

Den må være enkel nok til at den er lesbar og samtidig overbevisende nok til å overtale målgruppen til å surfe og bli lenger på nettsiden.

Solid typografi vil bygge en sterk merkevareidentitet, tiltrekke nye besøkende og lokke kunder til å besøke nettstedet ditt på nytt; og dermed øke salget og fortjenesten for virksomheten din.

Sender du det riktige budskapet til dine potensielle kunder med typografi? Hvilke skrifttyper bruker du for at bedriften din skal få maksimale konverteringer? Del dine ideer eller spørsmål med oss ​​i kommentarene nedenfor.