15 webbdesignprinciper som kommer att öka din omvandlingsfrekvens
Många faktorer har en direkt inverkan på konverteringen av din webbplats. Webbdesign är dock den viktigaste av dem.
Det första intrycket vi får är visuellt och avgörande. Därför, om du vill förbättra konverteringsfrekvensen på din webbplats, är webbdesign det första stället att börja.
I den här artikeln har vi sammanställt de grundläggande principerna och tipsen som hjälper dig med denna uppgift.
Se till att din webbdesign är responsiv och mobilvänlig
Andelen mobiltrafik växer och kommer att växa under 2020. Forskning tyder på att de flesta användare kommer att vägra interagera med varumärket om det är omöjligt att utföra nödvändiga åtgärder från en mobil enhet. Innan du gör ändringar i designen på din webbplats för att få fler konverteringar, se därför till att webbplatsen visas korrekt på mobila enheter och att användare inte stöter på stötestenar i deras väg.
Hur man gör det? Allt kommer att bero på hur du skapar din webbplats. Till exempel kommer webbplatser på WordPress och andra populära CMS att vara responsiva från det ögonblick de skapas. Ett ytterligare test av användbarheten kommer dock inte att vara överdrivet.
Ge färre val enligt Hicks lag
Denna lag antyder att färre val ökar hastigheten i beslutsfattandet och vice versa. Om du till exempel använder tre uppmaningar samtidigt på huvudsidan, till exempel registrerar dig på sajten, får rabatt och laddar ner en e-bok, blir det svårt för användaren att bestämma vilken åtgärd som ska göras först. Det kommer att vara mycket mer rimligt att ordna dessa uppmaningar i en logisk sekvens – eftersom de listades och erbjuda användaren nästa åtgärd efter den föregående.
Detsamma gäller antalet produkter som du visar på sidan. Du bör inte visa användaren alla möjliga produkter som passar hans sökfråga – det är bättre att visa de fem mest lämpliga alternativen och tillåta att fortsätta sökningen med hjälp av filter.
Lägg till en helskärmswebbplatsport
Tänk på möjligheten att visa ett fullskärmsformulär för potentiella kunder i det ögonblick då användaren rullade huvudsidan till en viss punkt. För det första kommer helskärmsformuläret att ta all användarens uppmärksamhet och kommer inte att låta honom distraheras av andra delar av webbplatsen, och för det andra handlar det bara om valmöjligheterna som vi pratade om tidigare. Så användaren får bara två alternativ. Det första är att stänga blyformuläret och fortsätta interagera med webbplatsen. Det andra är att ge dig sin e-postadress i utbyte mot ditt erbjudande.
Placera de viktigaste punkterna på korsningarna
Du känner förmodligen till en av fotografins huvudregler – tredjedelsregeln. Enligt denna regel delar två linjer upp skärmen visuellt horisontellt och vertikalt, vilket resulterar i nio rutor. Så de fyra skärningspunkterna för linjerna i mitten av skärmen är användarens centrum för uppmärksamhet, varför den väsentliga informationen, såsom en uppmaning till handling, bör placeras här.
Optimera din webbplats laddningshastighet
Det här objektet är direkt relaterat till design, eftersom din sida kan vara överbelastad med tunga bilder som saktar ner laddningen av din webbplats. Ta bort allt onödigt och optimera bilderna som är nyckeln. Enligt statistik är den optimala laddningshastigheten för webbplatsen från två till fem sekunder. Och i det här fallet måste du sträva efter en lägre indikator, eftersom 40% av användarna säger att de kommer att stänga en webbplats som tar mer än tre sekunder att ladda, vilket innebär att du kommer att förlora en potentiell lead varje gång sidan saktar ner.
Använd negativt utrymme för att få positiva resultat
Jan Tschichold säger att negativt rum ska ses som ett aktivt element, inte en passiv bakgrund. Det finns ett samband mellan avstånd och uppmärksamhet. Ett större avstånd drar till sig uppmärksamhet, och frånvaron av andra element särskiljer befintliga element starkare. Designers kan använda denna rymdegenskap för att lyfta fram viktiga element. Att lägga till utrymmen till ett specifikt segment av innehållet gör att användaren uppmärksammar detta område helt enkelt för att det inte finns något mer på skärmen som drar till sig uppmärksamhet. Som du kan se i exemplet nedan är Google en stor förespråkare för vitt utrymme i sina projekt. Det hjälper att omedelbart förstå syftet med detta projekt: fokus ligger på sidans huvudmål.
Välj rätt färger för att skapa korrekta associationer
Tyvärr finns det inga universella råd om vilka färger som konverterar bättre. Allt kommer att bero på detaljerna i ditt företag. Till exempel ger vita och blå färger en känsla av stabilitet och tillförlitlighet. Därför använder PayPal denna kombination för att bilda rätt associationer.
Om du inte är säker på att dina färger fungerar korrekt är det bara att gå tillbaka till ursprunget till färgpsykologi inom marknadsföring och även ompröva ditt företags värderingar och hitta din perfekta matchning.
Dessutom finns det olika åsikter om färgen på knappar som konverterar sämre eller bättre. Rätt färg på knappen är en gammal filosofisk fråga. Någon hävdar att den högsta konverteringen uppnås genom röda knappar. Andra säger grönt eller blått. Det korrekta svaret låter så här (som många andra svar inom marknadsföring och design): ”Det måste testas.” Välj därför en knappfärg som kontrasterar med designens primära färger och gör några tester för att förstå vilken färg konverterar bättre.
Använd en stor bild istället för flera små
En korrekt bild kan säga mer än några stycken text. Använd därför kraften i visuell uppfattning och känslor i utformningen av din webbplats. Du kan till exempel göra bilden till bakgrunden på din webbplats och sedan placera alla dina element på ett sådant sätt att de följer de grundläggande reglerna för webbdesign. Och för övrigt bidrar det också till bättre konverteringar.
Detta tillvägagångssätt främjar också enkelhet och minimalism, vilket är en trend under de senaste åren, och en korrekt vald bild väcker de nödvändiga känslorna och associationerna. Och vice versa, som vi har sagt, för många bilder gör valet mer komplicerat och sprider användarens uppmärksamhet.
Bli av med allt som inte är relaterat till designen
Med andra ord, sträva efter maximal enkelhet. I det moderna överflöd av informationsbrus har enkelhet och tydlighet blivit en verklig brist. Studier har visat att 76 % av användarna anser att enkelhet är den främsta avgörande faktorn för webbdesign. Och här måste du hålla en kompetent balans mellan enkelhet, minimalism, men samtidigt funktionalitet – eftersom enkelhet också är möjligheten att hitta vad användaren behöver med några få klick.
Tyvärr är Internet fullt av falska recensioner, och tvivla inte på att dina användare också vet om det. Därför, istället för att tvinga dem att söka efter feedback om dina produkter eller tjänster (som kan skrivas av dina konkurrenter för att undergräva ditt företag), måste du ge dem denna möjlighet direkt.
Tänk därför över webbplatsens design på ett sådant sätt att du kan lägga några riktiga recensioner (och ännu hellre en karusell) nära slutet av sidan. Och se till att använda bilder på levande människor (helst dina riktiga kunder) för att skapa intryck av starka sociala bevis.
Du har säkert sett sajter som innehåller en miljon kategorier, och det är helt enkelt omöjligt att välja rätt avsnitt vid första försöket. Och om tidigare, användare fortfarande betalade tid för en sådan sökning, vill de idag se vad de behöver utan ytterligare åtgärder.
Ompröva därför ditt sätt att navigera på webbplatsen, minska antalet kategorier, ta bort alla onödiga och lämna bara de viktigaste avsnitten. Som vi redan har sagt, komplicerar hela utbudet av val beslutet eller i allmänhet tvingar användaren att lämna sidan och skjuta upp uppgiften till senare.
Integrera prestationsräknare
Det här är ett psykologiskt knep som utlöser en undermedveten reaktion – människor tenderar att tro på statistik. Och detta är ytterligare en möjlighet att öka konverteringen genom att bygga förtroende och skapa ett intryck av tillförlitlighet. Men det finns en avgörande punkt. Kommer du ihåg att vi pratade om tredjedelsregeln och strategiska skärningspunkter? Det är just dessa platser där du behöver lägga din statistik så att den är i centrum för uppmärksamhet och uppfattning.
Skapa ett intryck av ett artificiellt underskott
Marknadsförare är inte överens om denna försäljningstaktik, men för snabb och säsongsbetonad försäljning är detta tillvägagångssätt fortfarande lämpligt. Därför, om du har ett säsongs- eller kampanjerbjudande, eller om du testar intresset för en ny produkt, är det vettigt att skapa en illusion av knapphet och spegla detta med hjälp av design. Du kan till exempel ställa in en nedräkningstimer och återigen sätta siffrorna i fokus för besökarens uppmärksamhet.
Men här måste du fortfarande placera uppmaningsknapparna korrekt. Och i det här fallet är det bättre att göra detta enligt Z-schemat.
Användarens uppmärksamhet glider längs den övre horisontalen, diagonalt nedåt, och går till informationen längst ned. I det övre vänstra hörnet placerar du logotypen horisontellt – rubrikerna. Det nedre högra hörnet är en idealisk plats för en uppmaning.
Minska antalet nödvändiga steg
Du kan med rätta märka att detta är UX-designerns ansvar, men i praktiken är det bara så när webben och UX-designern måste samarbeta för att få ett enda resultat. UX-design är en annan faktor som har en direkt inverkan på konverteringar, och ju färre steg som skiljer användare från målåtgärden, desto mer sannolikt är det att den slutförs.
Därför måste du återigen se till att informationen eller produkten som han behöver inte är mer än tre klick bort.
Se till att din uppmaning till handling är på rätt plats
För att förbättra din webbplats omvandling, dra fördel av regeln om tredjedelar och Z-schema när du gör dina uppmaningar. Du kan förbättra uppfattningen av en uppmaning om du duplicerar den – vid skärningspunkten mellan linjer och i det övre högra hörnet på sidan, där den översta raden i bokstaven Z slutar. Således kommer användarens uppmärksamhet först att stanna i det övre högra hörnet, sedan glida diagonalt ner och vila direkt vid den strategiska skärningspunkten för linjerna till vänster.
Minimera användarinmatning
Moderna användare är väldigt otåliga, och vi har redan pratat om detta i stycket om hastigheten för att ladda din sida. Och ett stort ifyllningsformulär kan döda dina konverteringar, eftersom ingen vill slösa tid, särskilt från en mobil enhet. Granska därför ditt registreringsformulär och lämna bara tre rader – för namn, e-postadress och lösenord, plus lägg till möjligheten att registrera dig via Google och Facebook.
Slutsats
Som du kan se kan många knep påverka konverteringar. Det viktigaste att komma ihåg är dock att alla nya metoder bör testas på användare. Varje företag och varje målgrupp är specifik; därför kan det inte finnas några mallanvisningar om vad du ska använda i din design för att öka konverteringarna. Dessutom är designen den första men inte den sista faktorn som konverterar (eller inte konverterar), och detta måste också komma ihåg.