Design som konverterar – principer, inte knep
Av CodexierPublicerad 4 min läsning
Råden om konvertering på nätet är fulla av knep: röda knappar, nedräkningar, falsk brist, ”bara två kvar”. En del ger en kort topp; de flesta nöter på förtroendet, och flera krockar med svensk konsumentlagstiftning. De bestående förbättringarna kommer från något mindre spännande: att göra sidan tydligare, mer relevant för det besökaren kom för och enklare att agera på. Här går vi igenom principerna och myterna du lugnt kan strunta i.
Tydlighet slår finurlighet
En besökare som landar på sidan ställer tre frågor: vad är det här, är det för mig, vad gör jag nu? En finurlig rubrik som ”Tänk om hur du arbetar” besvarar ingen av dem. ”Bokföring för enskilda firmor, fast pris per månad” besvarar de två första direkt. Tydlighet är inte tråkigt; det är att respektera besökarens tid.
- Rubriken säger vad du erbjuder och till vem
- Underrubriken lägger till den viktigaste nyttan eller ett bevis
- Huvudknappen säger vad som händer: ”Boka ett samtal”, ”Få en offert”, inte ”Skicka”
- Priset, eller hur prissättningen fungerar, går att hitta utan att leta
Relevans för besökarens avsikt
Samma besökare beter sig olika beroende på var hen kom ifrån. Den som sökte ”akut rörmokare Göteborg” vill ha ett telefonnummer och en tid. Den som klickade på en LinkedIn-artikel om att planera en renovering vill lära sig först. En sida som är gjord för den ena avsikten frustrerar den andra.
Koppla era viktigaste trafikkällor till avsikter och kontrollera att var och en landar på en sida som passar. Guiden om sökintention förklarar samma idé från SEO-hållet.
Minska ansträngning och tvivel
Konverteringen sjunker när ansträngningen eller tvivlet ökar. Ansträngning är fält, steg, otydlig navigering och långsamma sidor. Tvivel är priser som saknas, otydliga villkor, inga företagsuppgifter och inga tecken på att det finns riktiga kunder. Båda är designproblem, och båda går att åtgärda.
| Friktion | Designlösning |
|---|---|
| Långt formulär | Fråga bara det du behöver för att svara; samla resten senare |
| Otydligt pris | Visa ett pris, ett från-pris eller hur prissättningen fungerar |
| Okänt företag | Organisationsnummer, adress, namngivna personer, riktiga omdömen |
| Rädsla att binda sig | Förklara vad som händer efter klicket och att det är utan förpliktelse |
| Långsam mobilsida | Lättare bilder och färre skript |
Guiden om mikrotexter för knappar och felmeddelanden tar upp de små texterna som tar bort tvivel i själva ögonblicket.
Visuell hierarki för en handling
Visuell hierarki är ordningen blicken rör sig över en sida. Storlek, kontrast, placering och luft avgör den. På en sida som ska konvertera ska ordningen leda till huvudhandlingen: rubrik, bevis, handling. Sekundära handlingar finns men är synbart tystare.
- En knappstil för huvudhandlingen, och bara för den
- Sekundära länkar som text eller konturknappar
- Tillräckligt med luft så att handlingen inte tävlar med dekor
- Upprepa handlingen efter varje större avsnitt på långa sidor
- Kontrast som klarar tillgänglighetskraven, vilket också hjälper alla andra
Myter att strunta i
| Myt | Verklighet |
|---|---|
| Rätt knappfärg ger fler konverteringar | Kontrasten mot omgivningen spelar roll; själva färgen gör det inte |
| Allt måste synas utan att skrolla | Besökare skrollar när toppen gör dem nyfikna |
| Nedräkningar fungerar alltid | Falsk brådska skadar förtroendet och kan bryta mot konsumentreglerna |
| Fler alternativ ger mer försäljning | För många val leder ofta till inget val |
| Långa sidor konverterar inte | Längden ska matcha beslutet; dyra beslut kräver mer information |
Svensk marknadsföringslagstiftning och Konsumentverket tar vilseledande design på allvar. Falsk brist, förkryssade rutor och dolda kostnader är inte bara dålig praxis, de kan vara olagliga.
Var du börjar, och när du inte ska
Börja med sidorna som har mest trafik och störst värde: startsidan, de viktigaste tjänste- eller produktsidorna och kassan eller kontaktflödet. En UX-granskning går igenom dem mot de här principerna och ger en prioriterad lista med åtgärder. Priserna finns på prissidan.
När du inte behöver det: är trafiken mycket låg är problemet att få besökare, inte att konvertera dem. Och passar erbjudandet inte marknaden räddar ingen design det. I ett kort samtal säger vi vilket problem du faktiskt har.
Vanliga frågor
Vad är en bra första förbättring?
Skriv om rubriken och huvudknappen så att de rakt säger vad erbjudandet och nästa steg är. Det går snabbt, kostar lite och är ofta den enskilt största vinsten i tydlighet.
Är konverteringsdesign manipulativ?
Det ska den inte vara. Bra konverteringsdesign tar bort hinder för dem som redan vill ha det du erbjuder. Knep som pressar folk till beslut de annars inte skulle fatta är något annat, och ofta olagliga.
Behöver jag A/B-testa för att använda principerna?
Nej. De flesta av åtgärderna är tydliga förbättringar som inte behöver testas. På små sajter kan tester ofta inte ge säkra svar ändå.
Hur skiljer sig en UX-granskning från en omdesign?
En granskning hittar och rangordnar problemen på era befintliga sidor. En omdesign bygger om dem. Många sajter behöver granskningens åtgärder, inte en hel omdesign.
Vill du veta vad som stoppar besökarna?
I ett kort samtal tittar vi på din viktigaste sida tillsammans och pekar ut de två eller tre problemen med tydlighet och friktion som är värda att rätta först.
Boka ett kostnadsfritt 15-minuterssamtal