Vraag een ondernemer waar een goede website aan moet voldoen en je hoort over strak design, snel laden en makkelijke navigatie. Zelden hoor je of bezoekers wel kunnen vinden wat ze zoeken en kunnen doen waarvoor ze kwamen. UX-design is het vak dat die vraag beantwoordt, en het is de eigenschap die alle andere eigenschappen de moeite waard maakt.
UX-design, kort voor user experience design (gebruikerservaring), is het ontwerpen van websites vanuit de manier waarop mensen ze gebruiken. Wat is UX-design voor een bedrijfswebsite? Het is het geheel van keuzes dat bepaalt of een bezoeker kan vinden wat hij zoekt, de actie kan afronden waarvoor hij kwam en weggaat met een duidelijk beeld van wat het bedrijf aanbiedt.
Een website kan er prachtig uitzien en toch een slechte UX hebben. Een bezoeker die na tien seconden op de homepage nog niet weet wat het bedrijf doet, die verdwaalt op zoek naar de prijzenpagina, of die een contactformulier verlaat omdat de foutmeldingen niet uitleggen wat er misging, heeft een slechte gebruikerservaring. Hoe mooi de pagina eruitziet, maakt daarvoor niets uit.
Wat is het verschil tussen UX-design en UI-design?
UX-design en UI-design hangen samen, maar zijn niet hetzelfde. UI-design, oftewel user interface design, gaat over de visuele laag. Kleuren, lettertypen, knoppen, iconen en de algemene uitstraling van de pagina zijn allemaal UI-keuzes. UX-design gaat over de gedragslaag. Hoe informatie is geordend, hoe de navigatie loopt, wat er gebeurt als een gebruiker een fout maakt en of de belangrijkste actie op de pagina meteen opvalt: dat zijn allemaal UX-keuzes.
In de praktijk overlappen ze. Een knop met de verkeerde kleur in de visuele hiërarchie is een UI-probleem dat een UX-probleem veroorzaakt. Een formulier dat logisch is opgebouwd maar geen uitleg bij fouten geeft, is een UX-probleem dat een UI-designer kan opmerken. In kleine teams en in websitebouwers doet vaak één persoon allebei. Het onderscheid blijft belangrijk, omdat ze een andere manier van denken vragen: UI vraagt "ziet dit er goed uit?", UX vraagt "werkt dit voor de persoon die het gebruikt?"
Het artikel over wat webdesign is behandelt het bredere vakgebied waar zowel UX- als UI-design onder valt, inclusief hoe visuele en structurele keuzes samen de ervaring van de bezoeker bepalen.
Wat zijn de kernprincipes van UX-design?
UX-design volgt een aantal principes die gelden voor elke soort website, ongeacht branche of omvang.
Bruikbaarheid
Op een bruikbare website kunnen bezoekers hun taken efficiënt en zonder verwarring afronden. Menulabels gebruiken de woorden die bezoekers verwachten. Belangrijke pagina's zijn binnen twee of drie klikken bereikbaar. Interactieve elementen zoals knoppen en formulieren doen wat je verwacht. Bruikbaarheid betekent niet dat een site zo simpel wordt dat hij kaal is. Het betekent dat je weerstand weghaalt uit de weg naar het resultaat dat de bezoeker wil.
Duidelijkheid
Duidelijkheid betekent dat elke pagina meteen laat zien waar ze voor dient. Een bezoeker moet binnen een paar seconden begrijpen waar de pagina over gaat, wat hij er kan doen en wat de volgende stap is. Pagina's die de belangrijkste informatie verstoppen onder dikke alinea's, of die dubbelzinnige koppen en vage oproepen gebruiken, falen op duidelijkheid, hoe mooi ze ook zijn ontworpen. Het artikel over wat visuele hiërarchie is legt uit hoe de plaatsing en het gewicht van elementen op een pagina bepalen wat bezoekers als eerste begrijpen.
Consistentie
Consistent ontwerp betekent dat bezoekers maar één keer hoeven te leren hoe de site werkt. Als de belangrijkste call-to-action-knop op de homepage blauw is, hoort hij overal blauw te zijn. Als de navigatie op desktop bovenaan de pagina staat, moet ze op elke pagina op diezelfde plek te vinden zijn. Inconsistentie breekt het mentale beeld dat bezoekers onderweg opbouwen en zorgt voor verwarring precies op de momenten waarop een duidelijk pad het meest telt.
Feedback
Gebruikers moeten weten dat hun acties zijn aangekomen. Een knop die niets laat zien na een klik, een formulier dat zonder bevestiging wordt verstuurd, of een zoekbalk die resultaten toont zonder te zeggen waarop is gezocht: ze zorgen allemaal voor onzekerheid. Feedback kan heel simpel zijn, zoals een knop die van kleur verandert bij hover, een laadicoontje tijdens het versturen van een formulier of een bevestiging na een geslaagde actie. Zonder feedback weten bezoekers niet of ze moeten wachten, opnieuw moeten proberen of moeten aannemen dat er iets misging.
Herstel na fouten
Gebruikers maken fouten. Goede UX voorziet dat en maakt herstel makkelijk. Formuliervalidatie die aanwijst welk veld niet klopt en uitlegt hoe de juiste notatie eruitziet, is beter dan een algemene melding als "er ging iets mis". Een zoekopdracht zonder resultaten die wel alternatieven voorstelt, is beter dan een doodlopende weg. Hoe makkelijker herstel is, hoe kleiner de kans dat de bezoeker de taak helemaal opgeeft.
Hoe beïnvloedt UX-design de bedrijfsresultaten?
UX-design hangt direct samen met de resultaten waar bedrijven om geven. Een bezoeker die snel de prijzenpagina vindt, komt eerder tot een koopbeslissing. Een afrekenproces met weinig stappen en duidelijke foutmeldingen zet meer bezoekers om in klanten dan een proces waarin je moet gokken. Een contactformulier dat makkelijk in te vullen is, krijgt meer inzendingen dan een formulier dat verwarrend is of veel tijd kost.
Het verband tussen UX en conversiepercentages is goed gedocumenteerd. Kleine verbeteringen in paginaduidelijkheid, formulierontwerp en navigatiestroom leveren meetbaar meer bezoekers op die de gewenste actie uitvoeren. Het omgekeerde geldt net zo. Een pagina waar de belangrijkste call-to-action moeilijk te vinden is, waar je drie alinea's nodig hebt om de belofte te lezen, of waar de mobiele weergave instort tot een onbruikbare puinhoop, verliest conversies bij elke stap.
UX bepaalt ook hoe bezoekers het bedrijf achter de site zien. Een website die goed werkt, voelt professioneel en betrouwbaar. Een website met kapotte stromen, verwarrende navigatie en onduidelijke boodschappen straalt slordigheid uit, hoe goed de rest van het bedrijf ook draait. Het artikel over hoe je een homepage ontwerpt die werkt behandelt de UX-keuzes die het meest tellen op de pagina die bezoekers als eerste zien.
Wat zijn de meest voorkomende UX-problemen op bedrijfswebsites?
Geen duidelijke hiërarchie op de pagina is de meest voorkomende UX-fout op bedrijfswebsites. Als meerdere elementen even sterk om aandacht vragen, hebben bezoekers geen beginpunt. Ze scannen zonder te lezen, vinden de call-to-action niet en gaan weg. Visuele hiërarchie en lay-outkeuzes die een duidelijke leesvolgorde vastleggen, lossen dit direct op.
Navigatie waarbij je moet raden, dwingt bezoekers te zoeken in plaats van doelgericht te bewegen. Menulabels die intern iets betekenen maar voor een nieuwe bezoeker niets, dropdowns die de nuttigste pagina's verbergen en een navigatiestructuur die niet past bij hoe bezoekers over het bedrijf denken: het zorgt allemaal voor weerstand. Het artikel over wat websitenavigatie is laat zien hoe je menu's opbouwt die bezoekers leiden in plaats van verwarren.
Formulieren zonder uitleg zijn een ander veelvoorkomend probleem. Verplichte velden die niet duidelijk zijn gemarkeerd, invoer die geldige notaties afwijst zonder uit te leggen waarom, en formulieren die na een mislukte verzending alles wissen: het zijn allemaal drempels die het aantal ingevulde formulieren flink verlagen.
Mobiele UX die niet aansluit op de bedoeling van de desktopversie kost bedrijven bezoeken bij elke sessie. Een desktoppagina met meerdere kolommen die op mobiel in één kolom terechtkomt met elementen in de verkeerde volgorde, levert een andere ervaring op dan bedoeld. Het artikel over hoe je een website mobielvriendelijk maakt behandelt de lay-out- en interactiekeuzes die bepalen of de mobiele ervaring net zo goed werkt als die op desktop.
Hoe hangt UX-design samen met SEO?
Zoekmachines meten gebruikersgedrag om te beoordelen of een pagina waarde levert. Een pagina met slechte UX levert meestal een hoog bouncepercentage en weinig tijd op de pagina op. Beide laten zoekmachines na verloop van tijd zien dat bezoekers niet vinden waar ze voor kwamen. Een pagina met sterke UX houdt bezoekers meestal langer vast en zorgt voor meer interacties, en die gedragssignalen ondersteunen je posities.
Toegankelijkheid van de pagina, die nauw verwant is aan UX, bepaalt ook hoe betrouwbaar zoekmachines een pagina kunnen crawlen en indexeren. Een pagina die met het toetsenbord te bedienen is en met semantische HTML is gebouwd, wordt nauwkeuriger geïndexeerd dan een pagina met structurele problemen. Het artikel over wat SEO is legt uit hoe signalen over gebruikerservaring doorwerken in zoekprestaties en welke gedragsfactoren het zwaarst wegen.
Hoe WEMASY met UX-design omgaat
De templates van de websitebouwer van WEMASY zijn gebouwd met UX-principes als uitgangspunt. Kophiërarchie, plaatsing van call-to-actions, navigatiestructuur, formulierontwerp en mobiele lay-outs staan standaard ingesteld op hoe bezoekers bedrijfswebsites echt gebruiken. In de visuele editor pas je elk element aan en zie je het resultaat direct, op desktop en mobiel, voordat je publiceert. Wijzigingen in de lay-out betekenen niet dat je de pagina helemaal opnieuw moet opbouwen.
Bekijk wat er is inbegrepen bij de websitebouwer van WEMASY of vergelijk abonnementen op de prijzenpagina.
Veelgestelde vragen
Heb ik een UX-designer nodig om een goede website te bouwen?
Niet per se. Een websitebouwer met goed ontworpen templates regelt de meest voorkomende UX-keuzes al in het template, zodat je niet vanaf nul begint met informatiearchitectuur, kophiërarchie of mobiele lay-out. Een UX-designer voegt het meest toe als het gaat om begrijpen hoe een specifieke doelgroep zich gedraagt en testen of bepaalde stromen werken zoals bedoeld. Voor de meeste websites van kleine bedrijven geeft het toepassen van UX-principes via een goed template veel betere resultaten dan UX negeren, ook zonder specialist. Met de websitebouwer van WEMASY stel je dit direct in op je eigen website.
Wat is usabilitytesten?
Bij usabilitytesten kijk je hoe echte gebruikers taken op een website proberen af te ronden. Het doel is te zien waar bezoekers in de war raken, waar ze aarzelen en waar ze niet afmaken waarvoor ze kwamen. Het kan zo simpel zijn als een collega vragen de prijzenpagina te vinden en kijken waar die klikt, of zo gestructureerd als een opgenomen sessie met schermdeling en een gespreksleider. Zelfs informeel testen met twee of drie mensen die de site nog nooit hebben gezien, onthult de belangrijkste bruikbaarheidsproblemen.
Wat is het verschil tussen UX-design en webdesign?
Webdesign is het bredere vakgebied dat zowel gaat over hoe een website eruitziet als over hoe hij werkt. UX-design is het deel van webdesign dat zich specifiek richt op de ervaring van de persoon die de site gebruikt. Een webdesigner kiest kleur, lettertype, lay-out en visuele hiërarchie, en ook navigatie, informatiearchitectuur en interactie. Als juist die interactiekeuzes extra aandacht krijgen en worden getoetst aan echt gebruikersgedrag, noemen we dat UX-design.
Hoe weet je of je website UX-problemen heeft?
De duidelijkste signalen komen uit gedragsdata. Hoge bouncepercentages op belangrijke pagina's, weinig ingevulde formulieren, weinig tijd op pagina's met content die meer leestijd verdient en veel afhakers in het afrekenproces wijzen allemaal op UX-problemen. Een nieuwe bezoeker zonder uitleg door de site zien navigeren laat zien waar de verwarring ontstaat. Directe feedback van klanten die moeite hadden iets te vinden of een taak opgaven, is net zo veelzeggend. Je hebt geen analyseplatform nodig om te beginnen. Eén persoon zien proberen de site te gebruiken is vaak genoeg om de grootste problemen te vinden.
Wat is het verband tussen UX-design en conversiepercentage?
Het conversiepercentage meet welk deel van de bezoekers een gewenste actie uitvoert, zoals een formulier invullen, iets kopen of een gesprek boeken. UX-design beïnvloedt dit getal direct, omdat het bepaalt hoe makkelijk of moeilijk die actie is. Onnodige stappen uit het afrekenen halen, de belangrijkste call-to-action duidelijk laten opvallen, formuliervelden vereenvoudigen en foutmeldingen verbeteren: het vergroot allemaal de kans dat een bezoeker die wil converteren dat ook doet. Het verband is direct: betere UX haalt weerstand weg, en minder weerstand geeft hogere conversiepercentages.