Terug naar alle insights
Whitepaper|24 oktober 2025|51 pagina's

Informatieflow die converteert: 5 valkuilen om op te lossen

Ontdek hoe je website-informatie zo structureert dat bezoekers snel vinden, scannen en actie ondernemen. WUA benoemt 5 valkuilen met bewezen best practices.

Door Linda

Samenvatting

Een informatieflow die converteert

In 2023 bedroeg de gemiddelde aandachtsspanne op een digitaal scherm nog maar 47 seconden. Tegelijkertijd blijft het gebruik van mobiel internet stijgen. Bezoekers komen met een vraag en beperkt geduld. Als jouw website hen niet snel helpt, vertrekken ze — en staan je concurrenten al klaar.

Dit e-book van WUA legt uit waarom informatieflow een van de meest bepalende, maar ook meest onderschatte factoren is in digitale prestaties. Het gaat niet alleen om de juiste content. Hoe die content is georganiseerd en gepresenteerd, bepaalt of bezoekers blijven, doorklikken en converteren.

Twee modellen die online gedrag verklaren

WUA introduceert twee kaders die effectief informatieontwerp onderbouwen. Information foraging laat zien dat bezoekers zoeken naar 'geursporen' — kleine signalen zoals koppen, iconen en knoppen die aangeven of een pad de moeite waard is. Het bite-snack-meal model beschrijft hoe content in lagen moet worden opgebouwd: snelle koppen voor scanners, korte alinea's voor verkenners, en volledige detail voor beslissers die klaar zijn om te converteren.

Vijf valkuilen die conversies kosten

Op basis van benchmarkonderzoek bij toonaangevende merken identificeert WUA vijf terugkerende problemen:

  1. Overvolle landingspagina's — bewegende banners en drukke lay-outs zorgen voor chaos in plaats van richting.
  2. Slechte navigatie — onduidelijke labels en te veel keuzes laten bezoekers de weg kwijtraken.
  3. Moeilijke vergelijkingen — tegelindelingen zonder consistente kenmerken dwingen bezoekers elke optie afzonderlijk door te klikken.
  4. Te veel tekst — lange, ongestructureerde pagina's begraven de kernboodschap en overweldigen bezoekers.
  5. Gefragmenteerde informatie — versnipperde content verspreid over secties kost onnodig veel moeite en zorgt voor afhakers.

Elke valkuil wordt geïllustreerd met echte bezoekersfeedback, laagscorende paginavoorbeelden en best practices van merken als ANWB, Centraal Beheer, Allianz Direct en ABN AMRO.

Wat je vandaag kunt doen

Het verbeteren van je informatieflow begint met een kritische blik op je klantreis. Identificeer waar bezoekers vastlopen en test gerichte aanpassingen in lay-out, tekstdiepte of contentgroepering. Het e-book sluit af met een praktische checklist langs vijf dimensies: structuur, navigatie, vergelijkbaarheid, scanbaarheid en segmentatie.

Kleine, consistente verbeteringen leiden tot meetbare winst in betrokkenheid en conversie.

Belangrijkste inzichten

  • Bezoekers beslissen binnen 47 seconden. Je paginastructuur mag hen niet vertragen.
  • Rustige landingspagina's converteren beter. Verwijder banners, carrousels en rommel.
  • Meer informatie maakt kiezen moeilijker, niet makkelijker.
  • Bezoekers volgen geursporen. Koppen, iconen en knoppen moeten de weg wijzen.
  • Bouw in lagen: bite om te scannen, snack voor context, meal voor detail.
  • Toon wat wel en niet is inbegrepen. Bezoekers klikken niet elke optie apart door om te vergelijken.
  • Groepeer gerelateerde content visueel. Verspreide informatie stuurt bezoekers naar concurrenten.
  • Accordeons en in-pagina-menu's verminderen ruis zonder diepgang te verliezen.

E-book

Een informatieflow die converteert

Zo maak je informatie vindbaar, scanbaar en effectief

De strijd om aandacht

Op een digitaal scherm is de gemiddelde aandachtsspanne gedaald van 150 seconden in 2004 naar slechts 47 seconden in 2023.

Tegelijkertijd blijft mobiel internetgebruik toenemen ten opzichte van desktopgebruikers. Dat zorgt voor nieuwe uitdagingen op het gebied van navigatie, structuur en informatievoorziening.

Consumenten verwachten moeiteloze interacties. Ze willen snel begrijpen waar ze zijn, wat ze kunnen doen en waarom ze voor jou zouden kiezen. Iedere seconde telt, want alternatieven zijn altijd maar één klik verwijderd.

Daarom is de manier waarop je informatie organiseert en presenteert belangrijker dan ooit. De vindbaarheid, volgorde en leesbaarheid van informatie bepalen hoe bezoekers jouw merk ervaren - en uiteindelijk of ze blijven of afhaken.

De strijd om aandacht

Hoe een slechte informatieflow je bezoekers kost

“Stel je voor:

Je bent online op zoek naar een reisverzekering.

De homepage opent met een bewegende banner over een actie.

Je scrolt naar beneden en zoekt naar de juiste ingang.

Eenmaal op de tussenpagina word je overladen met bijzaken.

Op de detailpagina is alle informatie versnipperd en de tekst veel te lang om te scannen.

Gefrustreerd verlaat je de website. Dan maar eens kijken bij de concurrent...

Ten minste één van bovenstaande frustraties komt vaker voor dan je denkt in een websitebezoek.”

Michiel Cassee Digital Research Consultant

Hoe een slechte informatieflow je bezoekers kost

De manier waarop je informatie presenteert telt

Een website gaat niet alleen over de juiste content, maar over hoe die content wordt georganiseerd en gepresenteerd. Zelfs waardevolle informatie kan haar doel missen als ze versnipperd, onlogisch of overweldigend wordt gepresenteerd.

Vorm (UX, de hoe)

Content (oordeel, de wat)

Scanbaarheid

Navigatie

Uitstraling

Technisch functioneren

Merkperceptie

Productaanbod

Prijsperceptie

De gebruikerservaring

Bij WUA brengen we de volledige gebruikerservaring in kaart – zowel van jouw website als van de concurrentie. We kijken niet alleen naar losse onderdelen, maar naar het geheel: hoe navigatie, scanbaarheid, uitstraling, merkperceptie, productaanbod en prijsperceptie samen het oordeel van bezoekers vormen.

Door deze lagen te begrijpen zie je je website zoals bezoekers dat doen: niet als losse pagina’s, maar als één samenhangende ervaring die hun oordeel en keuzes bepaalt.

De manier waarop je informatie presenteert telt

Hoe consumenten informatie zoeken

Elke websitebezoeker start met het zoeken naar informatie. Ze komen met een vraag in gedachten en maar weinig geduld om te vinden wat ze nodig hebben. Binnen enkele seconde scannen, klikken en besluiten ze of de route logisch voelt of verwarrend is.

Twee fundamenten liggen ten grondslag aan hoe men informatie zoekt:

Information foraging

Bite-snack-meal

Deze modellen laten zien:

Hoe bezoekers bepalen waar ze op klikken

Hoeveel moeite ze doen

En wanneer ze stoppen met zoeken

Samen vormen ze de basis voor hoe mensen online navigeren en keuzes maken.

Hoe consumenten informatie zoeken

Information foraging

Websitegebruikers zoeken naar informatie, gelijk aan hoe dieren zoeken naar eten. Ze willen zoveel mogelijk relevante informatie vinden met minimale moeite.

Bezoekers volgen ‘geursporen’ van informatie: kleine aanwijzingen die helpen bepalen waar ze naartoe moeten. Deze sporen komen uit koppen, knoppen, visuals of korte stukjes tekst die waarde en relevantie uitstralen.

Information foraging

Stel, we gaan appels zoeken in het bos. Je kunt het hele bos doorlopen en alles verzamelen, maar dat kost veel tijd en moeite. In plaats daarvan let je op signalen die wijzen op rijke plekken, zoals appels op de grond of bomen vol fruit. Online werkt dat precies hetzelfde: mensen schatten in welke link, knop of sectie de meeste waarde biedt met de minste inspanning.

Bezoekers volgen het ‘’geurspoor’’ dat hen het snelst naar hun doel brengt. Ze scrollen niet eindeloos, lezen geen lange teksten en klikken niet zomaar overal op. Ze beoordelen voortdurend of de route nog de moeite waard is. Zo niet, dan verlaten ze de website.

Een goede gebruikerservaring speelt hierop in. Ze biedt een sterk geurspoor via duidelijke copy, logische structuur en herkenbare visuele aanwijzingen. Wanneer koppen, CTA’s, iconen en lay-out overeenkomen met wat bezoekers verwachten, voelt de route intuïtief.

De bite-snackmeal methode

Niet iedere bezoeker heeft dezelfde informatiebehoefte. Iemand die zich nog aan het oriënteren is, wil snel de hoofdlijnen begrijpen, terwijl iemand die dichter bij een beslissing is juist meer verdieping zoekt. De bite-snack-meal methode helpt om informatie gelaagd aan te bieden, afgestemd op het moment binnen de klantreis.

Een bite is klein, makkelijk te verwerken en snel. Denk aan koppen, bullets, klikbare iconen en korte teksten of ingangen.

Een snack is meer informatief en middelzwaar. Dit kan bestaan uit korte alinea’s, visuals of accordions met gematigde diepgang.

Een meal is diepgaand en gedetailleerd, met uitgebreide informatie, uitleg, specificaties of voorwaarden.

De bite-snackmeal methode

Deze lagen sluiten aan op het doel van de pagina.

Homepagina’s en indexpagina’s (ook wel transitiepagina’s genoemd) moeten snelle informatievoorziening en navigatie faciliteren.

Detailpagina’s (bestemmingspagina’s) zijn bedoeld om te informeren én converteren.

Wanneer deze niveaus goed in balans zijn, kunnen bezoekers zelf bepalen hoe diep ze gaan, zonder overweldigd te raken. Dat zorgt voor duidelijkheid, vertrouwen en een prettige gebruikerservaring.

De vijf veel voorkomende pijnpunten

Zelfs met de beste bedoelingen maken veel websites dezelfde fouten bij het organiseren en presenteren van informatie. Deze problemen zorgen voor frictie, verwarring en frustratie bij bezoekers die simpelweg snel een duidelijk antwoord willen vinden.

Uit ons onderzoek heeft WUA vijf veelvoorkomende valkuilen geïdentificeerd die de online ervaring het vaakst verstoren:

Te drukke landingspagina

Ongeschikte navigatie

Suboptimale vergelijking

Overmatig tekstgebruik

Versnippering van informatie

Elk van deze problemen lijkt op zichzelf klein, maar samen kunnen ze ongemerkt zorgen dat bezoekers afhaken en conversies verloren gaan.

De vijf veel voorkomende pijnpunten

1. Te drukke landingspagina

De landing op een pagina is te druk en schrikt af.

De eerste indruk bepaalt alles. Wanneer een landingspagina te vol is, met bewegende banners, schreeuwerige aanbiedingen of te veel tekst, ontstaat chaos in plaats van richting. Bezoekers weten niet waar ze moeten kijken of wat de volgende stap is - het tegenovergestelde van wat een landing hoort te doen.

Een effectieve landingspagina doet juist het omgekeerde: ze geeft richting, schept rust en laat bezoekers letterlijk landen. Toch zien we nog vaak drukke banners, opdringerige acties en overvolle pagina’s die eerder afleiden dan overtuigen.

Dit is wat bezoekers ons vertelden:

“Niet die bewegende beelden, enorm irritant en afleidend."

“Veel te druk, ik weet niet waar ik moet kijken.”

“Bovenaan de pagina, wat een chaos.”

Een voorbeeld van een pagina met een overvolle lay-out die direct voor keuzestress zorgt.

*Voorbeelden geselecteerd op basis van lage scores uit ons onderzoek.

Landing

Een voorbeeld van een pagina die vanaf landing rust uitstraalt, mede door weinig tekst, een subtiele banner en overzichtelijke en beperkte ingangen.

Landing

Zorg voor rust Wees voorzichtig met het gebruik van een video bij landing. Hanteer rust en voorkom acties of drukke beelden.

Beperk de ruis Voorkom een overdaad aan opvallende elementen, tekst of ingangen. Een overvolle landing overrompelt bezoekers en maakt het moeilijk om te focussen.

Minder salesdruk Voorkom over-agressieve aanbiedingen in de banner of pop-ups. Test varianten met subtielere aanbiedingen en daag het sales- of marketingteam uit om balans te vinden tussen overtuigen en overprikkelen.

Vermijd de carrousel Carrousels ogen dynamisch, maar leiden vaak meer af dan dat ze helpen. Vermijd ze op mobiel en laat beelden op desktop rustig wisselen, met 5 tot 7 seconden tussen de overgangen (Baymard).

2. Ongeschikte navigatie

Transitie- en landingspagina’s zijn vaak niet ingericht op snelheid en gebruiksgemak.

Navigatie bepaalt of bezoekers hun weg vinden of verdwalen. Toch maken veel websites het onbedoeld moeilijk door te veel keuzes, onduidelijke termen of een gebrek aan context.

Een goede navigatie geeft richting en vertrouwen. Bezoekers moeten in één oogopslag begrijpen waar ze zijn, wat ze kunnen doen en wat er achter elke knop schuilgaat.

Dit is wat bezoekers ons vertelden:

“Lastig om snel de informatie te vinden die ik zoek.”

“Ik zie door de bomen het bos niet meer, wat een doolhof.”

“Ik zie niet direct waar ik heen moet.”

Navigatie lijkt vanzelfsprekend, maar als de structuur niet klopt, merken bezoekers dat meteen. Ze verliezen richting en weten niet waar ze moeten klikken. De volgende voorbeelden tonen wat er gebeurt wanneer die eerste oriëntatie mislukt.

“Wat kan ik hier halen? Waar moet ik op klikken? Wat kan ik verwachten achter de knoppen?”

Ongeschikte navigatie *Voorbeelden geselecteerd op basis van lage scores uit ons onderzoek.

“Hoezo word ik vanaf de homepagina direct een berekenstraat ingeduwd?”

*Voorbeelden geselecteerd op basis van lage scores uit ons onderzoek. Ongeschikte navigatie

Gelukkig zijn er ook talloze voorbeelden van websites waar navigatie wél werkt. Duidelijke ingangen, herkenbare koppen en logische menu’s helpen bezoekers snel de juiste richting op.

De volgende cases laten zien hoe dat eruitziet in de praktijk.

Regelmatig wordt de primaire CTA als te pushy ervaren. Test daarom het effect van een minder agressieve óf secundaire CTA om gebruikers die nog niet klaar zijn voor conversie te begeleiden.

Best practices (Odido, OHRA)

Vattenfall.nl biedt intuïtieve navigatie met snelle toegang (‘geursporen’) tot relevante onderwerpen.

De keuzemenu’s zijn logisch ingedeeld, zodat bezoekers makkelijk de juiste sectie kunnen vinden: De startpagina biedt hoofdonderwerpen die elkaar uitsluiten. De iconen helpen als visuele sturing. Een ‘Snel naar’-menu biedt directe links naar veelgevraagde onderwerpen.

“Heldere en gestructureerde informatie.” “De keuzemenu’s staan duidelijk aangegeven, alles op één blik.” “Informatie bij elkaar, en een menu met snel naar: en dan handige koppelingen naar informatie.” “Overzichtelijke site met snelkoppelingen direct in eerste oogopslag. Je vindt snel wat je zoekt.”

Brand New Day - Navigatie die de bezoeker begeleidt

De titels duiden de segmenten: de bezoeker weet wat te verwachten in een segment. Beeldmateriaal ondersteunt dit. De landingspagina neemt de tijd om de bezoeker bij de hand te nemen: ‘Waarom een extra pensioenpotje’,‘Waar begin ik’, ‘Waarom Brand New Day’ etc.

Brand New Day’s kopteksten leiden bezoekers moeiteloos door de pagina.

De informatie wordt afgestemd op de informatiebehoefte door ingangen op maat te bieden per doelgroep.

“Navigatie werkt soepel. Niet teveel info, maar doorklikken waar nodig / interesse.” “Duidelijk waar je moet zoeken. Goed geordend per categorie en erg aantrekkelijke lay-out.” “Goede indeling en doorklikuitleg van de mogelijkheden, logische stappen.” “Zeer duidelijke en overzichtelijke website. Je ziet meteen waar je moet zijn voor de info waarnaar je op zoek bent.” Ongeschikte navigatie

FBTO.nl past de principes over informatiestructuur goed toe.

  1. Kerninformatie is beknopt geformuleerd op de indexpagina (bite), verdieping is ondergebracht op vervolgpagina’s (snack/meal). 2. (Sub)teksten bevatten uitsluitend relevante context of uitleg die bijdraagt aan het begrip. Bezoekers kunnen scannen en ingangen overwegen zonder overweldigd te raken. 3. Er is een sticky menu dat bezoekers snel naar het gewenste onderwerp helpt navigeren.

“De tekst is heel duidelijk geordend. De tekst is heel goed leesbaar.” “Door minimalistische opbouw erg prettig en overzichtelijk.” “Het is kort en bondig met toch een duidelijk overzicht.” “Hoe ze de pagina hebben opgebouwd van basisinformatie tot meer gedetailleerd.”

Toon de belangrijkste acties eerst Toon de belangrijkste CTA boven de vouw. Test ook een alternatief naast de directe conversie aan te bieden.

Maak navigatie intuïtief Zorg voor intuïtieve ingangen én kopteksten, denk aan de copy, de CTA én beeldgebruik/iconen.

Gebruik een ‘snel naar’-menu Een ‘snel naar’ menu kan helpen voor directe navigatie naar veelbezochte pagina’s of anchorlinken binnen pagina’s.

Analyseer scroldiepte Krijg inzicht in scroldiepte op pagina’s om de indeling op te baseren. Dit kan met een ‘scrollmap’.

3. Suboptimale vergelijking

Het tonen van de opties in tegelvorm gaat gepaard met moeite tijdens het vergelijken of gebrek aan onderscheid.

Wanneer producten of opties moeilijk te vergelijken zijn, ontstaat twijfel. Veel websites tonen producten in tegelvorm, maar vergeten de verschillen duidelijk te maken. Bezoekers moeten dan elke optie afzonderlijk openen om te begrijpen wat de ene van de andere onderscheidt - een traag en frustrerend proces.

Wat bedoeld is als overzicht, verandert zo in een zoektocht. Bezoekers willen in één oogopslag zien wat elke optie wél en níét biedt, en welke het beste past bij hun situatie. Ontbreekt die duidelijkheid, dan stellen ze hun keuze uit of verlaten ze de site.

“Lastig te bepalen welke voor mij de beste keuze is.”

“De producten zijn lastig te vergelijken op deze manier.”

“Ik moet elk product apart bekijken om de verschillen te snappen.”

Bezoekers willen in één oogopslag zien waarin opties verschillen. Een sterke vergelijking is daarom opgebouwd uit een paar vaste principes:

  1. Het benoemen van dezelfde eigenschappen per tegel, idealiter per rij. 2. Toon wat wél en níét inbegrepen is. Maak in één oogopslag duidelijk welke elementen een optie bevat, en welke niet. 3. Benadruk de verschillen. Gebruik kleur, iconen of labels om contrast te creëren.

Deze aanpak helpt bezoekers snel een eerste keuze te maken en voorkomt dat ze moeten doorklikken om verschillen te ontdekken.

Best practices (ANWB, ABNAMRO)

Merken als Allianz Direct en Odido laten zien hoe deze principes in de praktijk werken. Door duidelijke structuur, visuele ondersteuning en persoonlijke context maken ze vergelijking eenvoudig én overtuigend:

  1. Structuur: dezelfde kenmerken per optie, in vaste volgorde. 2. Transparantie: wat wél en niet inbegrepen is, direct zichtbaar. 3. Contrast: visuele accenten benadrukken de verschillen. 4. Visuele cues: pictogrammen en kleur ondersteunen de volledigheid. 5. Relevantie: benoeming van gebruikersdoelen (“voor gezinnen”, “voor wie flexibiliteit zoekt”).

Zo ontstaat een vergelijking die niet alleen helder is, maar ook vertrouwen uitstraalt: bezoekers zien in één oogopslag wat het beste bij hen past.

Best practices (AllianzDirect, Odido)

Gebruik dezelfde kenmerken Benoem dezelfde eigenschappen per tegel, zodat bezoekers eenvoudig kunnen vergelijken.

Houd volgorde en uitlijning consistent Zorg dat eigenschappen tussen tegels in dezelfde volgorde en op dezelfde rij staan.

Toon wat wel en niet inbegrepen is Laat per keuze zien welke eigenschappen inbegrepen zijn en welke niet.

Voeg visuele ondersteuning toe Gebruik iconen of visuals om de volledigheid van elk pakket duidelijk te maken.

Maak het persoonlijk Communiceer de gebruiksdoeleinden per optie, zodat bezoekers zich makkelijk kunnen herkennen in de juiste keuze.

4. Overmatig tekstgebruik

Pagina’s zijn text-heavy, lang en overvol. “Ja, maar SEO...”

Veel websites proberen alles tegelijk te vertellen. Productinformatie, uitleg, voorwaarden en SEO-teksten worden samengevoegd tot één lange pagina vol tekst. Voor de bezoeker voelt dat niet volledig, maar overweldigend.

Wat bedoeld is om te informeren, eindigt in overload. Lange alinea’s zonder structuur maken het moeilijk om te scannen, waardoor de kernboodschap verloren gaat. Bezoekers willen snel begrijpen wat relevant is - niet door honderden regels heen worstelen.

Zo reageerden bezoekers:

“Veel en veel te veel tekst. Ik bleef maar scrollen.”

“Veel lezen om uiteindelijk te vinden wat je zoekt, dat moet beter.”

“Bij het zien van zoveel tekst haak ik al af, helemaal niet fijn.”

Voorbeelden van pagina’s die goed scoren op SEO, maar moeilijk te scannen zijn.

CentraalBeheer.nl bewijst dat veel informatie niet per se onduidelijk hoeft te zijn - zolang de structuur klopt. 1. Op de productpagina wordt per type schade een gedetailleerde uitleg gegeven. 2. Met behulp van een drop-down/accordion menu kunnen bezoekers gericht inzoomen op informatie die voor hen relevant is. 3. Bij ‘Stormschade’ en ‘Waterschade’ biedt een overlay uitleg over wat er wel en niet vergoedt wordt binnen de verzekering.

“Veel en goede informatie.” “Overzichtelijk, duidelijk en informatief.” “Duidelijke website. Veel informatie.” “Makkelijk om keuzes te maken met goede uitleg.”

Best practices (CentraalBeheer.nl)

ANWB.nl bewaakt overzicht door gelaagdheid en segmentatie.

  1. De aanvullende dekkingen zijn overzichtelijk gegroepeerd in een accordion-menu, waar slechts één dekking tegelijkertijd open kan. 2. Deze opzet houdt de pagina compact en maakt het makkelijk om gericht te navigeren op mobiel.

“De website is echt anwb. Duidelijke informatie. Ik vind het verdelen van de informatie over blokken erg prettig.” “Omdat alles kort en bondig wordt weergegeven en wil je meer info dan druk je er gewoon op.” “Je vindt heel makkelijk wat je weten wilt.” “Duidelijk en bondig, maar ook direct naar achtergrond informatie kunnen gaan.”

Best practices (ANWB.nl)

AllianzDirect.nl biedt compact overzicht met per dekking een doorklikmogelijkheid naar verdieping.

Bij elke dekking is via duidelijke informatie-icoontjes extra toelichting te vinden. Zo blijft het overzicht voor bezoekers in eerste instantie compact, maar is er indien gewenst ruimte voor verdieping.

“Ze proberen beknopt te laten zien wat er mogelijk is en je kunt goed extra informatie krijgen.” “Alle reisverzekeringopties met wat er gedekt wordt goed aangeduid op de site en ook vee informatie over de verzekeringen te vinden op de pagina.” “Door de aanvullende informatie weet je waar je voor kiest.” “Ik krijg veel nuttige en relevante informatie te zien van het aangeboden product.” Overmatig tekstgebruik

Best practices (AllianzDirect.nl)

Tips

Begin met de kern Zet de belangrijkste keywords en kernboodschap bovenaan, bondig.

Maak informatie behapbaar Werk daarna met bullets, accordions, overlays en/of doorlinken. Houd informatie ten alle tijden behapbaar.

Stem af op het paginadoel Speel in op het doel van de pagina (‘transitiepagina’ vs. ‘bestemmingspagina’). Toon enkel wat hier essentieel is.

Optimaliseer copywriting Optimaliseer copywriting met korte, heldere zinnen die makkelijk te scannen zijn. Vermijd ruis en houd het bondig.

5. Versnippering van informatie

Informatie is te versnipperd ingedeeld op of tussen pagina’s. Een heldere segmentatie of groepering ontbreekt.

Soms is het probleem niet dat er te veel tekst is, maar dat de informatie te verspreid staat. Wanneer content verspreid staat over meerdere blokken, tabs of subpagina’s, moeten bezoekers eindeloos scrollen of heen en weer klikken om het geheel te begrijpen.

Een heldere segmentatie of logische groepering ontbreekt dan. Bij elkaar horende informatie is niet goed gegroepeerd, waardoor bezoekers het overzicht verliezen. Ze weten niet meer hoe de pagina is opgebouwd of waar ze specifieke informatie kunnen vinden.

Zo reageerden bezoekers:

“De informatie staat verspreid over de hele pagina. Ik zie het liever bij elkaar.”

“Moeilijk om een beeld te vormen hoe de pagina is opgebouwd en waar ik wat kan vinden.”

“Weinig overzicht, je moet veel moeite doen om alles te vinden.”

In dit voorbeeld moeten bezoekers over de hele pagina scrollen om alle informatie te zien.

Versnippering van informatie * Voorbeeld geselecteerd op basis van lage scores uit ons onderzoek.

Een in-page menu brengt structuur aan in lange pagina’s: het groepeert de belangrijkste informatie zonder dat het overzicht verloren gaat.

Best practices (Rabobank, Independer)

FBTO laat zien hoe slimme structuur voorkomt dat informatie versnipperd raakt. De site maakt gebruik van herkenbare koppen, visuele afbakening en een logische volgorde die bezoekers moeiteloos door de inhoud leidt:

  1. De header maakt het doel van de pagina duidelijk. 2. De introductietekst vertelt wat bezoekers gaan tegenkomen op de pagina.

FBTO laat op verschillende manieren zien hoe een pagina te segmenteren.

  1. De drie hoofdelementen zijn voorzien van duidelijke headers om de segmenten te herkennen. 4. Alle elementen zoals op de afbeeldingen weergegeven, zijn allemaal verschillend in vormgeving.

“Duidelijke informatie op de hoofdpagina met een uitleg over dekkingen, extra opties en modules.” “Volledige autonomie voor de lezer. De duidelijke koppen zorgen ervoor dat ik het kan volgen.” “Heldere blokken met verschillende typen informatie.”

Knab.nl gebruikt de ‘Law of common region’ om onderdelen af te kaderen.

  1. Knab.nl weet een makkelijk scanbare pagina neer te zetten. Visuele afkadering (law of common region), heldere koppen en korte copy met optie tot interactie.

Law of common region: Elementen worden vaak als groepen waargenomen als ze een gebied delen met een duidelijk afgebakende grens.

“Alles staat heel duidelijk in korte blokken uitgelegd, waardoor het meteen overzichtelijk is.” “prettig ontwerp om naar te kijken, doorheen te navigeren en informatie te vinden.” “Je kan snel scannen wat er allemaal staat.”

Het bekijken van een product roept vaak vragen op over de voorwaarden. Plaats deze daarom klikbaar in de directe omgeving van het product.

Best practices (CB – autoverzekering, ING.nl)

ABNAMRO.nl hanteert bite-snack-meal in de informatie over hun rente.

  1. ABNAMRO.nl biedt bij de kostenberekening informatie-icoontjes voor directe uitleg. 2. Via een link wordt de bezoekers doorverwezen naar een uitgebreide toelichtingspagina.

  2. Deze vervolgpagina bevat diepgaande uitleg over hoe het rentepercentage wordt vastgesteld.

“Makkelijke berekeningstool.” “Veel informatie en tips.” “Het aanbod is mooi onderbouwd en betrouwbaar.” “Ik vind de knoppen duidelijk werken en de info handig.” “Overzichtelijke websitehouders. Informatie makkelijk te vinden.”

Segmenteer onderdelen duidelijk Segmenteer verschillende onderdelen op een pagina, in visualisatie (bijv. achtergrondkleur) en met koppen.

Groepeer gerelateerde informatie Groepeer bij elkaar horende informatie tot een duidelijk geheel, voorkom versnippering.

Gebruik een in-page menu Een in-page menu helpt om bij elkaar horende informatie te groeperen en lang scrollen te voorkomen.

Hoe je je informatieflow verbetert

Het verbeteren van je informatieflow hoeft niet ingewikkeld te zijn. Begin met een kritische blik op hoe je website is opgebouwd en hoe bezoekers zich erdoorheen bewegen.

  1. Doorloop jullie digitale klantreis Wees kritisch op de organisatie en presentatie van informatie. Is het intuïtief, glashelder, snel en super makkelijk?

  2. Onderzoek waar knelpunten zitten Breng in kaart waar bezoekers vastlopen of afhaken. Misschien is de landingspagina te druk, de navigatie onduidelijk of de tekst te lang.

  3. Test en verbeter stap voor stap Pak verbeteringen één voor één aan en bekijk het effect. Zelfs kleine aanpassingen in opmaak, copy of groepering kunnen een groot verschil maken.

Een goede informatieflow is logisch en efficiënt. Ze helpt bezoekers natuurlijk door de website te bewegen en hun doel te bereiken zonder verwarring.

Hoe je je informatieflow verbetert

Structuur

Wees voorzichtig met het gebruik van een video bij landing. Hanteer rust en voorkom acties of drukke beelden.

Voorkom een overdaad aan schreeuwerige elementen, tekst en ingangen op landing. Dit overrompelt.

Voorkom over-agressieve aanbiedingen in de banner of pop-ups. Daag het sales/marketing-team hierin uit.

Gebruik geen carrousel op mobiel. Op desktop dient er 5-7 seconden tussen de beelden te zitten.

Navigatie

Toon de belangrijkste CTA boven de vouw. Test ook een alternatief naast de directe conversie aan te bieden.

Zorg voor intuïtieve ingangen én kopteksten, denk aan de copy, de CTA én beeldgebruik/iconen.

Een ‘snel naar’ menu kan helpen voor directe navigatie naar veelbezochte pagina’s of anchorlinken binnen pagina’s.

Krijg inzicht in scroldiepte op pagina’s om de indeling op te baseren. Dit kan met een ‘scrollmap’.

Vergelijkbaarheid

Benoem dezelfde eigenschappen per tegel, in dezelfde volgorde en op dezelfde rij uitgelijnd. Toon de inbegrepen eigenschappen per keuze, en evt. welke eigenschappen niet. Gebruik visuele ondersteuning om de volledigheid van het pakket te ondersteunen. Communiceer de gebruikersdoeleinden per optie voor persoonlijke sturing.

Scanbaarheid

Zet de belangrijkste keywords en kernboodschap bovenaan, bondig.

Werk daarna met bullets, accordions, overlays en/of doorlinken. Houd informatie ten alle tijden behapbaar. Speel in op het doel van de pagina (‘transitiepagina’ vs. ‘bestemmingspagina’). Toon enkel wat hier essentieel is. Optimaliseer copywriting met korte, heldere zinnen die makkelijk te scannen zijn. Vermijd ruis en houd het bondig.

Segmentatie

Segmenteer verschillende onderdelen op een pagina, in visualisatie (bijv. achtergrondkleur) en met koppen. Groepeer bij elkaar horende informatie tot een duidelijk geheel, voorkom versnippering. Een in-page menu kan helpen om bij elkaar horende informatie te groeperen en lang scrollen te voorkomen.

WUA B.V. | Herengracht 252 | 1016 BV Amsterdam | info@wua.cx | +31 (0) 20 531 97 10

De klantreis centraal als drijfveer voor digitale groei

Wij stellen digitale teams in staat om te groeien door diepgaand inzicht te geven in de volledige klantreis – zowel die van henzelf als van concurrenten. Onze inzichten geven organisaties strategische helderheid en focus, zodat ze kunnen sturen op de verbeteringen die écht impact maken op conversie en marktaandeel.

Winnen in de markt begint met het begrijpen van de klantreis.

Topmerken zoals Allianz, ABN AMRO, Bol, ING, Google en Suzuki kiezen al vijftien jaar voor WUA als partner voor digitale groei.

De inzichten van WUA geven je:

Een helder beeld van je prestaties over de hele klantreis. Inclusief een directe vergelijking met je concurrenten.

Concrete inzichten gebaseerd op écht klantgedrag.

Strategische input voor je roadmap en prioritering.

Begin je digitale groei hier

Wil je écht weten hoe jouw digitale klantreis presteert?

Wij laten je zien waar je nu klanten verliest én waar je morgen kunt winnen.

Met inzichten die niet alleen richting geven, maar direct resultaat opleveren.

Plan een gesprek

Merel Schouten Digital Research Consultant merel.schouten@wua.cx

Inhoud

10

Wil je je klantbeleving verbeteren?

Ontdek hoe WUA je kan helpen de concurrentie voor te blijven.

Neem contact op