UX-design: Så skapar du användarvänliga webbplatser som konverterar
De flesta hemsidor ser bra ut men fungerar dåligt. Besökare hittar inte det de letar efter, ger upp och går till konkurrenten istället. Det är inte ett designproblem i traditionell mening, det är ett UX-problem. UX-design (User Experience Design) handlar inte om att en sajt ska vara vacker, utan om att besökaren ska komma fram till sitt mål så snabbt och smidigt som möjligt. Här går vi igenom vad UX faktiskt är, vilka principer som driver konvertering och vilka misstag svenska företag gör om och om igen.
Vad UX-design egentligen är
UX-design är hela upplevelsen en besökare har med din sajt, från första sekunden till det avslutande klicket på ”Skicka”. Det handlar om hur lätt det är att förstå vad du säljer, hur snabbt besökaren hittar rätt sida, hur tydlig nästa åtgärd är och hur frustrationsfri vägen är till målet.
En vanlig missuppfattning är att UX-design är samma sak som webbdesign. Det stämmer inte. Webbdesign är hur sajten ser ut. UX-design är hur den fungerar. En sajt kan vara visuellt slående men ha katastrofal UX. En annan kan se enklare ut men ha så bra UX att den konverterar dubbelt så mycket. Båda delarna behövs, men UX är den som styr om besökaren faktiskt blir kund.
De fem grundprinciperna för bra UX
Bra UX-design vilar på några tidlösa principer som gäller oavsett bransch eller målgrupp. Behärskar du dessa har du redan kommit längre än 80 procent av svenska företagshemsidor.
Klarhet före kreativitet
Besökaren ska förstå vad du säljer inom fem sekunder från landning. Kryptiska tagline-rader och vaga formuleringar som ”Vi förenklar din vardag” säger ingenting. ”Vi bygger hemsidor till småföretag i Stockholm” säger allt. Klarhet vinner alltid över kreativ marknadsföring i webbsammanhang.
Tre-klicksregeln
Ingen viktig information på sajten ska kräva mer än tre klick att nå. Om besökaren behöver navigera genom fyra menyer för att hitta dina priser är det fyra chanser för dem att ge upp. Vi tillämpar den här regeln i alla våra webbdesignprojekt, från enkla företagspresentationer till komplexa webbshoppar.
Konsekvent visuellt språk
Knappar ska se ut som knappar på alla sidor. Länkar ska ha samma färg. Rubriker ska följa samma hierarki. När visuella element är inkonsekventa måste besökarens hjärna jobba extra för att tolka vad som är klickbart, vilket skapar frustration även om personen inte kan sätta fingret på varför.
Tydlig hierarki
På varje sida ska det finnas en uppenbar primär åtgärd. På startsidan kanske det är ”Få offert”. På en produktsida är det ”Lägg i varukorgen”. Sekundära åtgärder ska finnas men vara visuellt nedtonade. När fem knappar tävlar om uppmärksamhet klickar besökaren ingen.
Mobile-first, inte mobile-okej
Över 60 procent av svenska webbtrafik kommer från mobilen. Trots det designar många byråer fortfarande för desktop först och ”krympa till mobil” som en eftertanke. Resultatet blir mobila sajter som tekniskt fungerar men känns klumpiga. UX-medveten design börjar i mobilen och växer upp till desktop.
Sju vanliga UX-misstag som kostar dig kunder
Efter att ha analyserat hundratals svenska företagshemsidor återkommer samma fel i bransch efter bransch. Här är de mest skadliga.
Karuseller och sliders på startsidan
Den där snyggt animerade bildkarusellen högst upp ser professionell ut men forskning visar att färre än 1 procent av besökarna klickar på något efter första bilden. Värre, karuseller saktar ner sajten och förvirrar mobilbesökare. En statisk hero-sektion med tydligt budskap konverterar betydligt bättre.
Otydliga CTA-knappar
”Läs mer”, ”Klicka här” och ”Kontakt” är de tråkigaste CTA-knapparna som finns. De säger ingenting om vad som händer när du klickar. ”Få offert inom 24 timmar” eller ”Boka kostnadsfri rådgivning” är specifika och triggar handling.
Kontaktformulär med tio fält
Varje fält du lägger till i ett kontaktformulär sänker konverteringen med ungefär 5 procent. Behöver du verkligen veta personens efternamn, företagets organisationsnummer och hur de hittade dig redan i första kontakten? Tre fält (namn, e-post, meddelande) räcker nästan alltid.
Popup-fönster som dyker upp direkt
Att tvinga besökaren att stänga ett popup-fönster innan de hunnit läsa en enda mening är som att skrika ”VÄNTA” åt någon som precis öppnat dörren till din butik. Popups kan fungera, men då måste de visas vid rätt tillfälle, till exempel när besökaren är på väg att lämna sajten.
Endast ikoner utan text
Ikoner är snygga men oerhört otydliga utan text. En ikon kan tolkas på fem olika sätt av fem olika besökare. Komplettera alltid ikoner med tydlig text, även om det ”förstör” designen.
Vi har sett företag dubbla sina konverteringar utan att ändra en enda copy-text, bara genom att fixa UX-problem som tagit sajten tillbaka. Det är så mycket pengar som ligger på bordet.
Långa textblock utan andningsrum
Tjocka textblock med 200 ord i en klump skrämmer bort 90 procent av besökarna. Bryt upp texten i korta stycken, använd mellanrubriker, punktlistor och vita ytor. Folk skannar webbsidor, de läser inte.
Glömd 404-sida
När någon klickar på en bruten länk hamnar de på en 404-sida. På de flesta svenska sajter är detta en steril teknisk sida som säger ”Sidan hittades inte”. En genomtänkt 404-sida med navigation tillbaka till de viktigaste sidorna kan rädda den besökaren från att lämna helt.
UX på olika typer av sajter
UX-principerna är desamma men prioriteringarna skiljer sig beroende på sajtens syfte. En företagspresentation och en webbshop har olika utmaningar.
För företagspresentationer är det viktigaste att besökaren snabbt förstår vad du gör, vem du gör det för och hur de kontaktar dig. Tre tydliga sektioner räcker ofta längre än en överdesignad startsida med tio sektioner. För webbshoppar är produktsidornas UX direkt avgörande, tydliga bilder, snabb laddning, enkel köpprocess och synliga fraktvillkor. Bygger ni webbshop eller e-handel är detta hjärtat i hela investeringen. För landningssidor som tar emot annonstrafik är UX ännu mer kritisk eftersom besökaren inte sökt upp dig själv. Du har sekunder på dig att bevisa att du är värd uppmärksamheten.
Vanliga frågor om UX-design
Vad är skillnaden mellan UX och UI?
UX (User Experience) är hur sajten fungerar, UI (User Interface) är hur den ser ut. UX handlar om strukturen, flödet och logiken. UI handlar om färger, typografi och visuella detaljer. En bra webbdesigner behärskar båda, men i mindre svenska byråer slås begreppen ofta ihop till en roll.
Hur mäter jag om UX på min sajt är bra?
Tre nyckeltal är särskilt avslöjande. Avvisningsfrekvens (bounce rate) över 70 procent indikerar att besökare inte hittar vad de söker. Genomsnittlig sessionstid under 30 sekunder betyder samma sak. Konverteringsgrad under 1 procent är ett tecken på att något i flödet hindrar besökarna från att agera. Google Analytics visar alla tre.
Behöver jag en specialiserad UX-designer?
För större projekt och webbshoppar är det värt en specialist. För mindre företagshemsidor räcker det oftast med en byrå där webbdesignern har god UX-kunskap. Det viktiga är att den som designar din sajt faktiskt tänker på besökaren och inte bara på hur det ser ut i portfolion.
Kan jag förbättra UX på en befintlig sajt?
Absolut. UX-förbättringar är ofta den mest kostnadseffektiva investeringen du kan göra i en befintlig sajt. Att rensa upp navigation, förenkla formulär och förtydliga CTA-knappar kan dubbla konverteringen utan att en enda ny rad innehåll behöver skapas.
Slutsats: UX är där vinsterna gömmer sig
De flesta svenska företag investerar i trafik, annonser och SEO, men ignorerar UX. Det är som att hälla vatten i en hink full med hål. Bra UX-design är vad som får besökarna du redan har att faktiskt bli kunder. Det är ofta den enklaste och snabbaste vägen till bättre resultat.
Vill du veta var din sajt läcker kunder? Vi gör en kostnadsfri UX-genomgång där vi identifierar de tre största problemen och ger konkreta förslag på hur du kan åtgärda dem.