Naar de inhoud

Begrip

UX: hoe makkelijk een bezoeker zijn doel haalt

Wat user experience is, waarom het meer is dan een mooi scherm, en hoe je het meet op je eigen offerteformulier.

De eerste stap van het afspraakformulier van FK Boekhouding: een paar velden en twee keuzes, goede UX op een formulier
UXstaat voor User Experience
UX is de ervaring die iemand heeft met je website, app of dienst: of hij vindt wat hij zoekt, begrijpt wat hij moet doen en zonder gedoe zijn doel haalt.
Ook genoemduser experiencegebruikerservaringUX designUX-ontwerp

Door , COO

7 min lezen
Op deze pagina
  1. 01Mooi is niet hetzelfde als makkelijk
  2. 02Don Norman en het woord user experience
  3. 03De knop of de weg ernaartoe
  4. 04Een offerteformulier dat de helft verliest
  5. 05Een extra aanvraag per maand, in euro
  6. 06Toegankelijk is ook een wettelijke plicht

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
  • E-mail
  • Type woning
  • Bouwjaar
  • Bericht

WissenVerzenden

Fouten pas na verzenden, bovenaan in het rood

Na5 velden

  • Naam
  • Telefoon of e-mail
  • Postcode
  • Type woning
  • Je vraag

Vraag je offerte aan

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.

AanpakWat je leertTijdKost
Vijf mensen je formulier laten invullen terwijl je meekijktWaar ze twijfelen, wat ze niet begrijpen, waar ze stoppenEen halve dagJe eigen tijd
Laadtijd metenOf trage pagina's bezoekers wegjagen, met tips in de gids website snelheid optimaliserenTien minutenGratis met onze snelheidstest
Toegankelijkheid nalopen tegen WCAG 2.1 AAOf ook iemand met een schermlezer of alleen een toetsenbord je site kan gebruikenEen tot twee dagenUren van je webbouwer, zie het uurtarief van een webdesigner
Een pagina of formulier opnieuw ontwerpenEen betere versie die je voor en na meetEen tot drie wekenEen 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.

Website laten maken

Hoe VBS ontwerpt vanuit wat de bezoeker komt doen

We ontwerpen vanuit de vraag van de bezoeker, niet vanuit een sjabloon. Voor SN Group bouwden we de kostenberekening als een wizard in stappen in plaats van een lang formulier. Voor Business Centrum maakten we vier rekentools, en voor FK Boekhouding een klantenportaal waarin klanten zelf een afspraak boeken. Bekijk website laten maken, webapplicatie laten maken of plan een gesprek.

UX van je offerteformulier laten nakijken?

We kijken samen naar je site en je offerteformulier en zeggen welke velden, stappen en teksten je bezoekers ophouden.

Optioneel, als je liever gebeld wordt.

Wat wil je bereiken, en wat staat er al?

We gebruiken je gegevens alleen om je te antwoorden.