Hoe kunt u (big) data inzetten voor het optimaliseren van de conversie in uw mobiele webshop? Ontdek waar u rekening mee dient te houden voor al uw mobiele gebruikers. Over dit onderwerp gaf ISM'er Danny Loeffen op de Webwinkel Vakdagen een presentatie. Na afloop konden de bezoekers aan de slag met data verzamelen en met concrete actiepunten. Tevens kregen ze meer inzicht waar zich de knelpunten bevinden voor de mobiele gebruikers. - www.ism.nl -
11. • Usability is de kunst waarin software gemaakt wordt zodat gebruikers de
software effectief, efficiënt en naar tevredenheid kunnen gebruiken
• Simpelweg: Het moet intuïtief zijn voor jouw gebruiker!
1. Introductie | Wat is Usability?
13. 1. Introductie | CRO-proces ISM
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
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
ONDERDEEL A ONDERDEEL B ONDERDEEL C
14. 1. Introductie | Waar staat Usability in de Conversie-pyramide?
Technologie
Functionaliteit
Usability
Intuïtie
Emotie
Unieke waarde propositie
Bron: Meer omzet uit je webshop, Jurjen Jongejan
Hier staat Usability
Om deze redenen kopen
bezoekers
Denk aan snelheid, “werken alle
functionaliteiten?”/BUGS
Denk aan kwaliteit zoekresultaten,
“Wishlist”-functie
Verleidingstechnieken zoals
“17 anderen kochten dit vandaag ook”
Efficiënt, effectief en
naar tevredenheid
35. • “Don’t make me think!”
• Eén tap door met bestellen
+3,5% conversie
2. Effect van Usability op Perceptie | A/B Test
Origineel Variant
36. 27% verlaat de checkout als deze complex is of lijkt
2. Effect van Usability op Perceptie | Cognitive Load
Bron: Baymard Institute
37. 2. Effect van Usability op Perceptie | Cognitive Load
“Pfoe, dit ziet er complex uit…” “Makkie!”
VS
38. 2. Effect van Usability op Perceptie | Cognitive Load
Zorg ervoor dat taken zo eenvoudig mogelijk zijn of lijken
39. 2. Effect van Usability op Perceptie | (Gevoel van) Snelheid
Zonder feedback Met feedback
5 – 8 seconden TWT*
*TWT staat voor “Tolerable Wait Time”
~38 seconden TWT
40. Voorkom langzame websites
• Hoger vertrouwen in de website
• Hogere verwachting van de kwaliteit
• Minder frustratie
• Interessanter
• Aantrekkelijker
2. Effect van Usability op Perceptie | (Gevoel van) Snelheid
Bron
41. 2. Effect van Usability op Perceptie | Micro-interacties
1.
“Hier wil ik
naartoe”
*TAP*
3.
“Hallo, doe
het eens!”
*TAP*TAP*
2.
“Doet ‘ie het
niet?” *TAP*
4.
“Oh, hij is
aan het
laden..!”
*PFF*
42. 1 van de Usability Heuristic Principles van Jakob Nielsen
Show System Status
2. Effect van Usability op Perceptie | Micro-interacties
43. 2. Effect van Usability op Perceptie | Micro-interacties
Maak middels ‘micro-interactions’ duidelijk
wat de status is!
45. 2. Effect van Usability op Functies | Mobile inputs
TelefoonnummerNaam E-mailadresURL
46. 2. Effect van Usability op Functies | Mobile inputs
• Gebruiker wisselt niet
zelf van toetsenbord
• Als we het format van
een invoerveld weten,
waarom helpen we onze
gebruikers daar dan niet
mee?
• 8 taps minder!
47. 2. Effect van Usability op Functies | Mobile inputs
• Gebruiker wisselt niet
zelf van toetsenbord
• Nederlands postcode
format is altijd hetzelfde
• 5 taps minder!
48. 2. Effect van Usability op Functies | Mobile inputs
Gebruik de juiste (dynamische) toetsenborden!
49. 2. Effect van Usability op Functies | “Responsive”
@darylginn
Twitter
A B
50. 2. Effect van Usability op Functies | “Responsive”
Geen goed
voorbeeld
51. 2. Effect van Usability op Functies | “Responsive”
Wél goed
voorbeeld
52. 2. Effect van Usability op Functies | ”Responsive”
Begin met de mobiele weergave en vergeet de muis!
53. 2. Effect van Usability op Functies | Mobile Labels
Naam
E-mailadres
Straat Huisnr
Postcode
Plaats
• Geen idee waarom dit fout is
• Het is toch mijn adres?
Ga verder naar de volgende stap >
Waar mag de bestelling naartoe?
Danny Loeffen
d.loeffen@ism.nl
Van Nelleweg 1
Rotterdam
3044BC
Rotterdam
3044BC
54. 2. Effect van Usability op Functies | Mobile Labels
Naam
E-mailadres
Straat Huisnr
Postcode
Plaats
Ga verder naar de volgende stap >
Waar mag de bestelling naartoe?
55. 2. Effect van Usability op Functies | Mobile Labels
“Floating
labels”
56. 2. Effect van Usability op Functies | Mobile Labels
Verberg nooit de input labels
58. 1. Begin met je mobiele weergave en vergeet de muis
2. Houd rekening met het fysieke gebruik (75% duim, 49% one-handed)
3. Zorg voor (het gevoel van) een snelle website
4. Maak middels micro-interacties duidelijk wat de status is
5. Zorg ervoor dat taken zo eenvoudig mogelijk zijn of lijken
6. Gebruik de juiste (dynamische) toetsenborden
7. Verberg nooit de input labels
3. Key Takeaways