• Homepagina
  • Blog
  • Mobile Usability-tips die je conversieratio boosten [deel 1]

Mobile Usability-tips die je conversieratio boosten [deel 1]

mobusop_banner1.png

Mobile Usability Optimalisatie is een discipline waarbij veel expertkennis om de hoek komt kijken. Wat veel online retailers echter niet weten, is dat er een aantal basisuitgangspunten zijn waarmee ze al flink verschil kunnen maken.  In deze tweedelige blog deel ik tips waarmee je de conversieratio van je mobiele webshop een boost geeft! 

Inhoud

Direct naar: 

  1. Fysiek gebruik
  2. Mobile first
  3. Cognitive load 
  4. Conclusie 

Leestijd: 4 minuten

Print de blog

 

#1 Houd rekening met het fysieke aspect

Niet iedereen houdt z'n telefoon op dezelfde manier vast. Uit een onderzoek onder 1.000+ respondenten blijkt dat 49 procent z'n smartphone met één hand vasthoudt, 39 procent deze ‘cradled’ ('met 1 hand bedient en met de andere hand ondersteunt') en slechts 15 procent z'n telefoon twee-handig vasthoudt!

mobusop_handjes.png

 Afbeelding 1: het met één hand vasthouden van smartphones is het populairst

Van de grootste groep ('de éénhandige gebruikers') gebruikt maar liefst 75 procent z'n duim voor alle interacties. Dit heeft uiteraard ook impact op de ideale inrichting van webpagina's; een duim kan niet overal even goed bij. In de onderstaande afbeelding is duidelijk te zien dat belangrijke knoppen hierdoor soms moeilijk te bereiken zijn: 

 mobusop_coolblue.png

Afbeelding 2: Coolblue heeft button recentelijk weer weggehaald, of ze zijn deze volop aan het A/B testen

 

Tijdens m'n eigen usability-onderzoeken valt het mij regelmatig op dat bezoekers het liefst met hun duim de interactie aangaan. Het resultaat? Bizarre bewegingen in een poging om tóch die ene functie te kunnen gebruiken. Een veelvoorkomend obstakel is bijvoorbeeld de menuknop die veel websites links bovenaan hun pagina hebben staan.

Gelukkig houden steeds meer apps en websites rekening met éénhandig gebruik, door veelgebruikte functies onderaan te zetten in een zogeheten "Bottom Bar" (zie afbeelding).

mobusop_oud en nieuw.png

Afbeelding 3: de 'Bottom Bar'

De take-away van mijn eerste tip: denk goed na over hoe de gebruiker zijn smartphone fysiek gebruikt en hou daar zoveel mogelijk rekening mee in design- en layout-beslissingen.

 

#2 Begin met de mobiele weergave en vergeet de muis!

Het begrip “responsive” is inmiddels behoorlijk ingeburgerd, maar bij de interpretatie hiervan gaat het helaas nog regelmatig mis. Zo staan er nog steeds “responsive websites" online die weliswaar functioneel zijn, maar verre van gebruiksvriendelijk! Dit zijn vaak ‘oude’ desktop-georiënteerde designs, waarbij onderdelen onder elkaar komen te staan zodra het scherm kleiner wordt. Deze aanpassing is echter te mager om je mobiele bezoekers een gebruiksvriendelijke ervaring te geven -met minder conversies als resultaat.

 mobusop_slechte optimalisatie.png

Afbeelding 4: slechte responsieve uitvoering

 

New Call-to-action 

#3 Zorg voor een zo laag mogelijke ‘Cognitive Load’

'Cognitive Load' is de mentale inspanning die nodig is om een taak te beginnen en/of af te ronden. Wil je ervoor zorgen dat zoveel mogelijk mensen hun taak afronden, dan is het zaak om deze 'load' zo laag mogelijk te houden. Hoe je dit doet laat ik je middels deze vergelijking zien:

mobusop_complex vs simpel.png

Afbeelding 5: een complex- vs. een simpel bestelproces

Het linker-bestelproces roept direct het gevoel van: "Phoe, dat is veel!" op in het onderbewustzijn, terwijl de rechter eerder: “Oh, zo gedaan!” oproept. De Cognitive Load is bij de rechter checkout namelijk vele malen lager dan bij de linker, waardoor de kans op het afronden van de taak stukken hoger uitpakt. En een hogere afronding van je checkout betekent natuurlijk meer conversies!

 

Samenvatting

Wil je graag aan de slag met mobile usability optimalisatie? Zorg er dan voor dat je design "duim-proof" en mobile-focused is, en zorg ervoor dat taken zo eenvoudig mogelijk lijken. 

Wil je nog meer weten over conversie optimalisatie voor mobiele telefoons, lees dan het artikel "3 tips voor het optimaliseren van je mobiele webshop" van mijn collega Lara Meeren of download onze whitepaper met 9 handige tips: 

 

Conversie-tips voor mobiele webshop

 

Blogger

Danny Loeffen, Webanalytics & Conversie-optimalisatie consultant
Danny Loeffen, Webanalytics & Conversie-optimalisatie consultant

Danny Loeffen is Webanalytics & Conversie-optimalisatie Consultant bij ISM eCompany. Met Steve Jobs als inspiratiebron en met data over online shopgedrag als voeding streeft hij ernaar om online winkelen leuker en beter te maken.

E-mail: [email protected]

Contact

Direct één van onze e-mailmarketingspecialisten spreken?

Neem contact met ons op

Deel deze pagina