Tips en best practices voor uw mobiele website

#1. Zorg dat de mobiele site en elementen altijd werken

Een mobiele website die niet werkt, is funest. Zorg dus dat de website toegankelijk is vanaf iedere smartphone en tablet. In iedere stand (verticaal en horizontaal).

• Vermijd Flash, dit werkt niet op de apparaten van Apple
• Maak gebruik van HTML5 voor interactie en animaties
• Zorg ervoor dat de website geschikt is voor verticale en horizontale weergave zodat er – los van de weergave – niets veranderd als het apparaat wordt gedraaid.

#2. Creëer een goede leesbaarheid

Bezoekers vertrekken erg snel van een slecht leesbare website. Zorg er dus voor dat uw mobiele website goed leesbaar is, in alle omgevingen.

• Creëer genoeg contrast tussen tekst en achtergrond
• Content moet op het scherm passen en leesbaar zijn, zonder in- of uitzoomen
• Zorg voor voldoende witruimte
• Geef met kleur en formaat het belang van verschillende stukken tekst(koppen) en buttons aan.

#3. Zorg voor een perfecte overgang

Iedereen is eraan gewend om de hele dag meerdere apparaten te gebruiken. Het is daarom van belang dat u voor een perfecte overgang tussen uw desktop en mobiele website zorgt.

• Hou de geboden informatie over uw producten en/of diensten gelijk
• De belangrijkste functies van uw website moeten ook op de mobiele versie beschikbaar zijn
• Zorg ervoor dat klanten ook op de mobiele site kunnen inloggen, zoekopdrachten en de inhoud van hun winkelwagen kunnen opslaan

#4. Hou rekening met de manier van gebruik

Smartphones en tablets worden anders bediend dan computers; met vingers en vooral duimen. Zorg daarom voor een opmaak van de mobiele website die hierop is afgestemd en ook geschikt is voor mensen met grote handen.

• Gebruik grote, gecentreerde knoppen en laat daaromheen ruimte vrij
• Maak bij checkboxen ook de tekst klikbaar
• Stel extra klikruimte rondom kleinere knoppen in

#5. Denk aan mensen in de buurt

Smartphone gebruikers zoeken continu naar relevante lokale informatie. Wanneer u hierbij baat heeft, is het dus belangrijk om hun met uw mobiele website naar u toe te leiden.

• Zet uw adresgegevens en eventueel uw Store locator, op de landingspagina van uw mobiele versie
• Gebruik kaarten, routebeschrijvingen en indien mogelijk GPS
• Zorg ervoor dat de voorraad bij winkels in de buurt voor  bezoekers inzichtelijk is

#6. Hou de desktop versie van uw site ook beschikbaar

Ondanks dat u een mobiele website heeft, kunnen mensen om welke reden dan ook de behoefte hebben om naar uw ‘normale’ website te gaan.

• Maak het bezoekers makkelijk om van uw mobiele website naar de desktop versie te gaan, en terug
• Laat uw bezoekers kiezen welke versie ze in het vervolg het liefst te zien krijgen
• Zet belangrijke informatie, zoals je adres of contactgegevens, op de doorverwijzingspagina.

#7. Stuur bezoekers met een mobiel automatisch naar de mobiele versie

Zorg voor een automatische doorverwijzing van mobiele bezoekers naar uw mobiele versie. Dit kan worden geregeld met stukje code op uw website.

#8. Maak uw conversies simpel

Maak het makkelijk voor bezoekers om contact op te nemen of om iets te kopen:

• Minimaliseer het aantal stappen om tot een conversie te komen
• Zorg voor korte formulieren en een simpele invoer van gegevens
• Zorg dat al uw contactpunten aanklikbaar zijn, bijv. met een click-to-call voor telefoonnummers
• Focus op info die belangrijk is voor uw conversie, zoals specificaties

#9. Een goede mobiele website is snel en overzichtelijk

Mobiele gebruikers bestaan deels uit mensen die weinig tijd hebben. De mobiele site moet dus snel laden en overzichtelijk zijn.

• Zet belangrijke functies en informatie bovenaan
• Gebruik korte teksten
• Zorg voor een goed scanbare tekst met tussenkopjes en opsommingen
• Gebruik gecomprimeerde afbeeldingen voor een goede snelheid

#10. Maak de navigatie simpel

Uw bezoekers moeten snel vinden wat ze nodig hebben. Een duidelijk navigatie is daarom essentieel. Bij grotere mobiele websites is een zoekfunctie een wenselijke aanvulling op de navigatie.

• Kies voor een verticale opzet en beperkt scrollen tot een minimum
• Gebruik een duidelijk menu
• Vermijd rollovers
• Gebruik duidelijke knoppen voor uw Home en om Terug te gaan
• Gebruik een zoekfunctie als aanvulling voor uitgebreide mobiele sites