Reclamebureau » Wiki » Webdesign » 3 Mobile UX Design tips om meer omzet uit uw webshop te halen

3 Mobile UX Design tips om meer omzet uit uw webshop te halen

Geplaatst op 20 juni 2015 door Webdesignbureau Connexx 

Wist u dat gemiddeld zo’n 70% van alle online winkelwagens worden verlaten, nog voordat het afrekenproces start? Bij het gebruik van mobiele apparaten ligt dit percentage zelfs nog hoger, op zo’n 95%.

Om uiteenlopende redenen kiezen klanten ervoor om de winkelwagen eerder te verlaten; zo kan een klant bijvoorbeeld afhaken als er extra verzendkosten worden berekend, of als de prijs ergens anders toch goedkoper blijkt te zijn. Ook zijn er veel klanten die zich eerst online oriënteren zonder een aankoop te doen, maar daarbij wel gebruik maken van de winkelwagen. Klanten haken bovendien snel af als er problemen zijn met de gebruiksvriendelijkheid van de webshop, oftewel de User Experience (UX).

UX in m-commerce: waarom haken klanten via mobiele apparaten zo snel af?

Bij het analyseren van uw website statistieken heeft u vast en zeker ook een sterke stijging gezien van het aantal bezoekers via een mobiel apparaat. Ook het aantal aankopen via smartphones en tablets (m-commerce) blijft sterk stijgen. Waarom haken klanten juist bij het gebruik van mobiele apparaten zo snel af? Ook hier blijkt een slechte User Experience (UX) een van de belangrijkste redenen te zijn waarom de winkelwagen voortijdig op een smartphone of tablet wordt verlaten.

3 User Experience webdesign tips voor hogere conversie via mobiel

Wilt u geen mobiele omzet mislopen? Volg dan de 3 Mobile UX Design tips hieronder, om de gebruiksvriendelijkheid van het online bestelproces in u webshop te verbeteren. Deze tips helpen u bij het verhogen van mobiele conversie  en het optimaliseren van de user experience voor zowel mobiele als desktop gebruikers.  

1. De locatie van de ‘Add to Cart’ button

In uw webshop heeft de locatie van de ‘Add to Cart’ of de ‘Toevoegen aan winkelwagen’ button een belangrijke invloed op het doen van een aankoop. Op veel m-commerce websites wordt deze knop slechts één keer getoond, vaak boven de productbeschrijving. Als bezoekers naar beneden scrollen is de ‘Add to Cart’ button niet meer zichtbaar en door de verwarring maken klanten daarom gebruik van de knop voor het ‘winkelmandje’. Bij het bekijken van de winkelwagen komt de consument er vervolgens achter dat het product niet is toegevoegd.

UX Design tip: Zorg ervoor dat de ‘Toevoegen aan winkelwagen’ knop meer dan één keer op de pagina wordt getoond, zodat de klant de button gemakkelijk kan vinden. Plaats de ’Add to Cart’ knop bijvoorbeeld bovenaan, in het midden en onderaan op elke productpagina. Om verwarring te voorkomen is het belangrijk om deze button duidelijk te onderscheiden van de knop voor het ‘winkelmandje’. Creëer bijvoorbeeld een specifieke kleur en vorm voor elke afzonderlijke button.

2. De snelheid van het afrekenproces

De laadsnelheid van een website heeft grote impact op de Usability, oftewel het gebruiksgemak. Zo is bijvoorbeeld het zien van een laadbalk tijdens het afrekenproces een grote ergernis voor klanten. Consumenten willen namelijk op een snelle en efficiënte manier online een aankoop kunnen doen. Uit diverse onderzoeken is gebleken dat 87% van de consumenten een winkelwagen verlaten, als de laadtijd langer is dan 2 seconden. Google adviseert zelfs om uw webpagina’s ‘boven de vouw’ (above the fold) binnen 1 seconde op een smartphone weer te geven.

UX Design tip: optimaliseer het afrekenproces binnen uw webshop, door de laadtijd van elke productpagina en elke stap binnen de bestelprocedure zo kort mogelijk te maken. Verbeter de laadsnelheid van alle media op uw e-commerce website, door bijvoorbeeld alle productafbeeldingen en video’s te optimaliseren. Ook het optimaliseren van uw website code en het inschakelen van caching dragen bij aan een betere webshop performance.   

3. Webshop Redesign met oog op Mobile User Experience (UX)

De kans is groot dat u onderschat hoeveel klanten via een mobiel apparaat een bestelling in uw webshop doen. Het aantal ligt vaak hoger dan u denkt. Dit aantal zal ook de komende jaren sterk blijven toenemen. Het is daarom van groot belang om mobiel klantgedrag uitgebreid te analyseren en eventuele knelpunten in het webdesign van uw webshop in kaart te brengen. Enkele voorbeelden van usability problemen tijdens het bestelproces zijn:

• Geen optie om als gast een bestelling te doen
• Het afrekenproces is te complex
• Geen weergave van het voortgangsproces van de bestelling
• Te veel stappen in het bestelproces
• Te weinig betaalmogelijkheden
• Het afrekenproces duurt te lang
• Verschillende call-to-actions worden in dezelfde kleur en vorm getoond
• Onduidelijkheid over de veiligheid van de verschillende betaalopties
• Website time-out

UX Design tip: Ervaar de mobiele winkelervaring door de ogen van de klant; bekijk uw webshop op een smartphone of tablet en loop alle stappen van het bestelproces door. Analyseer uw website statistieken en kijk daarbij met name naar het percentage bezoekers dat uw e-commerce website via een mobiel apparaat bezoekt, en het bijbehorende weigeringspercentage (bounce rate). Maakt u gebruik van conversie of sales funnel analyses, bekijk dan ook in welke fase van het bestelproces de winkelwagen door mobiele gebruikers wordt verlaten.    

UX-analyse: breng alle usability problemen in kaart

Na het uitvoeren van een grondige UX-analyse heeft u duidelijk inzicht in de usability problemen, die gebruikers van mobiele apparaten tijdens het online shoppen ervaren. Op basis van de uitkomsten kunt u voor de nodige webshop elementen een m-commerce redesign ontwikkelen, met een sterke focus op een optimale Mobile User Experience (UX). Het resultaat? Voortaan biedt u niet alleen de beste winkelervaring voor desktop én mobiel, maar realiseert u ook een verlaging van de bounce rate tot wel 50%* en een stijging van de mobiele omzet tot wel 30%*.

Heeft u weinig ervaring met het analyseren van uw webshop op het gebied van usability en user experience? Dan kunt u beter een UX designer inschakelen. Hierdoor profiteert u niet alleen van diepgaande kennis van User Experience Design voor zowel desktop als mobiel, maar ook van uitgebreide expertise op het gebied van Responsive Webdesign, conversie optimalisatie en customer journey mapping.

* Resultaten overgenomen uit de volgende case study: Designing for Success - Creating Business Value with Mobile User Experience (UX)

RSS feed