View
1.227
Download
0
Category
Preview:
Citation preview
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
“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 mm@sleeknote.com www.sleeknote.com
User test webcam
Hvorfor er mobiloptimering vigtigt?
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Hvorfor er mobiloptimering vigtigt?
User test webcam
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com 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 mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
Hvorfor er konverteringsraten lavere på mobile sider?
Data: 150 mobile brugertests
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
9 tips til højere konverteringsrate på mobile enheder
@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
Forsiden… Hvad er det vigtigte?
Frequently Asked Question #1
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
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
Top bar… sticky eller ej?
Frequently Asked Question #2
@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
Take-aways fra brugertests
1
2
3
@MogensMoeller mm@sleeknote.com www.sleeknote.com
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
@MogensMoeller mm@sleeknote.com www.sleeknote.com
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
Hvor meget information på hvert produkt?
Frequently Asked Question #3
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Vis de vigtigste produktfacts på kategorisiderne … og undgå for mange
taps (clicks)
Action take-away #3
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Filtre… Men hvordan?
Frequently Asked Question #4
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
Popups… Men jeg vil jo ikke
skræmme mine besøgende!
Frequently Asked Question #5
@MogensMoeller mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
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
@MogensMoeller mm@sleeknote.com www.sleeknote.com
flere nyhedsbrevtilmeldinger
95%@MogensMoeller mm@sleeknote.com www.sleeknote.com
flere nyhedsbrevtilmeldinger
95%Ingen negativ effekt på andre konverteringsrater
+
@MogensMoeller mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
Breadcrumbs… Vel ikke på mobile sider?
Frequently Asked Question #6
@MogensMoeller mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Vis altid breadcrumbs
… også selvom indhold skubbes ned
Action take-away #6
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Huskeliste… Er der virkelig nogen der bruger det?
Frequently Asked Question #7
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Implementer “Huskeliste” på produktsider
… og optimér oplevelsen på tværs af enheder
Action take-away #7
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Læg i kurv… Og hvad så?
Frequently Asked Question #8
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Opsummér produktinfo og USPs
… og glem ikke at opsælge
Action take-away #8
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Tjekud på mobil… Nogen genveje til at gøre det mindre smertefuldt?
Frequently Asked Question #9
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
@MogensMoeller mm@sleeknote.com 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 mm@sleeknote.com 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 mm@sleeknote.com www.sleeknote.com
Spørgsmål? mm@sleeknote.com
@MogensMoeller mm@sleeknote.com www.sleeknote.com
Recommended