5 tips voor een betere gebruikerservaring

Bezoekers die een slechte ervaring hebben op een website, komen vaak niet terug. Een gemiste kans, want een betere gebruikerservaring leidt tot meer conversies en helpt je gevonden te worden in Google.

Het doel van UX is de noden van je gebruikers volledig in te vullen, met telkens positieve ervaringen die hen trouw houden aan je product of merk. Wil je de UX van je website verbeteren? Hier zijn vijf tips waarmee je vandaag kunt beginnen.

Update: we schreven dit in 2021. We schrapten statistieken die we niet meer kunnen nagaan en werkten het advies over snelheid en lettertypes bij.

Elke extra seconde die een pagina nodig heeft om te laden, kost je bezoekers en conversies. Gebruikers zijn ongeduldig: verschijnt een site niet meteen, dan gaan ze ervan uit dat hij hun tijd niet waard is. Een snelle reactie is cruciaal als je wilt dat mensen blijven scrollen, en converteren.

Google PageSpeed Insights toont snel hoe snel je website is en wat hem vertraagt. Het toont ook de Core Web Vitals: hoe snel de belangrijkste content verschijnt, hoe snel de pagina reageert en hoe stabiel de lay-out is.

Zo maak je je website sneller:

• verklein en comprimeer afbeeldingen voor je ze uploadt, en gebruik moderne formaten;
• beperk het aantal lettertypes en gewichten, en host ze zelf in plaats van ze bij een externe dienst te laden (ook beter voor de privacy);
• beperk het aantal redirects.

Moet er toch gewacht worden? Help mensen er dan door. Onderzoek naar bruikbaarheid toont al lang dat mensen na ongeveer 10 seconden hun aandacht verliezen. Bij korte wachttijden toont een subtiele animatie dat er iets gebeurt. Bij langere wachttijden toon je een voortgangsbalk die blijft bewegen, een inschatting van de resterende tijd, en waarom de gebruiker moet wachten.

Gebruikers moeten meteen zien waarvoor een pagina dient, dus zet belangrijke informatie bovenaan. Psychologisch onderzoek toont dat mensen het meest letten op het eerste en het laatste element van een reeks: het serieel-positie-effect. Het beïnvloedt sterk hoe bezoekers je site ervaren.

Daarom staat de knop "inloggen" of "registreren" bijvoorbeeld zo vaak in een van de bovenhoeken van een website of app. Daar trekt hij de aandacht, in plaats van te verdwijnen in de content in het midden van de pagina.

Lang "verstopten" marketeers de goede content om bezoekers langer op hun site te houden. Gelukkig zijn we daar voorbij. Veel gebruikers lezen niet alles op een pagina: ze willen snelle, scanbare content.

Gebruik tussentitels, veel witruimte en opsommingen waar nodig. Gebruikers scannen je content makkelijker en vinden sneller wat ze zoeken.

Witruimte geeft je website ook een moderne, open en frisse uitstraling. Gebruik je ze slim, dan trek je extra aandacht naar je calls-to-action, voor meer klikken en conversies.

Te veel content maakt het moeilijk voor bezoekers om te weten waar ze moeten klikken of kijken. Hoe meer opties en prikkels, hoe moeilijker je je weg vindt. Stel je voor dat je content moet zoeken tussen een massa knoppen, links en afbeeldingen. Besluit iemand op je site te blijven, hou hem dan vast met duidelijke, nuttige content.

Goede content gaat verder dan de woorden op een pagina: ze bepaalt of een lezer vertrekt of blijft om meer over je bedrijf te ontdekken. Functie, design en content moeten samenwerken. Designtrends komen en gaan, maar een duidelijke, goed gestructureerde website raakt nooit uit de mode.

Als laatste, maar zeker niet het minst belangrijke: responsive design, een van de belangrijkste onderdelen van UX. Je website past zijn lay-out aan het scherm aan waarop hij getoond wordt, van desktop tot tablet en smartphone.

Mensen surfen op het werk, onderweg en in de zetel, meestal op hun smartphone. Eindeloos in- en uitzoomen, je kent het wel. Werkt je website niet goed op iemands smartphone, dan probeert hij het niet opnieuw op een ander toestel. Google gebruikt ook vooral de mobiele versie van je site om hem te indexeren en te rangschikken. Besteed dus extra aandacht aan de mobiele lay-out, of beter: ontwerp mobile first.

Responsive design heeft drie bouwstenen:

• Media queries: een CSS-functie die aanpast hoe content getoond wordt aan de omstandigheden, zoals de schermbreedte.
• Flexibele grids: je verdeelt een pagina in CSS in een flexibel raster. Verandert de schermgrootte, dan schuiven de blokken naar een nieuwe lay-out, en hun content schuift mee.
• Flexibele media: afbeeldingen en video's schalen mee, zodat ze binnen het raster blijven.

UX is niet zo moeilijk, en soms is minder meer. Met deze best practices maak je het bezoekers makkelijk om hun weg te vinden, de belangrijke informatie te vinden en contact met je op te nemen. Hulp nodig om prioriteiten te stellen? Neem contact op: we begeleiden je graag.