9 tricks til højere konverteringsrate på mobile enheder
Transcript of 9 tricks til højere konverteringsrate på mobile enheder
c
9 tips til højere konverteringsrate på mobile enheder
Præsenteret af Mogens Møller CEO ved Sleeknote & CRO Specialist
@MogensMoeller [email protected] www.sleeknote.com
“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
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 [email protected] www.sleeknote.com
User test webcam
Hvorfor er mobiloptimering vigtigt?
@MogensMoeller [email protected] www.sleeknote.com
Hvorfor er mobiloptimering vigtigt?
User test webcam
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
Hvorfor er konverteringsraten lavere på mobile sider?
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 [email protected] www.sleeknote.com
Hvorfor er konverteringsraten lavere på mobile sider?
Data: 150 mobile brugertests
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
9 tips til højere konverteringsrate på mobile enheder
@MogensMoeller [email protected] 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
Forsiden… Hvad er det vigtigte?
Frequently Asked Question #1
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
Vis produktkategorier med det samme
… og hjælp dine besøgende til det vigtigste
Action take-away #1
@MogensMoeller [email protected] www.sleeknote.com
Top bar… sticky eller ej?
Frequently Asked Question #2
@MogensMoeller [email protected] 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
Take-aways fra brugertests
1
2
3
@MogensMoeller [email protected] www.sleeknote.com
Take-aways fra brugertests
1
2
3
@MogensMoeller [email protected] 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
@MogensMoeller [email protected] www.sleeknote.com
Brug en sticky top bar … og lad de vigtigste links være
synlige hele tiden
Action take-away #2
@MogensMoeller [email protected] www.sleeknote.com
Hvor meget information på hvert produkt?
Frequently Asked Question #3
@MogensMoeller [email protected] www.sleeknote.com
“Hvilket produkt skal jeg vælge?”
“Hvad er forskellen?”
For lidt info, for mange taps!
Take-aways fra brugertests
1
2
3
@MogensMoeller [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
Vis de vigtigste produktfacts på kategorisiderne … og undgå for mange
taps (clicks)
Action take-away #3
@MogensMoeller [email protected] www.sleeknote.com
Filtre… Men hvordan?
Frequently Asked Question #4
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
Vis de samme filtre som på din computer version
… og sørg for at usability og implementeringen bliver gennemtestet
Action take-away #4
@MogensMoeller [email protected] www.sleeknote.com
Popups… Men jeg vil jo ikke
skræmme mine besøgende!
Frequently Asked Question #5
@MogensMoeller [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
Ekstremt effektivt
Tilbyd noget interessant
Det er en popup! Skjul det ikke!
Take-aways fra brugertests
1
2
3
@MogensMoeller [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
flere nyhedsbrevtilmeldinger
95%@MogensMoeller [email protected] www.sleeknote.com
flere nyhedsbrevtilmeldinger
95%Ingen negativ effekt på andre konverteringsrater
+
@MogensMoeller [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
Breadcrumbs… Vel ikke på mobile sider?
Frequently Asked Question #6
@MogensMoeller [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
Vis altid breadcrumbs
… også selvom indhold skubbes ned
Action take-away #6
@MogensMoeller [email protected] www.sleeknote.com
Huskeliste… Er der virkelig nogen der bruger det?
Frequently Asked Question #7
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
Implementer “Huskeliste” på produktsider
… og optimér oplevelsen på tværs af enheder
Action take-away #7
@MogensMoeller [email protected] www.sleeknote.com
Læg i kurv… Og hvad så?
Frequently Asked Question #8
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
Opsummér produktinfo og USPs
… og glem ikke at opsælge
Action take-away #8
@MogensMoeller [email protected] www.sleeknote.com
Tjekud på mobil… Nogen genveje til at gøre det mindre smertefuldt?
Frequently Asked Question #9
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
@MogensMoeller [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
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 [email protected] www.sleeknote.com
Spørgsmål? [email protected]
@MogensMoeller [email protected] www.sleeknote.com