De 5 grunde (som ingen fortæller dig om) til, at du ALDRIG skal lave content ...
9 tricks til højere konverteringsrate på mobile enheder
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.
3. “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
4. 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
5. User test webcam
Hvorfor er mobiloptimering vigtigt?
@MogensMoeller mm@sleeknote.com www.sleeknote.com
7. 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
8. 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?
9. 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?
10. Data: 150 mobile brugertests
@MogensMoeller mm@sleeknote.com www.sleeknote.com
11. 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
13. 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
15. @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
16. Forsiden…
Hvad er det vigtigte?
Frequently Asked Question #1
@MogensMoeller mm@sleeknote.com www.sleeknote.com
17. 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
19. 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
20. Top bar…
sticky eller ej?
Frequently Asked Question #2
@MogensMoeller mm@sleeknote.com www.sleeknote.com
21. 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
26. 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
27. Hvor meget information
på hvert produkt?
Frequently Asked Question #3
@MogensMoeller mm@sleeknote.com www.sleeknote.com
28. “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
30. Vis de vigtigste
produktfacts på
kategorisiderne
… og undgå for mange
taps (clicks)
Action take-away #3
@MogensMoeller mm@sleeknote.com www.sleeknote.com
32. 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
36. 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
37.
38. Popups…
Men jeg vil jo ikke
skræmme mine besøgende!
Frequently Asked Question #5
@MogensMoeller mm@sleeknote.com www.sleeknote.com
40. 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
45. 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
46. Breadcrumbs…
Vel ikke på mobile sider?
Frequently Asked Question #6
@MogensMoeller mm@sleeknote.com www.sleeknote.com
48. 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
50. Vis altid
breadcrumbs
… også selvom indhold skubbes ned
Action take-away #6
@MogensMoeller mm@sleeknote.com www.sleeknote.com
51. Huskeliste…
Er der virkelig nogen der bruger det?
Frequently Asked Question #7
@MogensMoeller mm@sleeknote.com www.sleeknote.com
52. 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
55. Læg i kurv…
Og hvad så?
Frequently Asked Question #8
@MogensMoeller mm@sleeknote.com www.sleeknote.com
56. 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
58. Opsummér produktinfo
og USPs
… og glem ikke at opsælge
Action take-away #8
@MogensMoeller mm@sleeknote.com www.sleeknote.com
59. Tjekud på mobil…
Nogen genveje til at gøre
det mindre smertefuldt?
Frequently Asked Question #9
@MogensMoeller mm@sleeknote.com www.sleeknote.com
60. 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
63. 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
64. 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