1.
c
9 tips til højere konverteringsrate
på mobile enheder
Præsenteret af Mogens Møller
CEO ved Sleeknote & CRO Specialist
@MogensMoeller mm@sleeknote.com www.sleeknote.com

2.
“Today 17% of our total subscription database come
from Sleeknote.
Before we started using Sleeknote our subscription
database grew with 1-3% per month, but after we started
using Sleeknote the growth has been around 6-7%.
Sleeknote is truly a valuable tool for ecommerce
websites like us!”
Jacob Fusager
Online Coordinator at JYSK

3.
Hvorfor er mobiloptimering vigtigt?
Har du handlet via en smartphone eller tablet i løbet af de seneste seks måneder? |
Kilde: DANSK E-HANDEL 2015, af DIBS
@MogensMoeller mm@sleeknote.com www.sleeknote.com

4.
User test webcam
Hvorfor er mobiloptimering vigtigt?
@MogensMoeller mm@sleeknote.com www.sleeknote.com

5.
Hvorfor er mobiloptimering vigtigt?
User test webcam
@MogensMoeller mm@sleeknote.com www.sleeknote.com

6.
Hvorfor er konverteringsraten
lavere på mobile sider?
Motivation1 Tiden er knap
Mangler godkendelse
Har brug for flere overvejelser
Info søgning
(adresse, åbningstider, prissammenligning)
= Svært at ændre, men godt at vide
@MogensMoeller mm@sleeknote.com www.sleeknote.com

7.
Motivation
Hastighed
1
2
“Majority of visitors will abandon a site after
waiting 3 seconds for it to load.”
“85% of visitors expect mobile devices to load as
fast, if not faster, than their desktop counterparts.”
Undersøgelse af Radware
= Kontakt ecommerce udbyder og optimér
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Hvorfor er konverteringsraten
lavere på mobile sider?

8.
Motivation
Hastighed
Skærmstørrelse
1
2
3
“Jeg har ikke det samme overblik på min
mobiltelefon som på min computer!”
“Jeg føler mig meget mere tryg på min
computer, hvor jeg er sikker på, at jeg ikke
overser noget.”
Citater fra brugertests:
= Lyt med de næste 40 min.
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Hvorfor er konverteringsraten
lavere på mobile sider?

9.
Data: 150 mobile brugertests
@MogensMoeller mm@sleeknote.com www.sleeknote.com

10.
Best Practice is useless!
André Morys
CEO and founder of
Web Arts AG
Peep Laja
Founder of Markitekt and
writer of the largest
conversion blog;
ConversionXL.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

11.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

12.
Ja! Men…
“Best Practice” is useless!
Vi kender alle de fundamentale
usability regler på desktop
Mobile websites
er stadig en ny
verden for os
Massevis af
fundamentale
usability fejl begås
@MogensMoeller mm@sleeknote.com www.sleeknote.com

13.
@MogensMoeller mm@sleeknote.com www.sleeknote.com
9 tips til højere konverteringsrate
på mobile enheder

14.
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Ofte stillede spørgsmål fra
ecommerce managers
Take-aways fra
brugertests
Webshop eksempler
To-do now!
Action take-away
1 2 3 4
9 tips til højere konverteringsrate
på mobile enheder

15.
Forsiden…
Hvad er det vigtigte?
Frequently Asked Question #1
@MogensMoeller mm@sleeknote.com www.sleeknote.com

16.
Ofte brugt til at nulstille
Har brug for tydelig vej til navigation
Don’t rearrange. Do redesign!
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

17.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

18.
Vis produktkategorier
med det samme
… og hjælp dine besøgende
til det vigtigste
Action take-away #1
@MogensMoeller mm@sleeknote.com www.sleeknote.com

19.
Top bar…
sticky eller ej?
Frequently Asked Question #2
@MogensMoeller mm@sleeknote.com www.sleeknote.com

20.
Ofte meget lange sider på smart phones
Menu bør altid være ved hånden
Større mobile skærme i dag
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

21.
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Ofte meget lange sider på smart phones
Menu bør altid være ved hånden
Større mobile skærme i dag

22.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

23.
Brug en sticky top bar
… og lad de vigtigste links være
synlige hele tiden
Action take-away #2
@MogensMoeller mm@sleeknote.com www.sleeknote.com

24.
Hvor meget information
på hvert produkt?
Frequently Asked Question #3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

25.
“Hvilket produkt skal jeg vælge?”
“Hvad er forskellen?”
For lidt info, for mange taps!
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

26.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

27.
Vis de vigtigste
produktfacts på
kategorisiderne
… og undgå for mange
taps (clicks)
Action take-away #3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

28.
Filtre…
Men hvordan?
Frequently Asked Question #4
@MogensMoeller mm@sleeknote.com www.sleeknote.com

29.
Paging er trættende
“Jeg vil kun se sko i min størrelse”
Filtre er nødvendige!
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

30.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

31.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

32.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

33.
Vis de samme filtre som
på din computer version
… og sørg for at usability og
implementeringen bliver gennemtestet
Action take-away #4
@MogensMoeller mm@sleeknote.com www.sleeknote.com

34.
Popups…
Men jeg vil jo ikke
skræmme mine besøgende!
Frequently Asked Question #5
@MogensMoeller mm@sleeknote.com www.sleeknote.com

35.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

36.
Ekstremt effektivt
Tilbyd noget interessant
Det er en popup! Skjul det ikke!
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

37.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

38.
flere nyhedsbrevtilmeldinger
95%
@MogensMoeller mm@sleeknote.com www.sleeknote.com

39.
flere nyhedsbrevtilmeldinger
95%
Ingen negativ effekt på andre konverteringsrater
+
@MogensMoeller mm@sleeknote.com www.sleeknote.com

40.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

41.
Brug popups til at
samle flere permissions
… og til at hjælpe de besøgende til
at købe de rigtige produkter
Action take-away #5
@MogensMoeller mm@sleeknote.com www.sleeknote.com

42.
Breadcrumbs…
Vel ikke på mobile sider?
Frequently Asked Question #6
@MogensMoeller mm@sleeknote.com www.sleeknote.com

43.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

44.
Dårligere overblik på mobile enheder
“Hvordan kommer jeg et skridt tilbage?”
Endnu mere vigtigt end på computere
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

45.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

46.
Vis altid
breadcrumbs
… også selvom indhold skubbes ned
Action take-away #6
@MogensMoeller mm@sleeknote.com www.sleeknote.com

47.
Huskeliste…
Er der virkelig nogen der bruger det?
Frequently Asked Question #7
@MogensMoeller mm@sleeknote.com www.sleeknote.com

48.
Mange er ikke klar til at købe endnu
Godkendelse, knap tid, flere overvejelser
Cross-device muligheder
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

49.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

50.
Implementer “Huskeliste”
på produktsider
… og optimér oplevelsen på tværs
af enheder
Action take-away #7
@MogensMoeller mm@sleeknote.com www.sleeknote.com

51.
Læg i kurv…
Og hvad så?
Frequently Asked Question #8
@MogensMoeller mm@sleeknote.com www.sleeknote.com

52.
Notifikation er vigtigt
Lad den ikke forsvinde af sig selv
Opsælg, krydssælg… hold det relevant!
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

53.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

54.
Opsummér produktinfo
og USPs
… og glem ikke at opsælge
Action take-away #8
@MogensMoeller mm@sleeknote.com www.sleeknote.com

55.
Tjekud på mobil…
Nogen genveje til at gøre
det mindre smertefuldt?
Frequently Asked Question #9
@MogensMoeller mm@sleeknote.com www.sleeknote.com

56.
Vis tydelig vej videre
Vær forsigtig med rabatkode CTA
Overbevis om at tage næste skridt
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com

57.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

58.
@MogensMoeller mm@sleeknote.com www.sleeknote.com

59.
Vis totalpris og CTA i
toppen af din kurv
… og gør formularer nemmere med
auto-numpad og auto-complete
Action take-away #9
@MogensMoeller mm@sleeknote.com www.sleeknote.com

60.
Forside
1. Vis produktkategorier med det samme
… og hjælp dine besøgende til det vigtigste
2. Brug en sticky top bar
… og lad de vigtigste links være synlige hele tiden
Kategorisider
3. Vis de vigtigste produktfacts på kategorisiderne
… og undgå for mange taps (clicks)
4. Vis de samme filtre som på din computer version
… og sørg for at usability og implementeringen bliver gennemtestet
5. Brug popups til at samle flere permissions
… og til at hjælpe de besøgende til at købe de rigtige produkter
Produktsider
6. Vis altid breadcrumbs
… også selvom indhold skubbes ned
7. Implementer “Huskeliste” på produktsider
… og optimér oplevelsen på tværs af enheder
8. Opsummér produktinfo og USPs
… og glem ikke at opsælge
Tjekud flow
9. Vis totalpris og CTA i toppen af din kurv
… og gør formularer nemmere med auto-numpad og auto-complete
Summery
@MogensMoeller mm@sleeknote.com www.sleeknote.com

61.
Spørgsmål?
mm@sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com