2014-10-08
Evolutionär webbdesign
Sitevisiondagarna
John Ekman - aka Chief Conversionista
Min “Holy Discontent” var att webbprojekt drevs som teknikprojekt eller för att vinna Guldägg men INTE för att skapa affärer
2
Startade Conversionista 2010
Målet var att ta rollen som
tankeledare för
konverteringsoptimering i Sverige
Internationell bloggare & talare
Det har hänt mycket sedan dess….
✓ 300 projekt
✓ 15 anställda
✓ Conversion Jam x 4
✓ Conversion Manager x 60
Skryt-bilden
Media
4
E-handelB2C
LeadgenB2B
Leadgen
“Konverteringsoptimering”
6
Konvertering är att:
få dina besökare att göra det du vill
på din webbplats eller på en speciell
landningssida
Inte helt ovanliga mål
7
1. Fler ska kunna anmäla sig direkt till
musikskola, förskola, etc.
2. Fler ska kunna söka bygglov
3. Fler ska kunna ta del av etableringsplaner
och liknande
4. Färre ska ringa
Konverteringens första lag
8
UsabilityPersuasion
Öka Motivation Minska friktion
”Konvertering sker när dina och
besökarens mål möts”
We just love Big Bang Theory
Stora grejer = stora resultat
Små grejer = små resultat
Eller?
Rory Sutherland
”Every Company should have a Director of Details with unlimited influence and almost no budget”
TED.COM : Sweat the small stuff
Alert we have a redesign!I repeat, we have a redesign.
SL
Mitt alternativ
http://conversionista.se/sl-ny-responsiv-sajt/
Hej, vi tappade några på vägen
Försäkringskassan
Hur mycket bryr man sig på en skala?
0 100
Konverteringens första lag
18
I wanna get my shit done
Varumärkes-upplevelse
!“Bästa” sajten i
sin klass !
Utmärkelser !
Ny teknik
”Konvertering sker när dina och
besökarens mål möts”
Intuitiv användarupplevelse
Ett bra gränssnitt behöver ingen förklaring
19
(Inte så) Intuitiv användarupplevelse
20
0
Vad är den förväntade påverkan av en redesign?
Varför?
22
1. Byta CMS
2. Införa Responsiv design
3. Integrera med bakomliggande system
4. Flera språk
5. Ny Varumärskesprofil
6. Känns såååååå…. år 2000
Mål med redesign
“Om ett projekt inte drivs av era affärsmål, så kommer påverkan på affärsmålen att vara cirka……….”
23
0
Here are the contenders
Revolutionär webb-design
24
Evolutionär webb-design
Sug inte mer än ni behöver
25
What’s new?
26
Vad är AB-testning?
27
A/B- testning är en optimeringsmetod där man slumpvis styr besökare på sin vanliga sajt (eller mobilsajt/app mm.) till olika varianter av en sida eller sidkomponenter. !Man mäter beteendet för de olika segmenten och när experimentet gett ett statistiskt signifikant resultat på förändrat beteende och resultat kan man permanent implementera den vinnande varianten.
Case - Namnband
Konverteringar Intäkter
-6 % -13 %
A/B-test #1
WTF!!!
Konverteringar Intäkter
-25 % -48 %
A/B-test #2
Konverteringar Intäkter
+16 % +15 %
Case - Swedoffice
Scope - Decluttered checkout
34
Resultatet?
0!
35
Varför?Heatmap i Visual Website Optimizer gav svaret
Test # 2
36
Knverteringsgrad +6% Intäkt per besökare + 10%
Vad lär vi oss av det här?
37
1. Man har ofta fel
2. Det enda dåliga testet är
ett test där man inte lär sig
någonting
Case - SJ
39
40
No, not again!
Det här vore ju dumt…..
41
42
Om det inte vore för det här……..
Fast det var ju ingenting i jämförelse…..
43
67!
Vad med guldhänderna?
44
2 4 1
22 22
Case - Skandia barnförsäkring
Ingen kärlek på många år
Skandia hade begränsade data/insikter om vilka köparna var
Flödet bestod av 6 steg och summan av avhoppen i varje steg
gjorde att konverteringsgraden var låg
Produktsidan och teckningsflödet satt inte ihop utan var två
separerade upplevelser
Utmaning
46
1 produktsida - 6 sidor i teckningsflöde
Gör om - gör rätt
Fokus - Projektet handlade bara om barnförsäkring
Vänd på varje sten - Projektgruppen ifrågasatte allt
Lösning
Projektet präglades av möjligheten att ifrågasätta det mesta och att kunna göra en ny lösning helt från grunden.
48
Projektets hypotes var att de flesta konkurrenter också gjorde fel, även om deras sidor var modernare
Konkurrent och Kundanalys
49
1. Många kunder vet inte vad en barnförsäkring är
2. De flesta köper barnförsäkringen kort tid efter barnets födelse
50
Spontan
Tävlings- inriktad
Humanistisk
Metodisk
Metodisk
Humanistisk Spontan
Tävlings-inriktad
Logisk
Emotionell
Långsam Snabb
Vi använde en modell med fyra personlighetstyper som delar in besökare efter hur de fattar beslut. !Motivation: Logisk eller emotionell? Hastighet: Långsam eller snabb
En sida - Flera personas
Sex steg blev ett
Sex produktvarianter/grundbelopp blev tre
Styr kunden med förval
Gradvis engagemang
Barnen växer
Fler principer
51
7 sidor blev…..
Två!!
“Evolutionär” - Seriöst?
✓Projektet handlade bara om barnförsäkring ✓Ingen designmanual? - Kör på bara! ✓Fick in nytt arbetssätt
You say you want a revolution?
Evolutionens baksida
57
58
EvolutionärRevolutionär
Big Bang
Allt på ett kort
Baserat på
magkänsla
Händer sällan
Tar en till nya
områden i “lösnings-
landskapet”
I små steg
Sprid riskerna
Baserat på data,
mätning & testning
Händer hela tiden
Fastnar i Lokalt
optimum
Stockholm 16e Oktober
www.conversionjam.se Kod:SITEVISION 500kr
@conversionista