Een website die er netjes uitziet en snel laadt, kan toch helemaal falen. Bezoekers komen binnen, kijken rond en gaan weg zonder iets te doen. Het ontwerp is prima. De inhoud staat er. Het is de gebruikerservaring die de keten tussen aankomst en actie verbreekt, en dat is het onderdeel waar de meeste eigenaren als laatste naar kijken.
De gebruikerservaring van je website verbeteren betekent de frictie opsporen en weghalen tussen een bezoeker en het resultaat dat hij wil bereiken. Dat kan informatie vinden zijn, iets kopen, een contactformulier versturen of begrijpen wat het bedrijf aanbiedt. Elk punt waar een bezoeker aarzelt, in de war raakt of opgeeft is een UX-probleem, en de meeste kun je oplossen zonder alles opnieuw te ontwerpen.
Het artikel over wat UX-design is legt de principes uit achter een goede gebruikerservaring. Dit artikel behandelt de praktische veranderingen die op echte bedrijfswebsites de meeste verbetering opleveren.
Hoe vind je UX-problemen op je website?
Voordat je iets verandert, moet je weten waar de problemen zitten. Verschillende methoden laten verschillende soorten problemen zien.
Signalen uit analytics
Een hoge bounce rate op belangrijke pagina's, weinig tijd op pagina's met inhoud die langer zou moeten duren om te lezen en een scherpe daling bij het afrekenen of invullen van formulieren wijzen allemaal op UX-problemen. Deze signalen vertellen je niet wat het probleem is, maar wel waar je moet kijken. Een contactpagina waarvan 90 procent van de bezoekers vertrekt voordat ze verzenden, heeft ergens in die route een UX-probleem.
Kijken hoe echte bezoekers navigeren
Vraag iemand die je website nog nooit heeft gezien om een bepaalde pagina te vinden, een bepaalde taak uit te voeren of een bepaalde vraag te beantwoorden, terwijl je meekijkt. Dat is de directste manier om UX-fouten op te sporen. Stuur hem niet. Kijk waar hij klikt, waar hij aarzelt en waar hij opgeeft. Twee of drie sessies zoals deze leggen op de meeste sites de grootste problemen bloot.
Heatmaps en sessieopnames
Heatmaps laten zien waar bezoekers op elke pagina klikken, tikken en scrollen. Scrollmaps laten zien hoe ver de meeste bezoekers op een pagina komen voordat ze weggaan. Met sessieopnames speel je echte bezoeken opnieuw af, zodat je precies ziet waar bezoekers bewegen, pauzeren en opgeven. Deze tools beantwoorden een vraag die analytics niet kan beantwoorden: niet alleen dát bezoekers weggaan, maar waar op de pagina ze weggaan en wat ze op dat moment deden.
Technische controles
Navigeer door je site met alleen het toetsenbord, zonder de muis aan te raken. Zo zie je bedieningsproblemen die gebruikers van toetsenbord en schermlezer raken. Bekijk de site op een echte telefoon en op verschillende schermformaten, zodat je problemen met de mobiele opmaak ziet die browsersimulaties op desktop vaak missen. Controleer de laadtijd op een mobiele verbinding, zodat je snelheidsproblemen ziet die onzichtbaar zijn op snel wifi op kantoor.
Wat zijn de UX-verbeteringen met de meeste impact voor bedrijfswebsites?
Maak de navigatie eenvoudiger
Navigatie waarbij een bezoeker moet raden waar hij heen moet, is een van de meest voorkomende UX-fouten op bedrijfswebsites. Menulabels die intern iets betekenen maar voor een nieuwe bezoeker niets, te veel opties op het hoogste niveau en pagina's die twee of drie klikken diep zijn weggestopt veroorzaken frictie voordat de bezoeker inhoud heeft gezien. Minder menu-items, duidelijke beschrijvende labels en de belangrijkste pagina's vanaf elke pagina met één klik bereikbaar maken zijn de betrouwbaarste verbeteringen van navigatie. Het artikel over wat websitenavigatie is legt uit hoe je menu's opzet die begeleiden in plaats van verwarren.
Zorg voor een duidelijke hiërarchie op elke pagina
Een pagina zonder duidelijke visuele hiërarchie geeft bezoekers geen beginpunt. Als de kop, een promotiebanner, navigatielinks en lopende tekst allemaal in vergelijkbare grootte en gewicht om aandacht strijden, scannen bezoekers zonder te lezen en gaan ze weg zonder te handelen. Elke pagina moet één dominant element hebben waar het oog eerst naartoe gaat, meestal de kop, gevolgd door een logisch pad naar de belangrijkste actie. Het artikel over wat visuele hiërarchie is legt uit hoe grootte, contrast en witruimte een leesvolgorde maken die bezoekers moeiteloos begeleidt.
Verbeter de ervaring op mobiel
Een desktoppagina die op mobiel verkeerd inklapt, tekst die je moet uitrekken om te lezen, knoppen die te klein zijn om betrouwbaar op te tikken en formulieren die vervelend zijn om op een touchscreen in te vullen laten bezoekers allemaal weggaan. Problemen met UX op mobiel worden op bedrijfswebsites het vaakst over het hoofd gezien, omdat eigenaren en ontwikkelaars meestal op desktop bouwen en testen. Elke belangrijke pagina en elke gebruikersroute op een echte telefoon controleren is niet optioneel. Het artikel over hoe je een website mobielvriendelijk maakt behandelt de keuzes in opmaak en interactie die bepalen of de ervaring op mobiel werkt.
Haal frictie uit formulieren
Formulieren met te veel verplichte velden, zonder zichtbare labels, met onduidelijke foutmeldingen en zonder bevestiging na het verzenden verliezen een flink deel van de bezoekers die ze wilden invullen. Elk overbodig veld weghalen, bij elke invoer een duidelijk label zetten, foutmeldingen schrijven die het precieze probleem en de oplossing noemen en na het verzenden een duidelijke bevestiging tonen verhogen op bijna elke bedrijfswebsite het percentage ingevulde formulieren.
Maak calls-to-action zichtbaar en concreet
Een call-to-action die opgaat in de pagina of vage taal gebruikt, verliest bezoekers die klaar zijn om te handelen. De belangrijkste call-to-action op elke pagina moet visueel opvallen door kleur en contrast, staan waar het oog van de bezoeker vanzelf terechtkomt en geformuleerd zijn in termen van het resultaat en niet van de handeling. "Plan een gratis gesprek" converteert beter dan "Neem contact op". "Bekijk de prijzen" converteert beter dan "Lees meer". Elke pagina moet één duidelijke hoofdactie hebben, en die moet niet te missen zijn.
Verbeter de laadtijd van pagina's
Elke extra seconde dat een pagina erover doet om te laden, verkleint het deel van de bezoekers dat blijft om hem te lezen. Trage pagina's laten bezoekers weggaan voordat ze inhoud hebben gezien, waardoor elke andere UX-verbetering voor die sessies niets uitmaakt. Afbeeldingen comprimeren, scripts uitstellen die niet meteen nodig zijn en code verwijderen die niet meer wordt gebruikt zijn de gangbaarste oplossingen. Het artikel over soorten website-opmaak legt uit hoe keuzes in opmaak samenhangen met hoe snel de zichtbare inhoud laadt.
Hoe bepaal je welke UX-verbeteringen je eerst doet?
Begin met de pagina's met de hoogste waarde voor je bedrijf. De homepage, de belangrijkste pagina voor diensten of producten en de contact- of afrekenpagina zijn waar de meeste bezoekers binnenkomen en waar de meeste conversies verloren gaan. Een UX-verbetering op een van die pagina's levert meer op dan dezelfde verbetering op een pagina met weinig verkeer.
Los binnen die pagina's eerst de problemen op die de meeste bezoekers raken. Een navigatielabel dat elke bezoeker in verwarring brengt, raakt iedereen. Een formulierfout die alleen in één bepaalde browser optreedt, raakt er veel minder. De volgorde is: eerst pagina's met veel verkeer, dan de meest voorkomende frictiepunten op die pagina's.
Hoe meet je of UX-verbeteringen werken?
Meet het specifieke gedrag dat je wilde veranderen. Heb je een contactformulier vereenvoudigd, meet dan het percentage ingevulde formulieren voor en na. Heb je de visuele hiërarchie van een pagina aangepast, meet dan de bounce rate en de tijd op de pagina. Heb je een opmaak voor mobiel hersteld, meet dan de conversie op mobiel voor die pagina.
Veranderingen in gebruikerservaring leveren zelden direct resultaat. Geef elke verandering twee tot vier weken voordat je conclusies trekt, afhankelijk van hoeveel verkeer de pagina krijgt. Pagina's met weinig verkeer hebben meer tijd nodig om genoeg data te verzamelen voor een zinvolle vergelijking.
Hoe hangen UX-verbeteringen samen met SEO?
Zoekmachines gebruiken signalen over gedrag om te beoordelen of pagina's hun bezoekers goed dienen. Pagina's waar bezoekers langer blijven, verder scrollen en acties voltooien, wijzen op relevantie en kwaliteit. Pagina's met een hoge bounce rate en weinig betrokkenheid wijzen op het tegenovergestelde. UX-verbeteringen die bezoekers op de pagina houden en hen helpen taken af te ronden, leveren de gedragssignalen op die je positie in zoekresultaten op termijn ondersteunen. Het artikel over wat SEO is legt uit hoe signalen over gebruikerservaring doorwerken in de prestaties in zoekmachines.
Hoe WEMASY met UX-verbeteringen omgaat
Met de websitebouwer van WEMASY pas je opmaak, navigatiestructuur, formuliervelden en paginahiërarchie aan via een visuele editor, zonder pagina's helemaal opnieuw te bouwen. Voorbeelden voor mobiel en desktop laten zien wat een wijziging doet voordat je publiceert. Sjablonen zijn gebouwd met UX-standaarden die de meest voorkomende problemen op bedrijfswebsites aanpakken, zodat je specifieke elementen kunt verbeteren zonder opnieuw te beginnen.
Bekijk wat erbij zit op de websitebouwer van WEMASY of bekijk de abonnementen op de prijzenpagina.
Veelgestelde vragen
Waar begin je bij het verbeteren van de UX van je website?
Begin met je pagina met het meeste verkeer die een duidelijk doel en een meetbaar resultaat heeft. Voor de meeste bedrijfswebsites is dat de homepage of de belangrijkste pagina voor diensten. Zoek het ene frictiepunt op die pagina dat de meeste bezoekers raakt: een onduidelijke kop, een weggestopte call-to-action, verwarrende navigatie of een trage laadtijd. Los dat ene ding eerst op, meet het resultaat en ga dan naar het volgende. Alles tegelijk proberen te verbeteren maakt het onmogelijk om te weten wat werkt. Met de websitebouwer van WEMASY zet je dit direct op je eigen website op.
Is voor UX-verbeteringen een compleet nieuw ontwerp van de website nodig?
Zelden. De meeste UX-problemen zijn specifieke problemen op specifieke pagina's, en geen structurele fouten waarvoor je de hele site opnieuw moet bouwen. Navigatielabels vereenvoudigen, foutmeldingen in formulieren verbeteren, de visuele hiërarchie van een belangrijke pagina aanpassen of een probleem met de opmaak op mobiel oplossen kan allemaal zonder herontwerp. Een volledig herontwerp is het overwegen waard als de structuur van de site niet meer past bij hoe het bedrijf werkt, als het platform de nodige veranderingen niet aankan, of als UX-problemen zo wijdverbreid zijn dat ze één voor één oplossen langer duurt dan opnieuw bouwen.
Hoe lang duurt het voordat je resultaat ziet van UX-verbeteringen?
Dat hangt af van het verkeer en het soort verandering. Een pagina met veel verkeer en een duidelijk meetbaar resultaat, zoals het percentage ingevulde contactformulieren, kan binnen een tot twee weken resultaat laten zien. Een pagina met weinig verkeer heeft misschien een maand of langer nodig om genoeg data te verzamelen voor een betrouwbare vergelijking. Veranderingen in navigatie en visuele hiërarchie laten meestal sneller resultaat zien dan veranderingen die maar een klein deel van de bezoekers van een pagina raken.
Wat is het verschil tussen een UX-audit en usabilitytesten?
Een UX-audit is een beoordeling door een expert van een website aan de hand van gangbare principes en normen voor gebruiksgemak, waarbij problemen worden gevonden op basis van kennis over hoe gebruikers zich meestal gedragen. Bij usabilitytesten kijk je naar echte gebruikers die taken op de site uitvoeren en leg je vast waar ze moeite hebben. Audits zijn sneller en goedkoper. Usabilitytesten is nauwkeuriger, omdat het laat zien hoe echte gebruikers zich gedragen en niet hoe een expert voorspelt dat ze dat doen. Allebei doen is beter dan geen van beide. Voor websites van kleine bedrijven legt usabilitytesten met twee of drie echte gebruikers de grootste problemen sneller bloot dan welke andere methode ook.
Kunnen UX-verbeteringen de conversie verhogen zonder meer verkeer?
Ja. Hogere conversie komt voort uit het makkelijker maken voor bestaande bezoekers om de actie te doen waarvoor ze kwamen. Een website die 2 procent van zijn bezoekers laat converteren, levert bij hetzelfde verkeer twee keer zoveel leads op als de conversie 4 procent bereikt. UX-verbeteringen zijn een van de directste manieren om conversie te verhogen zonder meer verkeer of advertentiebudget. Voor bedrijven waarvoor verkeer werven duur is, levert het verbeteren van wat er gebeurt nadat de bezoeker is aangekomen vaak meer op.