Waarom uw website een boom is en niet een maïsveld
Hoe navigeerbaar is uw site? En hoe doseert u het informatieaanbod van uw pagina's voor uw bezoekers?
Geplaatst op dinsdag 26 februari 2008
Naar schatting waren er in januari wereldwijd ruim 150 miljoen websites, waarvan ongeveer éénderde actief wordt onderhouden. Een indrukwekkend aantal nietwaar? Als we het totaal aantal pagina's op het internet zouden berekenen, kom je op een getal uit dat al helemaal niet meer te bevatten valt. En toch weten u en ik de weg op het wereldwijde web aardig te vinden.
Hoe zit het met de navigeerbaarheid van uw eigen website?
Denken in hokjes
Bij het ontwikkelen en onderhouden van uw website is er vast een schat aan informatie waarover u wilt vertellen. Wat we niet mogen vergeten is dat bezoekers zelden geïnteresseerd zijn alles te weten te komen over uw bedrijf of organisatie: ze zullen uw site niet 'uitlezen' als een boek.
In plaats hiervan wil de bezoeker een selectie maken uit wat voor hem relevant is. Om zijn aandacht vast te houden, moeten we hem zo veel mogelijk helpen bij het maken van keuzes.
Een logische vraag bij het maken van een website is "Wat gaan we er op zetten?". Een vraag die minder vaak wordt gesteld is "Voor wie maken we de site?" en "Hoe vinden deze mensen zo makkelijk mogelijk waar ze naar op zoek waren?"
Waar de eerste vraagstelling waarschijnlijk een lijst met onderwerpen/thema's zal opleveren, zorgen de twee vervolgvragen er voor dat we van alle informatie die op de website moet komen, een logisch geheel maken.
Van algemeen naar specifiek
Een bezoeker die op uw website komt, zal binnenkomen op de homepage of een willekeurige andere pagina. Het is belangrijk om hem navigatiemiddelen aan te bieden die hem helpen op de juiste plaats(en) uit te komen, ook als men nog niet precies weet waar men naar op zoek is. Het is van belang dat uw bezoeker kan 'ruiken' waar hij allemaal op moet klikken om op de juiste plaats terecht te komen.
Omdat u veel te vertellen hebt aan verschillende soorten bezoekers is het beter om de navigatie te doseren en hiërarchische onderscheiden te maken, dan een lange lijst met al uw pagina's te hanteren als navigatie.
Voorbeeld
Om dit wat concreter te maken geef ik even een voorbeeld. We gaan uit van een loodgietersbedrijf dat een nieuwe website wil opzetten. Tijdens een brainstormsessie over wat er op de website moet komen, ontstaat de volgende lijst met punten die zeker niet mogen ontbreken:
- Informatie over het bedrijf (bedrijfsprofiel)
- Iets over de werkwijze
- Informatie over de ontstaansgeschiedenis van het bedrijf
- Een korte introductie van de medewerkers
- De specialisatie in de aanleg van centrale verwarming
- Het aanleggen en vernieuwen van leidingen en sanitair
- Het 24-uursservice abonnement
- Iets over het aanleggen van vloerverwarming
- Een lijst met referenties
- Enkele recente projecten
- Een vacature voor de functie van installateur
- De contactgegevens
- Een contactformulier
- Mogelijkheid tot online offerte aanvragen
Het moge duidelijk zijn, dit is een hele waslijst. Nu zou je voor elk punt een aparte pagina kunnen maken met een navigatiebalk waar elke pagina in wordt vernoemd (bijvoorbeeld met het vet gedrukte als omschrijving). Maar zullen bezoekers makkelijk kunnen kiezen uit deze veertien opties?
In plaats hiervan is het beter om het aantal keuzes te beperken. De makkelijkste manier is het groeperen van dingen die hetzelfde zijn. We kunnen dan een hoofdnavigatie maken met een beperkt aantal keuzes, met daaronder alle relevante informatie.
In het geval van het loodgietersbedrijf levert dat bijvoorbeeld deze indeling op:
- Beginpagina
- Diensten
- CV-installatie
- Leidingen en sanitair
- Vloerverwarming
- 24-uursservice
- Referenties
- Klantenlijst
- Overzicht recente projecten
- Het bedrijf
- Profiel
- Werkwijze
- Geschiedenis
- Medewerkers
- Vacatures
- Contact
- Adresgegevens
- Contactformulier
- Offerte aanvragen
Van een onoverzichtelijk maïsveld hebben we nu een boom gemaakt met logische vertakkingen.
Nu we deze indeling hebben gecreëerd, kunnen we een hoofdnavigatie maken die standaard vijf keuzes heeft. Zodra je op één van deze linkjes klikt krijg je algemene informatie voorgeschoteld plus de mogelijkheid om door te klikken naar één van de subpagina's met onderliggende informatie.
Je zult zien dat de website van Smeding Concepts ook vanuit deze filosofie is opgebouwd: Het is niet erg als informatie niet in één muisklik bereikt kan worden, zolang het maar een logisch geheel is en de structuur helder is voor iemand die voor het eerst de site bezoekt.
Belangrijke aandachtspunten als u uw maïsveld verandert in een boom
- Probeer rekening te houden met verschillende invalshoeken van bezoekers.
- Houd het aantal keuzes per niveau beperkt. Vijf is een mooi aantal, 7 of 8 kan nog net.
- Als dit aantal groter wordt is het vaak beter de indeling nog een laag dieper te maken.
- Zorg dat elke pagina zijn plekje in de boomstructuur heeft. Pagina's die los zweven van de navigatie maken uw site minder overzichtelijk en lastiger navigeerbaar.
- Test de indeling uit bij anderen alvorens deze definitief vast te leggen.
Lees ook deze gerelateerde artikelen
- Eye Wish Groeneveld jaagt op kleine lettertjes
- Flash in websites: Wanneer wel, wanneer niet
- Websites scoren gemiddeld voldoende
- Facebook spreekt een andere taal dan zijn gebruikers
- Controleer formuliergegevens met mate
- Welke lettertypes kun je gebruiken in websites?
Reacties bij dit artikel
Plaats je reactie bij dit artikel
Omdat dit artikel meer dan een jaar oud is, is het niet meer mogelijk om te reageren.
Goed verhaal