De mobiele bezoeker haakt af: 5 fouten in je mobiele navigatie

Pak je telefoon erbij en ga naar je eigen webshop. Probeer binnen 10 seconden een product te vinden, in het mandje te leggen en naar de checkout te gaan.

Grote kans dat je moet inzoomen, scrollen en zoeken naar het kruisje van die pop-up.

De realiteit is hard: 70% tot 80% van je bezoekers zit op mobiel. Toch ontwerpen en beheren de meeste winkeliers hun shop achter een groot beeldscherm op kantoor. Jij ziet een mooie, ruime site. Je klant ziet gepriegel op een klein schermpje.

Als je navigatie op mobiel hapert, gooi je omzet weg. In dit artikel bespreek ik de vijf grootste fouten bij het optimaliseren van je mobiele webshop.

1. Te kleine knoppen

Je klant heeft geen muisaanwijzer van één pixel groot, hij heeft een duim. Een van de grootste ergernissen is dat knoppen of links te dicht op elkaar staan. De klant wil op “Maat M” tikken en raakt per ongeluk “Maat L”, of erger nog, een andere link. De regel: een klikbaar element is minimaal 44 bij 44 pixels. Geef die duim de ruimte.

2. De pop-up zonder uitgang

Je wilt inschrijvingen voor je nieuwsbrief, dus je hebt een pop-up ingesteld. Op desktop ziet dat er prima uit. Op mobiel vult de pop-up het hele scherm, en het kruisje om hem weg te klikken valt net buiten beeld of staat onzichtbaar over je header heen. De bezoeker kan niet verder en klikt weg. Einde sessie.

3. Het hamburgerdoolhof

Dat icoontje met drie streepjes is standaard. Het gaat erom wat er gebeurt als de klant erop tikt. Krijgt hij een overzichtelijke lijst, of moet hij vier niveaus diep (Heren > Kleding > Bovenstukken > Truien) voordat hij iets ziet? Op mobiel moet je navigatie plat zijn. Zorg dat de belangrijkste categorieën direct zichtbaar zijn, eventueel met plaatjes in het menu zelf.

4. De verstopte zoekbalk

Op mobiel hebben mensen geen zin om te bladeren, ze willen zoeken. Verstop je zoekbalk daarom niet achter een klein vergrootglas in de hoek. Maak hem groot, wit en prominent bovenaan de pagina. Een bezoeker die zoekt, converteert drie keer vaker dan een bezoeker die bladert.

5. Zoek de bestelknop

Je klant scrolt door de productfoto’s en leest de beschrijving. Hij is overtuigd en wil kopen. Alleen moet hij helemaal terug naar boven scrollen om de knop “In winkelmand” te vinden. De oplossing: een sticky add-to-cart-knop, een balk die onderaan het scherm blijft staan terwijl de klant scrolt. De koopknop is zo altijd binnen duimbereik.

Onze aanpak: mobiel eerst

Bij retailZ ontwerpen we mobiele sites die we daarna uitvergroten voor desktop, in plaats van desktopsites die ook op mobiel werken. Dat is een wezenlijk verschil. We testen elke knop, elke flow en elke pixel op de kleinste iPhone en de goedkoopste Android. Daar zit jouw omzet.

Durf de confrontatie aan

Heb je na het lezen van dit stuk het gevoel dat je steken laat vallen? Dan doen we een mobiele audit. Wij lopen je shop door alsof we een ongeduldige klant in de trein zijn, filmen ons scherm en geven je direct verbeterpunten.