Tegenwoordig bekijken gebruikers online content of doen ze online transacties met verschillende apparaten, variërend van laptops tot tablets en mobiele telefoons. Bovendien groeit het mobiele ecosysteem (mobiele apparaten en besturingssystemen die erop geïnstalleerd zijn) snel. Daarom is het noodzakelijk dat de websites die bedrijven bouwen om klanten te bereiken, mobiel geoptimaliseerd zijn.
Mobiele website
Twee manieren om je website mobiel geoptimaliseerd te maken:
- Mobiel responsief - Gebruik een mobiel responsieve benadering op de desktopwebsite: met een website met een mobiel responsief ontwerp kan dezelfde website op verschillende apparaten worden bekeken door de lay-out en/of inhoud aan te passen op basis van de schermgrootte van dat apparaat.
- Mobiele site - Bouw een aparte website speciaal voor mobiel, rekening houdend met alle aspecten van de verschillende mobiele platforms. Meestal zal de mobiele site een andere URL hebben dan de hoofdsite voor desktopcomputers.
Het gebruik van de mobiele site kan duur zijn om te bouwen en te onderhouden, omdat er dan een andere website, andere URL's en een andere website moet worden gebouwd. SEO werken.
Het gebruik van de mobiel responsieve benadering is tegenwoordig de trend omdat het met de huidige vooruitgang in website ontwikkelingstechnologieën steeds eenvoudiger en kosteneffectiever wordt om een website te bouwen met een mobiel responsieve lay-out in plaats van aparte websites te bouwen voor mobiel.
Vanuit het oogpunt van de gebruiker is het gemakkelijker om één URL te onthouden om één website te starten en verschillende lay-outs van dezelfde website-inhoud te bekijken, afhankelijk van de grootte van het scherm.
Websites worden bekeken op desktops, laptops, tablets of mobiele/smartphones. Desktopmonitoren kunnen verschillende beeldverhoudingen hebben (verhouding tussen de breedte en de hoogte van het scherm), variërend van 4:3 voor standaardschermen tot 16:9 voor breedbeeldschermen.
Tablets zijn er ook in verschillende maten, van 7 inch zoals de Amazon Fire 7, tot 12+ inch zoals de iPad Pro, via 8 inch (iPad Mini 4) en 10 inch (Samsung Galaxy Tab A).
Met een mobiel responsief ontwerp past de webinhoud zich aan deze verschillende formaten of beeldverhoudingen aan, zodat gebruikers een naadloze ervaring krijgen wanneer ze van het ene apparaat naar het andere overschakelen.
Als je website mobiel geoptimaliseerd is, zal je gebruiker of klant de volgende ervaring hebben wanneer hij de responsive website bekijkt op zijn mobiele telefoon:
- De webinhoud verandert dynamisch afhankelijk van de grootte van het mobiele apparaat. De tekstgrootte verandert bijvoorbeeld zodat de gebruiker de informatie comfortabel kan lezen.
- De navigatie is zo gecomprimeerd dat het menu uit een knop kan verschijnen. Bijv. vereenvoudigde navigatie die “duimvriendelijk” is met grote aanraakpunten, vooral voor kritieke contactinformatie.
- Alle afbeeldingen zijn geoptimaliseerd zodat ze zo snel mogelijk worden weergegeven op het apparaat.
- De inhoud wordt weergegeven met de juiste opvulling en spatiëring.
- Alle functies die beschikbaar zijn op de desktopsite worden goed weergegeven op het apparaat en kunnen met succes worden gebruikt op het mobiele apparaat.
- De webinhoud heeft gereduceerde grafische elementen zodat belangrijke informatie over producten en diensten in een gebruiksvriendelijke interface te zien is.
- Weinig behoefte om te typen, tenzij het nodig is.
Voordelen van mobiel responsief webdesign voor je website, vanuit het perspectief van de gebruiker:
- Uw gebruikers kunnen uw inhoud delen en ernaar linken via één URL.
- Uw gebruikers kunnen uw website gemakkelijker vinden in hun zoekresultaten.
- Er is minder kans dat je gebruikers veelvoorkomende fouten tegenkomen die van invloed zijn op mobiele sites. Deze kunnen zijn
- Onafspeelbare inhoud (video's niet afspeelbaar op mobiele telefoons)
- Foutieve redirects in het geval dat elke gebruiker wordt doorgestuurd naar de URL van de desktop in plaats van de URL van de mobiele versie.
- Koppelingen die niet werken op mobiel en leiden naar 404 fout gebruikerservaring.
- Er is minder kans dat je gebruikers lang moeten wachten tot de pagina geladen is op een mobiel apparaat omdat er geen omleiding naar de mobiele site nodig is.
Mobile Responsive Website Beste UI-praktijken:
Om je klanten de beste gebruikerservaring te laten ervaren op je mobiel responsieve website, moet de website worden geïmplementeerd met inachtneming van de volgende best practices:
Flexibel
Een mobiel responsief ontwerp zorgt ervoor dat de inhoud zich aanpast aan het apparaat. Het is echter mogelijk dat een gebruiker geen goede ervaring heeft met het bekijken van een websitepagina op mobiel als deze maar doorgaat. Daarom moet het mobiel responsieve ontwerp flexibel worden gemaakt, zodat inhoud kan worden geprioriteerd en verborgen voor een betere mobiele ervaring.
Verantwoorde beelden
Bij een goed responsive design hoort ook dat de afbeeldingen responsive zijn. Als afbeeldingen niet responsief zijn, zullen gebruikers een groot beeld zien, maar de details niet goed. Om dergelijke kunstfouten te verhelpen, moet een responsief ontwerp verschillende bijgesneden afbeeldingen gebruiken wanneer het gericht is op verschillende apparaten.
Een goed responsief ontwerp moet ook rekening houden met kleinere afbeeldingen voor apparaten met een kleinere resolutie.
Minimalisme is belangrijk
Een mobiel responsief ontwerp moet de kenmerken van minimalisme hebben. De website die wordt bekeken vanaf een mobiel apparaat moet niet alleen vrij zijn van onnodige functies of elementen, maar moet zich beperken tot vlakke patronen en texturen en beperkte of monochrome kleuren.
Standaardiseer klikbare gebieden/knoppen
Voor een goede gebruikerservaring moeten knoppen en koppelingen groot genoeg zijn om er met de vinger op te klikken in plaats van met de muis.
Denk typografie
Je mobiele responsieve ontwerp moet ervoor zorgen dat je inhoud gemakkelijk te lezen is en echt geoptimaliseerd is voor de grootte van het apparaat. Typografie moet worden gebruikt om hiërarchie aan te geven of om de interesse van de gebruiker te wekken. Het gebruik van koppen van de juiste grootte kan helpen bij het creëren van een goede hiërarchie op pagina's en de juiste lettergrootte voor moderne schermformaten van apparaten kan allemaal zorgen voor een zeer aantrekkelijke ervaring voor je gebruikers.
Nu winkelen en sociale media via mobiele apparaten steeds vaker voorkomen, kan een mobiel responsief ontwerp, mits effectief geïmplementeerd op uw website, de gebruikerservaring en betrokkenheid beïnvloeden en zo potentiële leads of klanten voor uw bedrijf creëren. Bovendien zorgen mobiel responsieve websites voor betere zoekresultaten. Bovendien leveren het bouwen en onderhouden van mobiel responsieve websites tegenwoordig een beter rendement op investering dan ooit tevoren vanwege het enorme winstpotentieel door digitale marketing. Verspil daarom geen tijd! Investeer nu in mobiel responsieve websites voor uw bedrijf!
Carmatec is een partner voor digitale transformatie die veel projecten uitvoert waarbij het ontwerp van de gebruikersinterface centraal staat. U kunt ons projectportfolio bekijken op https://www.carmatec.com/portfolio/
English 
Spanish (Mexico) 
Italian 
French 
German 
Japanese 
Dutch 
Swedish 
Finnish 
Spanish (Spain) 