Is uw conversiepercentage op mobiel zo laag in de vergelijking met desktop? Dan laat u veel kansen liggen, want iedere mobiele webshop zit vol learnings en veel kansen voor conversieverhoging. Maar hoe pakt u mobiele optimalisatie aan? Jurjen Jongejan liet tijdens zijn sessie op de Webwinkel Vakdagen een aantal mobiele praktijkcases van datagedreven (online) retailers zien. Verder deelde Jurjen praktische tips over prioritering en het inrichten van een testing- en personalisatieproces op mobiel. - www.ism.nl -

1. Conversie-optimalisatie
op mobiel
proces, cases en tips
Jurjen Jongejan
Sr. Conversie-optimalisatie consultant | Online Marketing Director | Auteur
Hoe realiseer je een hoger conversiepercentage
op mobiel dan op desktop?
proces, cases en inspiratie

2. Help! Mobiel converteert niet!

3. Oriënteren op mobiel...
Cross-device attributie hebben we ons zelf aangepraat….
converteren op desktop

4. De echte reden is dat we consumenten slechte mobiele ervaringen bieden…

5. Omnichannel gap
‘mobile gap’
Klantverwachting
(snelheid, functionaliteit,
usability)
mobiele
sites

9. Online marketeer
Consument
CEO
eCommerce ManagerKlantenservice

10. Hoe toekomstgericht is jouw bedrijf?
€290
Aandeel verkeer
0%
20%
40%
60%
80%
100%
Mobile Tablet Desktop
Sept ‘17 Sept ‘20
Conversie ratio
0%
1%
2%
3%
4%
Mobile Tablet Desktop
Sept ‘17 Sept ‘20
Omzet sept ´17
€290.000,- €650.000,-
€2.310.000,- €1.340.000,-
VERLIES €970.000,-
Omzet sept ´20
€220.000,- €120.000,-
€1.800.000,- €570.000,-
Totaal aantal sessies: 1.000.000
Gemiddelde orderwaarde: €100
Totaal:
60%
11%
29%
65%
6%
19%

11. Hoe optimaliseer je de conversie op mobiel?

12. Jurjen Jongejan
Sr. Conversie-optimalisatie consultant | Online Marketing Director | Auteur
j.jongejan@ism.nl
Linkedin.com/jurjenjongejan
@jurjenjongejan
✓ Meer dan 14 jaar e-Commerce & optimalisatie ervaring bij
✓ Bedrijfskundige van de
✓ Blogger op
✓ Voorzitter expertgroep ‘Revenue Optimization’
✓ Auteur van de bestseller

14. Beoordeeld met
Genomineerd voor
300 dagen in de
top 100
4.000

15. + 200 e-Commerce professionals

17. Inzichten
Prioriteren
Test backlog
HoogLaag
Hypothese opstellen
Testplan maken
Testvarianten maken
A/B test live
Analyseren
Learnings delen
Test
herhalen
Informeren
team
Rapportage
o # bezoekers en
conversie per variant
o Segment analyse
o Significantie niveau
o Impact op KPI
Verandering
doorvoeren?
Nee JaVerwerpen en
naar volgende test
Maak ticket voor
Development
Hoog
LIVE
Change backlog
A
B
C
o Webanalytics data
o Externe expert analyses
o Sessie recording analyses
o Onsite klantfeedback
o Usability onderzoek
o Gedragsonderzoek
o Analyse klantenservice
vragen
o Interviews met klanten
o Etc.
Bronnen voor
conversieverbeteringen
Datagedreven conversie-optimalisatie proces

19. Source: Google Analytics
1,74%
1,25%
0,00%
0,20%
0,40%
0,60%
0,80%
1,00%
1,20%
1,40%
1,60%
1,80%
2,00%
0
50000
100000
150000
200000
250000
300000
5,1 5,4 5,7 6 6,3 6,6 6,9 7,2 7,5 7,8 8,1
CR
Sessies
Laadtijden
Mobiel
Correlatie: -0.90

20. Source: Webpagetest.org

24. VOOR NA

25. Visitor to cart / Conversie
Productpaginaviews
laag hoog
laaghoog AANDACHT
Conversie-optimalisatie
POPULAIR
Inkoop / promotie
DISCUSSIE
Lange termijn analyse / trend analyse
KANSRIJK
Verkeer / zichtbaarheid vergroten
Mobile

27. Hamburger icoon

29. ORIGINEEL A VARIANT B

30. ORIGINEEL A VARIANT B

31. ORIGINEEL A VARIANT B

33. Source: Luke Wroblewski

34. Source: Luke Wroblewski

35. Undersized
hamburger Menu
Undersized
hamburger Menu

36. Samosa Menu

37. Wat is dit?Waar is het menu? Van welk bedrijf is deze webshop?

38. Draai je scherm?
Nog een kwartier open?
Beveiligde verbinding?

40. ORIGINEEL A VARIANT B

42. ORIGINEEL A VARIANT B

43. “Pfoe, dit ziet er complex uit…” “Makkie!”

47. Source: Luke Wroblewski

48. VOOR NAVOOR NA

49. Bottom menu
Top menu
ORIGINEEL A VARIANT B

52. “Hoe kan ik een product
verwijderen?”

54. We maximize your e-commerce successWe maximize your e-commerce successWe maximize your e-commerce successwe maximize your e-commerce success

55. We maximize your e-commerce successWe maximize your e-commerce successWe maximize your e-commerce successwe maximize your e-commerce success
ORIGINEEL A VARIANT B + 5,7%

56. Mobiele bezoekers
Optimaliseer interne zoekfunctie
Desktop bezoekers
Optimaliseer interne zoekfunctie

57. Desktop bezoekers
Optimaliseer interne zoekfunctie
Mobiele bezoekers
Optimaliseer navigatie

60. Respondenten voerden in een bepaald
scenario verschillende taken uit op de
mobiele webshop van Hunkemöller.
Eén van de taken was: “Koop een
blauwe sport-bh in jouw maat en laat
je bestelling op je werk bezorgen”

63. Het is opzich wel jammer dat je eigenlijk
alleen kunt filteren op prijs.
Net vond ik dat wel relaxed.
Maar je kan niet kiezen op kleur, model
of stof.

67. Inzichten
Prioriteren
Test backlog
HoogLaag
Hypothese opstellen
Testplan maken
Testvarianten maken
A/B test live
Analyseren
Learnings delen
Test
herhalen
Informeren
team
Rapportage
o # bezoekers en
conversie per variant
o Segment analyse
o Significantie niveau
o Impact op KPI
Verandering
doorvoeren?
Nee JaVerwerpen en
naar volgende test
Maak ticket voor
Development
Hoog
LIVE
Change backlog
A
B
C
o Webanalytics data
o Externe expert analyses
o Sessie recording analyses
o Onsite klantfeedback
o Usability onderzoek
o Gedragsonderzoek
o Analyse klantenservice
vragen
o Interviews met klanten
o Etc.
Bronnen voor
conversieverbeteringen

68. Nog een databron: theorieën uit de offline consumentenpsychologie

71. ORIGINEEL A VARIANT B + 8%

72. ORIGINEEL A VARIANT B + 5%

73. Inzichten
Prioriteren
Test backlog
HoogLaag
Hypothese opstellen
Testplan maken
Testvarianten maken
A/B test live
Analyseren
Learnings delen
Test
herhalen
Informeren
team
Rapportage
o # bezoekers en
conversie per variant
o Segment analyse
o Significantie niveau
o Impact op KPI
Verandering
doorvoeren?
Nee JaVerwerpen en
naar volgende test
Maak ticket voor
Development
Hoog
LIVE
Change backlog
A
B
C
o Webanalytics data
o Externe expert analyses
o Sessie recording analyses
o Onsite klantfeedback
o Usability onderzoek
o Gedragsonderzoek
o Analyse klantenservice
vragen
o Interviews met klanten
o Etc.
Bronnen voor
conversieverbeteringen
Gebruik data als bron voor
conversieverbetering!

74. Next Generation Web
Progressive Web Apps

75. Next Generation Web
Progressive Web Apps
Snellere laadtijd Makkelijker navigeren Altijd ingelogd
Waarom gebruiken consumenten native apps?

76. LAAD APP STORE INSTALLEERDOWNLOAD & WACHTZOEK IN APP STORE
Native app – gebruikersreis
ACCEPTEER VOORWAARDEN GEBRUIK DE APPINLOGGEN IN APP STORE OPEN APP

77. Mobiele websites
Apps
?
Toenemendebetrokkenheidvandegebruiker
- Weinig gebruikers
+ Hoge betrokkenheid
+ Veel gebruikers
- Lage betrokkenheid

78. Mobiele websites
Apps
Toenemendebetrokkenheidvandegebruiker
- Weinig gebruikers
+ Hoge betrokkenheid
+ Veel gebruikers
- Lage betrokkenheid
Progressive
Web
Apps
+ Veel gebruikers
+ Verhoogde betrokkenheid

79. start zoekopdracht selecteert product niet meer op voorraad...

80. ...notificatie weer op voorraad blijft op de hoogte... verliest internet connectie

81. ... gaat verder met shoppen krijgt push notificatie voegt toe aan mandje

82. ... betaalt in 1 tap voeg toe aan startscherm openen als native app browsen op volledig scherm

83. LAAD APP STORE INSTALLEERDOWNLOAD & WACHTZOEK IN APP STORE
Native app – gebruikersreis
ACCEPTEER VOORWAARDEN GEBRUIK DE APPINLOGGEN IN APP STORE OPEN APP
KLIK OP URL GEBRUIK DE APP
Progressive web app – gebruikersreis

84. Key take aways
1. Mobiel is een conversie device ☺
2. Mobile gap: ‘get the basics right op mobiel!’
3. Onderbouw je hypotheses zoveel mogelijk met data. Hoe meer
databronnen, hoe sterker je hypothese!
4. Ontwikkel een visie en roadmap op ‘progressive web app’
technologie!

85. Jurjen Jongejan
Sr. Conversie-optimalisatie consultant | Online Marketing Director | Auteur
j.jongejan@ism.nl
Linkedin.com/in/jurjenjongejan
Bedankt voor jullie aandacht!
@jurjenjongejan