Van mobiel geschikt naar mobiel geoptimaliseerd!

Maar er is ook noghet psychologische effect. Heb je een slecht ontworpen mobiele website? Uit een recent onderzoek concludeert men dat 57% vande gebruikers de website van jouw bedrijf dan niet zal aanbevelen. Vanuit rationeel standpunt is er geen rechtstreeks verband tussen de kwaliteiten gebruikerservaring van je website en de kwaliteit van je geleverde dienstenof producten, maar de internetgebruiker ziet duidelijk toch een correlatie.

Hieruit blijkt maarweer eens dat je met het ontwerp van je website vanaf het begin rekening dientte houden met de weergave op mobiel. Onder vind je enkele tips als je overweegtje website geschikt te maken voor mobiel gebruik.

Bij het ontwerpen van de mobiele versies van je websites zijn er enkele verschillen waarmee je rekening dient te houden. Voor de hand liggend zijn de aanpassingen vanwege het kleinere scherm. Maar daarnaast is ook het gebruik op mobiel en desktop anders .

Wanneer gebruikers bijvoorbeeld vanaf een desktop een website bezoeken hebben ze meestal meertijd, en gaan ze vaker doorklikken van de ene pagina naar de andere. Wanneer gebruikers vanaf hun mobiel een website bezoeken, hebben ze meestal meer haast en hebben ze vaak een duidelijk doel voor ogen. Ze zijn bijvoorbeeld op zoek naar een telefoonnummer, adres of openingstijden. Houd dus rekening met de doelen van de gebruikers en zorg dat essentiële informatie (zoals openingstijden en adresgegevens) duidelijk zichtbaar zijn.

Nogmaals, als dezelfde persoon een website via desktop bezoekt, of deze doet dat via mobiel,dan is het doel in beide situaties wellicht anders. Via een desktop gaan bezoekers 'browsen' en vergelijken. Maar op mobiel zijn ze mogelijk klaar om actie te ondernemen. Maak acties dus gemakkelijkop mobiele apparaten met duidelijk zichtbare knoppen, CTA's (oproepen vooractie), pictogrammen, enz.

Zo kan je bijvoorbeeld ook rekening houden met het tijdstip dat iemand je site bezoekt. Wanneer een bezoeker tijdens openingsuren je website raadpleegt zou je een andere CTA kunnen weergeven dan wanneer deze je site bezoekt op het moment dat je gesloten bent. (bijvoorbeeld een contactformulier in plaats van een Bel-knop)

Op mobiele sites neemt de kop een relatief groot deel van de beschikbare schermruimte in beslag. Zorg er dus voor dat deze de belangrijkste CTA's bevat. Zorg ook dat de menubalk (en eventuele CTA's) zichtbaar blijven tijdens het scrollen.

Bijvoorbeeld: Stel het primaire doel van de mobiele versie van je website is om gebruikers instaat te stellen een tafel te reserveren, een bestelling te plaatsen, enz. Maak die acties dan eenvoudig door ze goed zichtbaar te houden!

Keep it simple is hier zeker de mantra. In een mobiel menu heb je maar een kleine ruimte beschikbaar. Geef dus prioriteit aan de zaken die gebruikers het meest nodig hebben.

Een zogenaamd Hamburger-menu (3 horizontale streepjes) plaatst de navigatie-elementen achter een klein pictogram dat zorgt voor een strak ontwerp. Maar het verbergt gelijk ook de navigatie-elementen, immers je moet nu eerst klikken op het pictogram eerdat dit zichtbaar wordt. In sommige gevallen is dit wellicht niet gewenst.