Een bezoeker die niet weet waar hij is of niet vindt wat hij zoekt, is binnen een paar klikken weg. Achter een site waar je moeiteloos je weg vindt, zit een doordachte indeling: welke pagina's er zijn, hoe ze samenhangen en hoe het menu is opgebouwd. Dat heet informatiearchitectuur, het skelet onder je website. In deze gids leg ik uit hoe je je pagina's en menu's zo ordent dat bezoekers altijd weten waar ze zijn, hoe je voorkomt dat mensen verdwalen en waarom je daarbij vanuit de bezoeker hoort te denken en niet vanuit je eigen bedrijf.
Wat is informatiearchitectuur?
Informatiearchitectuur is de manier waarop je de inhoud van je site ordent. Welke pagina's er zijn, hoe ze onder elkaar hangen, wat in het hoofdmenu staat en wat een laag dieper: dat samen vormt de structuur. Een bezoeker ziet die structuur niet als losse laag, maar merkt hem in alles.
Je kunt het vergelijken met de indeling van een winkel. Liggen de spullen op logische plekken, dan vind je alles vanzelf. Staat alles door elkaar, dan loop je vastgelopen weer naar buiten. Een goede indeling is daarom de basis onder een prettige ervaring, zoals ik beschrijf in de gids over UX-design.
Waarom een logische indeling telt
Als mensen niet snel vinden wat ze zoeken, geven ze het op. Niet omdat de informatie er niet is, maar omdat ze hem niet kunnen vinden. Een onlogische indeling kost je dus bezoekers die je eigenlijk al binnen had.
Een heldere structuur doet het tegenovergestelde: ze leidt mensen rustig naar wat ze nodig hebben en naar de stap die je wilt dat ze zetten. Dat helpt niet alleen de bezoeker, maar ook je vindbaarheid, want zoekmachines begrijpen een logisch opgebouwde site beter. Hoe je die route naar contact opbouwt, lees je in de gids over conversiegericht ontwerp.
Indelen vanuit de bezoeker
De grootste valkuil is je site indelen zoals je bedrijf in elkaar zit. Maar een bezoeker denkt niet in jouw afdelingen of interne termen, hij denkt in zijn eigen vragen.
- Wat zoekt iemand? Orden je pagina's naar de vragen en behoeften van je bezoeker, niet naar je organigram.
- Welke woorden gebruikt hij? Noem pagina's zoals je klant ze zou noemen, niet met vaktermen die alleen jij begrijpt.
- In welke volgorde? Zet de informatie die mensen het meest zoeken vooraan en bovenaan.
Door eerst deze vragen te beantwoorden, ontstaat een indeling die voor de bezoeker vanzelfsprekend voelt. Die keuzes onderbouw je het best vanuit doel en doelgroep, in plaats van vanuit je eigen voorkeur.
Een bezoeker zoekt niet in jouw afdelingen. Hij zoekt in zijn eigen vragen, dus daar hoort je indeling op aan te sluiten.
Een menu dat houvast geeft
Het menu is voor de meeste bezoekers het kompas op je site. Een goed menu maakt in één oogopslag duidelijk wat er te vinden is en waar je bent.
Houd het beperkt
Vijf tot zeven hoofditems is voor de meeste sites prettig. Te veel keuzes overweldigen, dus groepeer liever onder een paar duidelijke kopjes. Hoe je verschillende menustructuren tegen elkaar afweegt, lees je in de blog over navigatie en menu.
Gebruik duidelijke namen
Een menu-item moet meteen zeggen wat erachter zit. Creatieve namen mogen leuk lijken, maar laten de bezoeker raden, en raden kost vertrouwen.
Laat zien waar iemand is
Broodkruimels en een actief gemarkeerd menu-item helpen mensen om hun plek te bepalen. Wie weet waar hij is, durft verder te klikken zonder bang te zijn te verdwalen.
Veelvoorkomende valkuilen
De meeste structuurproblemen ontstaan doordat een site vanuit het bedrijf is bedacht in plaats van vanuit de bezoeker. Een paar valkuilen die ik vaak tegenkom:
Te veel niveaus
Als iemand vier keer moet klikken om bij een pagina te komen, raakt hij onderweg de weg kwijt. Houd belangrijke informatie dicht bij de oppervlakte.
Vage of dubbele namen
Twee menu-items die bijna hetzelfde lijken te betekenen, dwingen de bezoeker tot gokken. Elke titel hoort iets unieks en duidelijks aan te kondigen.
Een site die ongemerkt uit de pas groeit
Pagina's die er in de loop van de tijd bijkomen zonder plek in de structuur, maken een site rommelig. Hoe je dat voorkomt naarmate je site groeit, lees je in de gids over een designsysteem opzetten.
Zelf doen of uitbesteden?
De basis kun je zelf leggen. Schrijf op welke pagina's je site heeft, groepeer ze naar de vragen van je bezoeker en bedenk een menu met duidelijke namen. Laat iemand anders een taak proberen, zoals je contactgegevens vinden, en kijk waar hij aarzelt. Die test legt de zwakke plekken vaak zo bloot.
Wordt je website groter of complexer, dan loont het om de indeling door iemand te laten opzetten die gewend is vanuit de bezoeker te denken. Niet omdat je zelf geen pagina's kunt ordenen, maar omdat een structuur die voor iedereen klopt vol keuzes zit die je vanuit je eigen bedrijf makkelijk anders ziet. Wil je weten wat dat voor jouw site betekent? Bekijk dan de webdesign op maat of leg me je vraag voor via de contactpagina.
Veelgestelde vragen
Informatiearchitectuur is de manier waarop je de inhoud van je site indeelt en ordent: welke pagina's er zijn, hoe ze samenhangen en hoe het menu is opgebouwd. Het is het skelet onder je website. Een bezoeker ziet het niet als zodanig, maar merkt het meteen als hij moeiteloos vindt wat hij zoekt.
Hoe minder, hoe beter, zolang alles vindbaar blijft. Vijf tot zeven hoofditems is voor de meeste bedrijfssites prettig. Heb je veel inhoud, dan groepeer je die liever onder een paar duidelijke kopjes dan dat je tien losse items naast elkaar zet, want dat overweldigt een bezoeker.
Liever niet. Een bezoeker denkt in zijn eigen vragen, niet in jouw afdelingen of interne termen. Deel je site daarom in naar wat mensen zoeken en de woorden die zij gebruiken. Een logische volgorde voor de bezoeker is bijna nooit hetzelfde als je organigram.
Dat kan, al vraagt het wat zorg om je vindbaarheid niet te schaden. We brengen eerst in kaart welke pagina's er zijn en hoe bezoekers ze gebruiken, ordenen ze opnieuw en zorgen dat oude links netjes doorverwijzen. Ik reken daarvoor een projectprijs op maat, zodat je vooraf weet wat het kost.
Verder in de kennisbank: UX-design: een site die prettig werkt · Conversiegericht ontwerp: van bezoeker naar aanvraag · Webdesign: de complete gids