Best practices voor mobiel

Mobiele gebruikers zijn vaak tussen de bedrijven door online en hebben weinig tijd. Een mobiele site moet dan ook snel laden en de tekst moet makkelijk kunnen worden gelezen.

• Zet informatie en functies die mobiele gebruikers het meest nodig hebben bovenaan. Dit kun je aflezen uit de statistieken van je desktop-website.
• Houd teksten kort.
• Gebruik bullet points voor extra leesgemak.
• Comprimeer afbeeldingen, zodat ze sneller laden.

Wat je ook van bezoekers verwacht, ze moeten het zonder toetsenbord en muis kunnen doen. Maak het dus makkelijk om iets te kopen of contact op te nemen.

• Focus op informatie die belangrijk is voor conversie (zoals productgegevens).
• Beperk het aantal stappen dat nodig is om iets te kopen.
• Houd formulieren kort en gebruik zo min mogelijk invulvelden.
• Gebruik checkboxen, lijsten en scrollmenu’s voor eenvoudige gegevensinvoer.
• Gebruik click-to-call voor alle telefoonnummers.

Bezoekers moeten snel kunnen vinden wat ze nodig hebben. Daarvoor is een duidelijke navigatie nodig. Plaats bij grote of complexe sites ook een zoekfunctie.

• Kies voor een verticale lay-out en beperk scrollen tot een minimum.
• Gebruik een duidelijke menustructuur en vermijd rollovers.
• Plaats duidelijke buttons voor 'Back’ en ‘Home’.
• Gebruik maximaal zeven links per navigatiepagina.
• Plaats op complexe sites duidelijk zichtbaar een zoekfunctie.

Consumenten zoeken op hun telefoon voortdurend naar lokale informatie. Van het dichtstbijzijnde tankstation tot een pizzeria die nog open is. Een goede mobiele site leidt ze direct naar je toe.

• Zet je adres of store locator op de landingspagina.
• Gebruik kaarten, routebeschrijvingen en waar mogelijk GPS.
• Zorg dat gebruikers de voorraad bij winkels in de buurt kunnen checken.

Mensen bedienen hun smartphone of tablet met de vingers, en vooral met de duimen. Ontwerp de mobiele site zo dat deze ook geschikt is voor mensen met grote handen.

• Gebruik grote, gecentreerde buttons en laat er omheen genoeg ruimte vrij.
• Stel rond kleinere buttons extra klikruimte in.
• Maak bij checkboxen ook de tekst klikbaar.

We zijn gewend om de hele dag door meerdere schermen te gebruiken. De overgang tussen je desktop-website en je mobiele site moet daarom zo naadloos mogelijk zijn.

• Zorg dat bezoekers veelgebruikte zoekopdrachten en de inhoud van hun winkelwagentje op kunnen slaan.
• Houd de belangrijkste functies overal zoveel mogelijk intact.
• Houd informatie over producten en diensten overal gelijk.

Als bezoekers de informatie niet of nauwelijks kunnen lezen, zijn ze zo weg. Maak de site dus goed leesbaar, ook voor gebruikers in een slecht verlichte omgeving.

• Creëer contrast tussen tekst en achtergrond.
• Zorg dat de content op het scherm past en te lezen is zonder in- of uitzoomen.
• Houd genoeg ruimte leeg.
• Geef met kleur en formaat het belang van links en buttons aan.
• Geef buttons 3D-effect en schaduw.

Je kunt in de site een code opnemen die herkent of bezoekers een smartphone of tablet gebruiken. Zij worden dan automatisch naar je mobiele site gestuurd.

• Zorg dat bezoekers makkelijk van de mobiele site naar de desktop-website kunnen, en terug.
• Laat bezoekers kiezen welke website ze in het vervolg het liefst zien.
• Zet belangrijke informatie, zoals je adres of store locator, op de redirectpagina.

De site moet toegankelijk zijn. Vanaf iedere smartphone en in elke stand.

• Vermijd Flash, aangezien dit niet op elk type smartphone werkt.
• Gebruik HTML5 voor interactie en animaties.
• Maak de site geschikt voor verticale en horizontale weergave, zodat er niets verandert als de gebruiker het toestel draait.

Een goede mobiele site maak je voor de bezoekers. Verzamel hun feedback en blijf aan de hand daarvan altijd optimaliseren.

• Gebruik statistieken om inzicht te krijgen in het surfgedrag van bezoekers.
• Laat de site zo mogelijk vooraf door gebruikers testen, vooral als het een complexe site is.
• Blijf feedback van gebruikers verzamelen als de site live staat.
• Blijf de site verbeteren.