Webbdesign för e-butik: Att göra ett fall för typografi

Snabbladdning? Kontrollerade! Enkel navigering? Kontrollerade! Övertygande uppmaningsknappar? Kontrollerade! Högkvalitativa produktbilder? Kontrollerade! Kraftfullt produktinnehåll? Kontrollerade! Säker utcheckningsprocess? Kontrollerade!

Typografi? Verkligen?! Spelar typografi någon roll? – En fråga som skulle dyka upp i många av e-handelsföretagarnas huvuden som är redo att lansera sin butik online.

Svaret är "JA" – och den här artikeln kommer att bevisa detta faktum!

Helst är nya e-butiksentreprenörer fulla av iver och entusiasm att omvandla sin fysiska butik till en lönsam nätaffär. I sin bråttom att se sina webbplatser gå live kanske många av dessa entreprenörer bara fokuserar på större och bredare frågor; ignorerar några små men mycket påverkande designelement som typografi.

Men faktum är att typografi är en av de viktigaste webbdesignelementen som om den ignoreras kan påverka intäkterna dåligt.

Så låt oss gå ner till typografin för att förstå dess betydelse och inverkan på e-butiksförsäljning:

Typografi: Vad är det exakt?

Här är Wiki – definitionen:

"Typografi är konsten och tekniken att arrangera typ för att göra skrivspråk läsligt, läsbart och tilltalande när det visas. Typarrangemanget innebär att man väljer typsnitt, punktstorlekar, radlängder, radavstånd (ledande) och bokstavsavstånd (spårning) och justerar avståndet mellan bokstäverpar (kerning)."

Typografis inverkan på användarupplevelsen

Typografi talar till dina besökare.

Människor tittar på din hemsida som en helhet, skannar texten, typ av teckensnitt, storleken på bokstäverna och längden på raderna. Nu, om de inte finner ditt innehåll läsbart, kommer de att lämna webbplatsen omedelbart och hoppa till din konkurrents webbplats. Detta är inte ett medvetet beslut. Men webbdesignen (som inkluderar typ, storlek på teckensnitt, färg och blanksteg) uppmanar dem att göra det.

Det har gjorts en forskningsstudie som bevisar det faktum att typsnitt har stor inverkan på hur vi behandlar information. En studie genomfördes av Oscarsvinnaren dokumentärfilmare Errol Morris och med titeln "Är du en optimist eller pessimist?" I denna intressanta studie upptäckte han att läsare är mer benägna att lita på ett uttalande om det var skrivet i Baskerville-typsnitt än presenterat i något annat typsnitt som Georgia, Comic Sans, Computer Modern, Helvetica eller Trebuchet.

Det är tydligt uppenbart från den här studien att det inte räcker att bara ha sökordsrika sidor eller kvalitetsinnehåll (produktbeskrivning, produktbilder och produktvideor) för att generera försäljning; men det är lika viktigt att ha rätt typ och storlek på teckensnittet i din webbutik.

Att välja rätt typografi ger en exceptionell användarupplevelse för dina besökare. Det hjälper dig att hålla besökarens uppmärksamhet länge; se till att besökarnas fulla fokus ligger på de produkter/tjänster du erbjuder. En fokuserad uppmärksamhet hjälper dig att öka din försäljning.

Typografins inverkan på Googles ranking

Googles sökrankningsalgo överväger nästan 200 signaler för att rangordna en webbplats. Typografi har för närvarande inte fått en plats i denna lista över rankningsfaktorer. Så att välja rätt typsnitt och teckenstorlek hjälper dig inte direkt att rankas högt i SERP.

Alla webbdesigners för e-butiker är dock mycket medvetna om det faktum att att ge besökarna en bra användarupplevelse kommer att hjälpa dem att rankas högre i Google jämfört med webbplatser som ger dålig webbupplevelse. Det framgår av ovan nämnda punkt att typografi spelar en viktig roll för att ge användarna en bra användarupplevelse. Så nu är ekvationen:

Här är Steve Jobs ta på typografi

Detta är vad Steve Jobs, med rätta känd som typsnittens gudfader, hade sagt om typografi i ett av de mest inspirerande inledningstal han höll vid Stanford University:

Faktorer att tänka på innan du väljer typografi

Nu när vi vet vilken effekt typografi har på omvandlingsfrekvenser, låt oss gå djupt ner för att förstå hur du kan fatta typografirelaterade beslut:

Det finns ingen enkel formel för typografi som kan fungera för alla e-butiker. Det beror på några kritiska faktorer som målgrupp, din varumärkesimage, bransch ditt företag faller in i, om det är ett B2B- eller B2C-företag, produkter/tjänster som du vill sälja och budskapet som du vill förmedla till dina besökare. Kritisk utvärdering av alla dessa faktorer hjälper dig att välja rätt typografi för ditt företag.

Till exempel måste ett B2B-företag gå efter typsnitt som sans serif som hjälper dem att få respekt och förtroende i det digitala rummet. Yapstone, en onlinebetaltjänstleverantör, använder till exempel Gotham-typsnitt som ger varumärket en trovärdig image. Gotham användes till och med i kampanjmaterialet för Barack Obama i presidentvalet 2008.

Källa: Yapstone.com

Å andra sidan måste en e-butik som säljer barnartiklar som kläder eller leksaker välja typsnitt som ger en lekfull och rolig känsla. Ta en titt på hur barnplatsen lyckas vinna våra hjärtan med sin typografi:

Källa: Childrensplace.com

En annan viktig faktor som måste beaktas är mobilpublik. Eftersom fler och fler människor går över till m-handel måste du tänka på den mobila publiken innan du nollställer typografi.

Kort sagt, efter att ha noggrant analyserat de ovan nämnda faktorerna, välj typografin som passar ditt varumärke.

Typografielement

Det är tydligt att typografi förbättrar din besökares upplevelse. Jag har detaljerat här några element av typografi för att förbättra din webbplats organiska ranking och användarupplevelse:

Färg:

Färg är ett av de viktigaste delarna av typografi. Rätt färg lockar besökarnas uppmärksamhet och samtidigt kommer dåliga färger på hemsidan att öka avvisningsfrekvensen på din webbplats.

Många populära webbplatser som Skype, WordPress, Twitter, LinkedIn använder blå färg på sin hemsida. En av huvudorsakerna bakom detta är blå färg symboliserar pålitlighet och ärlighet. Det är därför viktigt för webbdesigners att ha en djup förståelse för färgpsykologi och dess inverkan på e-handelskonverteringar. I ett experiment fann Monetate att blå CTA:er överträffar orange CTA med 9 %.

Källa: Monetate.com

Vi har dock sett Amazon, den största e-handelshandlaren i världen, ha orange CTAs på sina produktsidor. Så det är tillrådligt att inte gå igenom några generaliserade experiment och välja den bästa färgen som fungerar för din varumärkesimage och konverterar.

Linjelängd och radavstånd:

För långa eller för korta linjer kommer inte att se estetiskt tilltalande ut. Den genomsnittliga radlängden är 45-90 tecken vilket inkluderar mellanslag.

Radavstånd är avståndet mellan två textrader. Rekommenderat radavstånd är mellan 120 % och 145 % av teckenstorleken.

WhiteSpace:

Whitespace ger ett elegant utseende till din webbplatslayout. En produktsida som är belamrad med all information om produkten som produktbeskrivning, bilder, videor och CTA:er kommer att konvertera mindre jämfört med en produktsida med renad produktinformation. Dessutom gör det det enkelt för näthandlare att enkelt hitta önskad information om produkten.

Använd lämpligt blanksteg för att göra dina produktsidor visuellt imponerande.

Teckenstorlek och typ:

Typsnitt spelar en viktig roll för innehållets läsbarhet. Svårlästa typsnitt kommer att vända dina besökare. Alternativt kommer rätt typsnitt att övertala besökare att vidta önskad åtgärd.

Välj den som är läsbar, kompatibel med alla webbläsare och skärmstorlekar och den som bäst passar din varumärkesimage. Använd inte mer än 2 typsnitt. Välj ett typsnitt för rubriker och ett annat för produktbeskrivning.

Små eller små teckensnitt förbrukar mer tid vid läsning och kan därför driva bort webbplatsbesökare omedelbart. Så se till att teckensnittsstorleken är tillräckligt stor för att webbbesökare enkelt ska kunna läsa innehållet.

Även om det inte finns någon idealisk teckenstorlek eller typsnitt för e-handelsdesigner, är tumregeln att välja den som gör den läsbar, passar din varumärkesimage och är i enlighet med de produkter du säljer.

Till exempel, från följande tre typsnitt, vilka tror du kommer att ge intrycket av tillförlitlighet och trovärdighet för en medicinsk onlinebutik?

Det är inte svårt att gissa att webbdesigners för medicinsk e-butik kommer att välja Arial-teckensnitt.

Utvärdera din typografiprestanda

Du har ställt in typsnitt, teckenstorlek, färger på dina CTA:er och alla andra designelement i din typografi. Men fungerar det för din e-handelswebbplats?

Det bästa sättet att veta om den valda typografin fungerar för din e-butik eller inte, är att göra några A/B-delade tester. Väldigt många e-butiksägare hävdar att de inte har tid att göra typografitestning. Är det inte precis som att säga – "Jag har inte tid att stanna för gas eftersom jag är upptagen med att köra bil"? (Analogi hämtad från Robin Sharmas bestsellerbok – ‘En munk som sålde sin Ferrari’) Så småningom kommer du att betala priset för den; och de berörda mätvärdena skulle vara – antal besökare, avvisningsfrekvens och omvandlingsfrekvens.

Å andra sidan kommer testning att låta dig veta om valet av färger, teckensnitt, teckenstorlek, typsnitt och blanksteg har den önskade effekten på din försäljning eller inte. Var experimentell och se vad som fungerar bäst för din målgrupp!

Slår ihop det

Typografi är en nyckelingrediens i receptet för webbdesign för e-handel. En e-handelsentreprenör som har spenderat tusentals dollar på att anställa en dyr utvecklingsbyrå för att utveckla en banbrytande e-handelsplattform kan se sin e-handelsstart misslyckas om detta grundläggande och avgörande designelement ignoreras.

Det måste vara tillräckligt enkelt så att det är läsbart och samtidigt tillräckligt övertygande för att övertala målgruppen att surfa och stanna längre på hemsidan.

Solid typografi kommer att bygga en stark varumärkesidentitet, locka nya besökare och locka kunder att besöka din webbplats igen; och därmed öka försäljningen och vinsten för ditt företag.

Skickar du rätt budskap till dina potentiella kunder med typografi? Vilka typsnitt använder du för att ditt företag ska få maximala konverteringar? Dela dina idéer eller frågor med oss ​​i kommentarerna nedan.