Op deze pagina
Mooi is niet hetzelfde als makkelijk
UX, voluit user experience, gaat over alles wat iemand meemaakt wanneer hij je website, app of dienst gebruikt. Een site kan er strak uitzien en toch elke tweede bezoeker kwijtraken op een formulier. Dan is het ontwerp mooi en de UX slecht.
UX gaat verder dan het scherm. Nielsen Norman Group, het onderzoeksbureau van Don Norman en Jakob Nielsen, geeft het voorbeeld van een site met filmrecensies: ook als het zoekveld perfect werkt, is de ervaring slecht voor wie een kleine onafhankelijke film zoekt die niet in de databank zit. Voor een kmo horen daar ook bij: hoe snel je pagina's laden (meet het met de snelheidstest), of je prijzen en werkgebied te vinden zijn, en hoe snel iemand na een aanvraag iets van je hoort.
Don Norman en het woord user experience
Don Norman, cognitief psycholoog, bedacht de term user experience in 1993 voor zijn groep bij Apple Computer. Woorden als interface en usability vond hij te smal: hij wilde alles vatten wat iemand met een product en een bedrijf beleeft. In 1998 schreven Norman en Nielsen de definitie die hun bureau nog altijd gebruikt: UX omvat elk aspect van de interactie van de eindgebruiker met het bedrijf, zijn diensten en zijn producten.
Het vak is ouder dan het woord en staat in een internationale norm. ISO 9241-210 beschrijft hoe je mensgericht ontwerpt voor interactieve systemen, van software op maat tot websites en apps. De eerste versie kwam in 2010, de huidige tweede editie in juli 2019. De kern: je ontwerpt met en voor echte gebruikers, je test vroeg en je past aan wat je ziet.
De knop of de weg ernaartoe
UI staat voor user interface: de knoppen, velden, kleuren, lettertypes en schermen waarmee iemand werkt. UI is wat je ziet en aanraakt; UX is of het werkt en hoe het voelt. Een UI-ontwerper kiest hoe een knop eruitziet. Een UX-ontwerper vraagt of die knop er moet staan, wat erop staat en wat er gebeurt na de klik. Een sterke UI zonder goede UX is een mooie winkel waar niemand de kassa vindt. Nielsen Norman Group maakt nog een derde onderscheid: usability is een eigenschap van de UI (makkelijk te leren, snel in gebruik), UX is het geheel eromheen.
Het formulier ontleed, veld per veld
Voor12 velden
- Aanspreking
- Voornaam
- Naam
- Straat
- Huisnummer
- Postcode
- Gemeente
- Telefoon
- Type woning
- Bouwjaar
- Bericht
Wissen
Fouten pas na verzenden, bovenaan in het rood
Na
- Naam
- Telefoon of e-mail
- Postcode
- Type woning
- Je vraag
Fout meteen naast het veld, in woorden
- Adres en bouwjaar pas bij het plaatsbezoek
- Een van telefoon of e-mail volstaat
- Geen wisknop naast de verzendknop
- Labels boven het veld, in een kolom
Deel van de formulieren dat in een keer foutloos verzonden wordt
Formulier volgens de basisrichtlijnen78%
Formulier dat ze negeert42%
UX zit niet in de kleur van de knop: de bezoeker wil weten of je in zijn gemeente werkt, niet eerst zijn huisnummer geven.
Een offerteformulier dat de helft verliest
Stel: een installateur van warmtepompen in Lokeren krijgt 400 bezoekers per maand op zijn pagina Offerte aanvragen, en 8 aanvragen. Zijn formulier telt 12 velden: aanspreking, voornaam, naam, straat, huisnummer, postcode, gemeente, telefoon, e-mail, type woning, bouwjaar en een tekstvak. Onderaan staan Wissen en Verzenden even groot naast elkaar. Wie een fout maakt, ziet pas na het verzenden een rode melding bovenaan.
Vanuit UX bekeken ligt het probleem niet bij de kleur van de knop. De bezoeker wil weten of de installateur in zijn gemeente komt en wat een warmtepomp ongeveer kost; het formulier vraagt eerst zijn huisnummer. Nielsen Norman Group raadt aan elk veld te schrappen dat je later kan vragen of zelf kan afleiden, labels boven het veld te zetten in een kolom, geen wisknop te tonen en fouten meteen en in woorden te melden. In een studie van Seckler en collega's (CHI 2014) werd 78 procent van de formulieren die zulke richtlijnen volgden in een keer foutloos verzonden, tegen 42 procent zonder.
De nieuwe versie vraagt vijf dingen: naam, telefoon of e-mail, postcode, type woning en de vraag. Het adres en het bouwjaar komen bij het plaatsbezoek. Stijgt het aantal aanvragen van 8 naar 12 bij dezelfde 400 bezoekers, dan gaat de conversie van 2 naar 3 procent. Wordt een op de vier aanvragen klant, met gemiddeld 12.000 euro per installatie, dan is dat een extra opdracht per maand. Die getallen zijn een rekenvoorbeeld: wat jouw formulier doet, weet je pas als je voor en na meet. Waar bezoekers vroeger in de reis afhaken, zie je in je sales funnel; hoe een pagina rond een vraag gebouwd wordt, lees je bij zoekintentie.
Gebruikerservaring en interface naast elkaar
- De vraag
- UXKan de bezoeker doen waarvoor hij kwam?
- UIHoe ziet het scherm eruit en hoe reageert het?
- Werkt aan
- UXVolgorde, inhoud, aantal stappen, snelheid, wat na de klik gebeurt
- UIKnoppen, velden, kleur, lettertype, iconen, witruimte
- Meet met
- UXGebruikerstests, afhaakpunten, aantal aanvragen
- UIConsistentie, leesbaarheid, contrast
- Op het offerteformulier
- UXWelke vijf velden blijven en waarom
- UIHoe die vijf velden en de knop eruitzien
Je hebt beide nodig, maar UX komt eerst: een mooi ontworpen veld dat er niet hoeft te staan, kost je toch aanvragen.
Een extra aanvraag per maand, in euro
UX hoeft geen traject van maanden te zijn. Jakob Nielsen rekende in 2000 voor dat een test met vijf gebruikers ongeveer 85 procent van de bruikbaarheidsproblemen vindt. Zijn advies: liever drie kleine rondes van vijf, met een verbetering ertussen, dan een grote studie met vijftien.
| Aanpak | Wat je leert | Tijd | Kost |
|---|---|---|---|
| Vijf mensen je formulier laten invullen terwijl je meekijkt | Waar ze twijfelen, wat ze niet begrijpen, waar ze stoppen | Een halve dag | Je eigen tijd |
| Laadtijd meten | Of trage pagina's bezoekers wegjagen, met tips in de gids website snelheid optimaliseren | Tien minuten | Gratis met onze snelheidstest |
| Toegankelijkheid nalopen tegen WCAG 2.1 AA | Of ook iemand met een schermlezer of alleen een toetsenbord je site kan gebruiken | Een tot twee dagen | Uren van je webbouwer, zie het uurtarief van een webdesigner |
| Een pagina of formulier opnieuw ontwerpen | Een betere versie die je voor en na meet | Een tot drie weken | Een nieuwe site bij ons begint vanaf 1.500 euro |
Wat het oplevert: meer klanten uit dezelfde bezoekers. Bezoekers erbij kopen via advertenties of SEO kost elke maand opnieuw geld; een formulier dat beter werkt, doet dat voor elke bezoeker die nog komt. Wie al betaalt voor retargeting, stuurt mensen terug naar dezelfde pagina: laat die pagina aanvragen liggen, dan betaal je twee keer.
Toegankelijk is ook een wettelijke plicht
Sinds 28 juni 2025 moeten webshops en sites waarop consumenten iets kopen of reserveren in de hele EU toegankelijk zijn, door de European Accessibility Act. Micro-ondernemingen zijn vrijgesteld. De norm daarachter, EN 301 549, steunt op WCAG 2.1 niveau AA: genoeg contrast, labels die een schermlezer voorleest, alles bereikbaar met een toetsenbord. Wat dat voor jouw site betekent, staat in de gids over de European Accessibility Act en in toegankelijkheid website verplicht?. Ook wie niet verplicht is, wint erbij: wat werkt voor iemand met een schermlezer, werkt ook voor iemand met een gsm in de zon.
Zeven vragen voor je eigen offerteformulier
- Elk veld dat je pas bij het plaatsbezoek nodig hebt, is weg.
- Telefoon of e-mail volstaat; je verplicht niet allebei.
- Labels staan boven het veld, niet als grijze tekst in het veld.
- Een kolom, ook op een gsm, zonder horizontaal scrollen.
- Er is een knop, en daarop staat wat er gebeurt: Vraag je offerte aan.
- Een fout staat meteen naast het veld en zegt wat er mis is.
- Na het verzenden zie je wanneer je antwoord krijgt.
- Je hebt vijf mensen het formulier zien invullen, niet alleen jezelf.
Over je site en je formulieren
Wat doet een UX-designer?
Een UX-designer onderzoekt wat gebruikers willen doen, tekent de stappen en schermen die daarvoor nodig zijn (vaak eerst als eenvoudige schets) en test ze met echte mensen. Pas daarna komt de visuele vormgeving. Bij een kleine site doet dezelfde persoon vaak UX en UI samen.
Is UX hetzelfde als usability?
Nee. Usability zegt of een scherm makkelijk te leren en snel te gebruiken is. UX is ruimer: ook de inhoud, de prijs die je toont, de snelheid van je antwoord en wat er na de aanvraag gebeurt. Een formulier kan perfect bruikbaar zijn en toch slecht scoren als niemand ooit terugbelt.
Wat is UX writing?
De woorden in een interface: wat op een knop staat, de uitleg bij een veld, de foutmelding, de bevestiging na het verzenden. Vraag je offerte aan zegt meer dan Verzenden, en Vul een Belgisch gsm-nummer in helpt meer dan Ongeldige invoer.
Heeft een kleine kmo UX nodig?
Ja, en het is daar het goedkoopst. Je hebt geen onderzoeksteam nodig: kijk vijf klanten over de schouder terwijl ze je site gebruiken, schrap wat niemand nodig heeft en meet daarna je aantal aanvragen. Dat is een halve dag werk.
