Is uw e-commerce conversiepercentage op mobiel zo laag in vergelijking met desktop? Dan loopt u ver achter op mobiele leiders! Hoe pakt u mobiele optimalisatie aan? Tijdens zijn sessie leidde Jurjen u door een groot aantal praktijkcases van mobiele leiders. - www.ism.nl -

1. Jurjen Jongejan
Sr. Conversie-optimalisatie consultant | Online Marketing Director | Auteur
Datagedreven conversie-optimalisatie op mobiel
voor morgen en in de toekomst!

2. HELP!
Mobiel
converteert
niet!

3. Oriënteren op mobiel... Converteren op desktop
Cross-device attributiegedrag hebben we ons zelf aangepraat!

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

5. Klantverwachting
(snelheid, functionaliteit,
usability)
Mobiele
webshops

8. Klantenservice
Online marketeer
Consument
CEO
E-commercemanager

9. Hoe toekomstgericht is jouw bedrijf?
€290
Aandeel verkeer
0%
20%
40%
60%
80%
100%
Mobile Tablet Desktop
Mei 2018 Mei 2020
Conversie ratio
0%
1%
2%
3%
4%
Mobile Tablet Desktop
Mei 2018 Mei 2020
Omzet mei 2018
€290.000,- €650.000,-
€2.310.000,- €1.340.000,-
VERLIES € 970.000,-
Omzet mei 2020
€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%

10. Hoe optimaliseer je de conversie op mobiel?

11. Jurjen Jongejan – sr. Conversie-optimalisatie consultant
Online Marketing Director | Auteur
✓ Oprichter afdeling online marketing & optimalisatie bij ISM eCompany
✓ Meer dan 15 jaar ervaring in optimalisatie & e-Commerce
✓ Voorzitter expertgroep ‘Revenue Optimization’ Shopping Tomorrow
✓ Bestseller auteur
j.jongejan@ism.nl
Linkedin.com/jurjenjongejan
@jurjenjongejan

12. Datagedreven proces

13. 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
Conversie-optimalisatieproces

15. Correlatie: 0.66
54,50%
55,00%
55,50%
56,00%
56,50%
57,00%
57,50%
58,00%
58,50%
59,00%
59,50%
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
Bouncepercentage
Sessies
Laadtijden
Mobiel
Middelmatige positieve correlatie tussen laadtijd en bouncepercentage

16. 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
Conversiepercentage
Sessies
Laadtijden
Mobiel
Zeer sterke negatieve correlatie tussen laadtijd en conversiepercentage
Correlatie: -0.90

17. Source: Webpagetest.org

18. 5.0 s 16.2 s
VoltooidL a d e n . . .
Visually complete Fully loaded
0.67 s 3.8 s
0-meting
Na optimalisatie
Start Render Speed Index
+ 653% + 362%

19. VoltooidL a d e n . . .
Visually complete Fully loaded
0.67 s 3.8 sNa optimalisatie
+ 653% + 362%
Bouncepercentage mobiel: -10%
Conversiepercentage mobiel: +4%

21. Source: Emarketer 2015 via US Census

22. Hamburger icoon

23. Origineel A Variant B

24. Origineel A Variant B

25. Origineel A Variant B

27. Source: Luke Wroblewski

28. Source: Luke Wroblewski

29. Undersized
hamburger Menu
Samosa Menu

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

32. + 14%Origineel A Variant B

33. Bron: Steven Hoober
49%
‘one-handed’
15%
‘two-handed’
36%
‘cradled’
75% van de
interacties
met de duim!

34. Source: Luke Wroblewski

35. Voor Na Voor Na

36. Bottom menu
Top menu
Origineel A Variant B

37. Weg!
08-2017 10-2017 03-2018
WINNAAR

40. 60% koopt iets voor
iemand anders!

41. Origineel A Variant B

44. + 6 %Origineel A Variant B

47. 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”

50. 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.

53. Neuro usability onderzoek

55. Andere databronnen...

56. Bron: GFK, n= 5.000
4%
7%
8%
11%
12%
13%
21%
23%
28%
28%
34%
38%
41%
0% 5% 10% 15% 20% 25% 30% 35% 40% 45%
Een andere reden
Mobiele websites bieden vaak een beperkter assortiment
Browsen/Surfen op mobiele websites kost veel batterij
Mobiele websites bieden te weinig informatie om een…
Veiligheid van bestellen op mijn smartphone laat te…
Ik zie geen redenen om af te haken
Producten zijn lastig te vinden op mobiele websites
De website moet te lang laden
Mijn smartphone heeft een te klein scherm
Zoekfuncties op mobiele websites werken niet optimaal
Browsen/Surfen op mobiele sites is onhandig
Mijn gegevens invoeren op mobiel is onhandig
Te kleine/onduidelijke foto’s van producten
Wat is/zijn voor u reden(en) om af te haken bij het kopen via een
mobiele website op een een smartphone?

61. +83% +103%Origineel A Variant B Variant C

62. Waardeloos
verbeterpunt
Concurrent
kopiëren
Mening e-
Commerce
manager
Best practice
van Blog
Mening
designer
Design trends
Mening van de
merkpolitie
Redesign
concurrent
Mening CEO
Inzicht &
waardevol
verbeterpunt
A/B-test
learnings
Website-
statistieken
Klant-reviews
(bij
concurrent)
Feedback
tool
analyse
Sessie
recording-
analyse
Customer
journey
interviews
FAQ klanten-
service
Usability-
onderzoek
Hoe het is Hoe het zou moeten zijn

63. 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!

64. Next Generation Web
Progressive Web Apps

65. Snellere laadtijd Makkelijker navigeren Altijd ingelogd
Waarom gebruiken consumenten native apps?

66. 8 Gebruik de app
7 Accepteer voorwaarden
6 Open app
5 Installeer
4 Download en wacht
3 inloggen in app store
2 Zoek in app store
1 Laad app store
Native app - gebruikersreis

67. laag hoog
hooglaag
Bereik
Betrokkenheidvangebruiker
Mobiele webshops
Native apps Progressive Web Apps

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

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

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

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

72. 2Gebruik de app
1Klik op URL
8 Gebruik de app
7 Accepteer voorwaarden
6 Open app
5 Installeer
4 Download en wacht
3 inloggen in app store
2 Zoek in app store
1 Laad app store
Native app - gebruikersreis Progressive Web App -gebruikersreis

73. De evolutie van (online) winkelen

74. 2021: 50% van de zoekopdrachten in Google voice of image
Source: Google

75. De evolutie van optimalisatie voor e-Commerce
A B A B A B
desktop mobiel / Progressive Web Apps assistant / voice
1998 - 2016 2016 - 2021 2021 - …..

76. Origineel A Variant B

77. Origineel A Variant B

78. Key take aways
1. Conversie op mobiel blijft
achter, omdat we nog héél
veel moeten leren! Zorg dat
jij het snelst leert!
2. Onderbouw je mobiele
verbeteringen alleen met data.
Hoe meer databronnen, hoe
sterker je hypothese!
3. Ontwikkel een
optimalisatie roadmap op
‘progressive web app
technologie’
4. Ontwikkel een
optimalisatie roadmap op
‘voice’

79. Van Nelleweg 1, 3044 BC Rotterdam +31 (0)10 243 60 000 info@ism.nl www.ism.nl