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 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.
9. 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?
11. 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 Significantieniveau
o Impactop 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
1. Introductie | CRO-proces ISM
12. 1. Introductie | Waar staat Usability in de Conversie-pyramide?
Technologie
Functionaliteit
Usability
Intuïtie
Emotie
Klantpropositie
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
33. • “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
34. 27% verlaat de checkout als deze complex is of lijkt
2. Effect van Usability op Perceptie | Cognitive Load
Bron: Baymard Institute
35. 2. Effect van Usability op Perceptie | Cognitive Load
“Pfoe, dit ziet er complex uit…” “Makkie!”
VS
36. Zorg ervoor dat taken zo
eenvoudig mogelijk zijn
of lijken
2/8
37. 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*
38. 1 van de Usability
Heuristic Principles
van Jakob Nielsen
Show System Status
2. Effect van Usability op Perceptie | Micro-interacties
41. 2. Effect van Usability op Functies | Mobile inputs
TelefoonnummerNaam E-mailadresURL
42. • 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!
2. Effect van Usability op Functies | Mobile inputs
43. 2. Effect van Usability op Functies | Mobile inputs
• Gebruiker wisselt niet zelf
van toetsenbord
• Nederlands postcode format
is altijd hetzelfde
• 5 taps minder!
45. 2. Effect van Usability op Functies | Design van functies
• Teveel ruis
• Hoge uitval
• Veel gebruik van + en -
buttons
46. 2. Effect van Usability op Functies | Design van functies
+22%
Transacties
+10%
Gebruik!
47. Laat je designer en je
Usability specialist
nauwkeurig
samenwerken!
5/8
48. 2. Effect van Usability op Functies | Mobile Labels
• Geen idee waarom dit fout is
• Het is toch mijn adres?Naam
E-mailadres
Straat Huisnr
Postcode
Plaats
Ga verder naar de volgende stap >
Waar mag de bestelling naartoe?
Danny Loeffen
d.loeffen@ism.nl
Van Nelleweg 1
Rotterdam
3044BC
Rotterdam
3044BC
49. 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?
59. 1. Houd rekening met het fysieke gebruik (75% duim, 49% one-handed)
2. Zorg voor (het gevoel van) een snelle website
3. Maak middels micro-interacties duidelijk wat de status is
4. Zorg ervoor dat taken zo eenvoudig mogelijk zijn of lijken
5. Gebruik de juiste (dynamische) toetsenborden
6. Laat je designer en Usability specialist nauwkeurig samenwerken
7. Verberg nooit de input labels
8. Toon een ‘stukje’ van het volgende element om horizontaal scrollen intuïtiever te maken
3. Key Takeaways