Webbdesign diskuteras ofta som en estetisk fråga. Hur ska det se ut? Vilka färger? Vilket typsnitt? Det är frågor som spelar roll – men de är sekundära till en mer grundläggande fråga som de flesta webbprojekt aldrig ställer tillräckligt konkret: vad ska webbplatsen åstadkomma, och för vem?

En vacker webbplats som inte konverterar är ett galleri. En webbplats som konverterar men ser oprofessionell ut tappar besökare på trovärdigheten. Det är kombinationen som ger ett affärsmässigt relevant resultat – och den kombinationen kräver att design och konverteringslogik planeras som ett system, inte som separata projekt.

De fem sekunder som avgör allt

En ny besökare på din webbplats ägnar normalt fem sekunder åt att bilda sig en uppfattning om vad sidan handlar om och om den är värd mer tid. Det är inte fem sekunder av noggrann läsning; det är fem sekunder av snabb skanning av visuella och textuella signaler som ger en tillräcklig bild för ett beslut om att stanna eller lämna.

Den frågan besökaren ställer under de fem sekunderna är enkel: är det här för mig? Inte om företaget är bra, inte om priset är rimligt – utan om sidan ens är relevant för det problem eller det behov som förde besökaren dit.

Above the fold – det innehåll som syns utan scrollning på en standardskärm – bär ansvaret för att svara på den frågan. Det är inte enbart en rubrik och en bild; det är den samlade signalen av rubrik, underrubrik, visuellt uttryck och eventuell call to action som antingen bekräftar relevansen eller inte gör det. En above-the-fold-sektion som är vag, generisk eller primärt estetisk utan kommunikativt innehåll tappar besökare som faktiskt hade ett relevant behov.

Hierarkin – att leda besökaren, inte att imponera på dem

Visuell hierarki är designens sätt att berätta vad som är viktigt i vilken ordning. Det är det instrument som avgör om besökarens öga naturligt rör sig från det mest relevanta till det näst mest relevanta – eller om ögat vandrar planlöst tills besökaren ger upp och lämnar.

En välfungerande visuell hierarki på en landningssida rör besökarens uppmärksamhet i en logisk sekvens: vad erbjuder ni, till vem, varför ska jag lita på er, och vad ska jag göra härnäst. Det är fyra steg vars ordning är viktig och vars genomförande i de flesta webbplatser är inverterat eller ostrukturerat.

Det vanligaste hierarkifelet är att lägga för mycket vikt vid vad företaget är och för lite vid vad besökaren får. En webbplats som öppnar med ”Vi är ett ledande företag inom X med tjugo års erfarenhet” svarar på en fråga besökaren inte ställde. En webbplats som öppnar med ”Vi hjälper X-företag att lösa Y-problem” svarar på den fråga besökaren faktiskt ställde.

Sociala bevis – det mest underutnyttjade konverteringsverktyget

Forskning om konsumentbeteende visar konsekvent att sociala bevis – bekräftelse från andra att en leverantör faktiskt levererar vad de lovar – är den starkaste enskilda faktorn för att sänka köptröskeln online. Det är intuitivt logiskt och empiriskt välbelagt, och ändå är det det element som mest konsekvent saknas eller är undermåligt presenterat på svenska SME-företags webbplatser.

Sociala bevis i webbdesignens kontext är inte enbart en Trustpilot-widget i footern. Det är kundcitat med namn och organisation – inte anonyma lovord utan verifierbara bevis. Det är fallstudier som visar ett specifikt problem och ett specifikt utfall. Det är logotyper av välkända kunder om de finns. Och det är certifieringar, branschmedlemskap och utmärkelser som ger ett externt trovärdighetsbevis.

Placeringen av sociala bevis spelar lika stor roll som deras existens. Sociala bevis i footern ses av de besökare som redan är nära ett beslut. Sociala bevis placerade tidigt i sidan – direkt under the fold, nära det primära erbjudandet – ger sin effekt även för de besökare som aldrig scrollar hela vägen ned.

Friktionen – det osynliga hindret mot konvertering

Friktion i webbdesignens sammanhang är allt som ökar ansträngningen för besökaren att ta det nästa steget. Det kan vara ett kontaktformulär med för många fält. En call to action vars formulering skapar osäkerhet om vad som händer härnäst. En sida vars laddningstid testar tålmodigheten. Eller en mobilupplevelse som inte fungerar för den besökare som scrollar på telefonen i tunnelbanan.

Varje friktionspunkt minskar sannolikheten för konvertering. Det är inte ett linjärt samband – ett kontaktformulär med fyra fält konverterar inte marginellt bättre än ett med åtta, det konverterar substantiellt bättre. Och kombinationen av flera friktionspunkter ger en multiplikativ snarare än additiv effekt på konverteringstappet.

Friktionsminskning är ett av de få konverteringsoptimeringsinsatserna med ett nästan garanterat positivt utfall. Att reducera ett kontaktformulär från åtta fält till tre, att göra telefonnumret klickbart på mobil och att ersätta en vag ”Kontakta oss”-knapp med en konkret ”Få ett kostnadsfritt prisförslag”-knapp är insatser vars effekt mäts i konverteringsökningar som de flesta kampanjer inte ger.

Mobilupplevelsen – inte en anpassning utan en grund

Majoriteten av webbtrafiken sker på mobila enheter. Det är ett faktum sedan flera år och ett faktum vars konsekvens för webbdesignarbetet fortfarande underskattas. En webbplats som är designad för desktop och sedan anpassad för mobil ger en mobilupplevelse som aldrig är lika bra som en webbplats som är designad med mobilen som primärt format.

Googles mobilförst-indexering innebär att det är mobilversionen av en webbplats som Google crawlar och rankar. En webbplats med en god desktopupplevelse och en bristfällig mobilupplevelse rankar efter sin mobilversion – vilket i de flesta fall innebär sämre ranking än en optimerad mobilupplevelse ger.

De specifika mobilupplevelseproblemen som driver bort besökare är välkända och ändå vanliga: text för liten för att läsa utan att zooma, knappar för tätt placerade för att trycka på rätt, horisontell scrollning som signalerar en sida som inte är anpassad och laddningstider som är oacceptabla på ett mobilnät. Det är problem vars lösning kräver ett mobilförst-perspektiv i designprocessen, inte ett efterhandsanpassningsskede.

Laddningshastigheten som konverteringsfaktor

En sidas laddningstid påverkar konverteringsgraden på ett sätt som är väl dokumenterat och vars storleksordning förvånar de flesta. En fördröjning på en sekund i laddningstid ger en konverteringstapp på 7 procent enligt välciterade data från Google och Akamai. En sida som laddar på tre sekunder konverterar substantiellt sämre än en som laddar på en sekund.

Core Web Vitals – Googles prestandamätvärden – är direkta rankingfaktorer och ett instrument för att mäta hur snabb en webbplats faktiskt är för besökaren. Largest Contentful Paint, Interaction to Next Paint och Cumulative Layout Shift är de tre mätvärden vars optimering ger direkt mätbar effekt på både ranking och konvertering.

De vanligaste laddningshastighetsproblemen har välkända lösningar: okomprimerade bilder i fel format, renderingsblockerade JavaScript-filer som laddas före sidans primära innehåll och ett webbhotell med otillräcklig serverkapacitet. Det är tekniska problem vars lösning kräver kompetens men vars effekt på konvertering och ranking är omedelbar och mätbar.

A/B-testning – när det är rätt och när det är fel

A/B-testning är det instrument som ger faktabaserade svar på konverteringsfrågor i stället för antaganden. Det innebär att två versioner av en sida – en originalversion och en variant med en specifik förändring – visas för slumpmässiga delar av trafiken och att konverteringsgraden mäts för varje version.

A/B-testning är rätt när trafiken är tillräcklig för att ge statistiskt signifikanta resultat inom en rimlig tidsperiod – normalt minst 1 000 konverteringstillfällen per variant för ett meningsfullt test. Det är fel när trafiken är för låg för statistisk signifikans, vilket är fallet för de flesta svenska SME-webbplatser. En A/B-test på en sida med 200 månatliga besökare ger ett resultat som inte är statistiskt tillförlitligt oavsett vad det verkar visa.

För webbplatser med låg trafik är expertbaserade designbeslut grundade på välbelagda konverteringsprinciper ett bättre instrument än A/B-testning. Det är ett arbete som kräver en designkompetens som inkluderar konverteringslogik – inte enbart estetisk kompetens.

Webbplatsen som ett system, inte ett projekt

Den vanligaste felaktiga inställningen till en webbplats är att det är ett projekt med ett slutdatum. Webbplatsen görs om, lanseras, och hanteras sedan som en statisk tillgång tills nästa omgörning om fyra år. Det är ett projektperspektiv vars kostnad är en webbplats som gradvis tappar relevans, prestanda och konverteringsgrad under de år som går utan aktiv förvaltning.

En webbplats som ger ett konsekvent affärsmässigt bidrag kräver ett systemtänkande: löpande uppdateringar av innehållet i takt med att erbjudandet och marknaden förändras, teknisk underhåll som håller laddningstider och säkerhet i trim och en kontinuerlig uppmärksamhet på konverteringsdata som identifierar var besökare faktiskt tappar intresse.

Det är ett perspektiv som kräver att webbplatsen ägs av någon med ett affärsmässigt ansvar för dess prestanda – inte enbart av en IT-funktion med ansvar för att den är tekniskt igång.

Rawdesigns arbetar med webbdesign, konverteringsoptimering, SEO och GEO för svenska företag som vill ha en webbplats vars primära funktion är att generera affärer – inte att representera företaget utan att arbeta för det. Mer information på rawdesigns.se.