Kunnen jouw bezoekers makkelijk vinden wat ze zoeken?
Chris Vermeulen |
2010-03-06
Helaas komt het maar al te vaak voor dat bezoekers op een website terechtkomen en vervolgens geen idee hebben hoe ze de informatie kunnen vinden waarnaar ze op zoek zijn.
De homepage gaat meestal over hoe geweldig het bedrijf is (en niet over hoe de bezoeker geholpen kan worden). Het navigatiemenu is onduidelijk, moeilijk te vinden of lastig te bedienen. Dus klikken ze maar weer weg, op zoek naar een andere site die misschien wat duidelijker is.
Natuurlijk weten wij ook wel dat jij dit soort fouten niet maakt ;-), maar we gaan toch maar eens wat aandacht besteden aan een goede navigatie op onze sites, zodat onze bezoekers beter hun weg kunnen vinden. Doe je mee? Hier komen onze tips!
Tip 1: Plaats je menu altijd boven of links van het inhoudsvlak. Andere plekken zijn minder voor de hand liggend. Mensen moeten er dan al echt naar op zoek gaan.
Tip 2: Houd het overzichtelijk. Gebruik duidelijke bewoordingen in je menuknoppen zodat iedereen kan begrijpen wat er achter die menuknop te vinden is. Begin de volgorde altijd met de homepage en eindig met de contactpagina. Plaats je belangrijkste pagina's altijd als eerste.
Zorg dat de menuknoppen goed leesbaar zijn. Het lettertype moet groot genoeg zijn en de kleur van de tekst en de kleur van de knop moeten goed op elkaar afgestemd zijn.
Tip 3: Verdeel je pagina's over het hoofdmenu en de submenu's. De hoofdmenupunten zullen in veel gevallen een soort categorieën zijn, zoals producten of diensten of afdelingen van je bedrijf of organisatie. In de bijpassende submenu's plaats je dan pagina's die over één specifiek product, dienst of onderwerp gaan.
Ga niet meer dan 2 lagen diep, dus een hoofdmenu en een submenu. Geen sub-submenu.
Niet alle pagina's van je site moeten per se in je menustructuur! Soms is het goed om 'verborgen pagina's' te maken die wel iedereen mag zien. Je kunt dan met een link naar zulke pagina's verwijzen vanuit de tekst.
Tip 4: Kies de menusoort die bij je past. Heb je het menu boven aan je site staan, dan is een dropdownmenu voor de hand liggend. Zorg dan wel dat het goed aansluit bij het hoofdmenupunt en dat het lang genoeg blijft staan om met je muis van het hoofdmenu naar het submenu te gaan. Zorg ook altijd dat het eerste submenu-item hetzelfde is als het hoofdmenu-item, want mensen hebben niet altijd door dat ze op het hoofdmenu kunnen klikken.
Als je een verticaal menu hebt, dan kun je ervoor kiezen om de submenu's tussen de hoofdmenupunten te tonen. Het nadeel daarvan is dat mensen eerst op een hoofdmenupunt moeten klikken en dat daarna pas het submenu verschijnt.
Tip 5: Geef aan waar de bezoeker op dit moment is. Dit kun je op verschillende manieren doen, afhankelijk van de gekozen menustijl. Je kunt een aangeklikte hoofd- of submenuknop een andere kleur of een schaduweffect geven of de tekst in de knop bold maken of zo. In elk geval iets visueels waaruit blijkt: je bent nu op deze pagina.
Een andere manier om aan te geven waar je bent is gebruik te maken van breadcrumbs. Dat lijkt op wat er in de navigatiebalk van Windows Verkenner staat wanneer je naar een bepaald document gaat dat in een bepaald mapje in een mapje in een mapje staat op je harde schijf. Je ziet dan precies hoe je daar gekomen bent. Deze techniek wordt vaak gebruikt bij websites die zeer veel pagina's hebben. Wil je hier meer over weten, klik dan hier.
Tip 6: Gebruik meerdere navigatie-elementen ter ondersteuning van je menustructuur. Er zijn nog vele andere manieren om je bezoekers goed door je site heen te leiden. Hieronder bespreken we er een aantal. Pik er gewoon uit wat voor jou zou kunnen werken.
Sitemap
Maak een pagina op je site waarop je op een overzichtelijke manier alle belangrijke pagina's van je site in één oogopslag laat zien. Je kunt dat doen in de vorm van een boomstructuur, die lijkt op een mappenstructuur. Een voorbeeld daarvan zie je hier. Wij zelf houden ervan om het in categorieën in te delen. Een voorbeeld daarvan zie je hier.
Zoekmachines zoals Google willen graag een ander soort sitemap voorgeschoteld krijgen. Een zogenaamde XML-sitemap. Daar gaan we later in het jaar nog verder op in.
Links in de tekst
Je kunt in je teksten op de juiste momenten naar andere, eventueel verborgen (niet in het menu weergegeven) pagina's linken. Ook is het belangrijk dat je een bezoeker onder aan elke pagina verder leidt naar de volgende stap. Je schrijft een pagina toch altijd met een doel? Sluit dan af met een link naar de bestelpagina, contactpagina, of zet er een contactformulier of inschrijfformulier onder. Dit is belangrijk, omdat mensen onder aan de pagina meestal zo ver gescrolld hebben dat het navigatiemenu buiten beeld is geraakt.
Klikbare afbeeldingen
Het is wel handig als je bedrijfslogo dat in je header staat klikbaar is en naar de homepage gaat. Andere voorbeelden zijn headerblokjes, zoals je in deze site ziet, maar ook afbeeldingen in het inhoudsvlak van je site, zoals een garantiestempel, een bestelknop en dat soort dingen.
Een snelkeuzemenu
Kan handig zijn om de pagina's die jij extra onder de aandacht wilt brengen aan je bezoekers voor te schotelen. Meestal is dit in de vorm van links in de zijbalk. Zoals in de zijbalk van deze site.
Hier is het stappenplan van deze week:
Stap 1: Beoordeel je huidige menustructuur en websitenavigatie
Stap 2: Laat enkele anderen je menustructuur en navigatie beoordelen
Sla deze stap niet over! Anderen hebben vaak een fris nieuw inzicht. Vraag enkele leken om je menu en navigatie op bovenstaande punten te beoordelen.
Stap 3: Verbeter de issues die je ontdekt hebt in stap 1 en 2
Stap 4: Kijk eens of je aanvullende navigatie-elementen kunt toepassen
Heb je al een sitemap? Dat is toch wel een belangrijke pagina die in één oogopslag toont wat je allemaal te bieden hebt op je site. Klikbare afbeeldingen kunnen werken, maar doe het wel smaakvol. Kijk eens wat je kunt doen aan de hand van de ideeën uit het hoofdartikel.
Stap 5: Werk je logboek even bij.
Het is verstandig om een logboek bij te houden waar je alle veranderingen in zet. Meestal leiden die tot een toename in verkopen of bestellingen of inschrijvingen, maar soms kunnen ze ook averechts werken. In beide gevallen moet je het kunnen herleiden naar een aanpassing aan je site, zodat je die kunt aanpassen, tweaken, verbeteren.
SiteCoach is een gratis tool die je hiervoor kunt gebruiken. Klik hier voor meer info over SiteCoach.
Veel succes! Tot volgende week!
Klik hier en reageer ook!
De homepage gaat meestal over hoe geweldig het bedrijf is (en niet over hoe de bezoeker geholpen kan worden). Het navigatiemenu is onduidelijk, moeilijk te vinden of lastig te bedienen. Dus klikken ze maar weer weg, op zoek naar een andere site die misschien wat duidelijker is.
Natuurlijk weten wij ook wel dat jij dit soort fouten niet maakt ;-), maar we gaan toch maar eens wat aandacht besteden aan een goede navigatie op onze sites, zodat onze bezoekers beter hun weg kunnen vinden. Doe je mee? Hier komen onze tips!
Tip 1: Plaats je menu altijd boven of links van het inhoudsvlak. Andere plekken zijn minder voor de hand liggend. Mensen moeten er dan al echt naar op zoek gaan.
Tip 2: Houd het overzichtelijk. Gebruik duidelijke bewoordingen in je menuknoppen zodat iedereen kan begrijpen wat er achter die menuknop te vinden is. Begin de volgorde altijd met de homepage en eindig met de contactpagina. Plaats je belangrijkste pagina's altijd als eerste.
Zorg dat de menuknoppen goed leesbaar zijn. Het lettertype moet groot genoeg zijn en de kleur van de tekst en de kleur van de knop moeten goed op elkaar afgestemd zijn.
Tip 3: Verdeel je pagina's over het hoofdmenu en de submenu's. De hoofdmenupunten zullen in veel gevallen een soort categorieën zijn, zoals producten of diensten of afdelingen van je bedrijf of organisatie. In de bijpassende submenu's plaats je dan pagina's die over één specifiek product, dienst of onderwerp gaan.
Ga niet meer dan 2 lagen diep, dus een hoofdmenu en een submenu. Geen sub-submenu.
Niet alle pagina's van je site moeten per se in je menustructuur! Soms is het goed om 'verborgen pagina's' te maken die wel iedereen mag zien. Je kunt dan met een link naar zulke pagina's verwijzen vanuit de tekst.
Tip 4: Kies de menusoort die bij je past. Heb je het menu boven aan je site staan, dan is een dropdownmenu voor de hand liggend. Zorg dan wel dat het goed aansluit bij het hoofdmenupunt en dat het lang genoeg blijft staan om met je muis van het hoofdmenu naar het submenu te gaan. Zorg ook altijd dat het eerste submenu-item hetzelfde is als het hoofdmenu-item, want mensen hebben niet altijd door dat ze op het hoofdmenu kunnen klikken.
Als je een verticaal menu hebt, dan kun je ervoor kiezen om de submenu's tussen de hoofdmenupunten te tonen. Het nadeel daarvan is dat mensen eerst op een hoofdmenupunt moeten klikken en dat daarna pas het submenu verschijnt.
Tip 5: Geef aan waar de bezoeker op dit moment is. Dit kun je op verschillende manieren doen, afhankelijk van de gekozen menustijl. Je kunt een aangeklikte hoofd- of submenuknop een andere kleur of een schaduweffect geven of de tekst in de knop bold maken of zo. In elk geval iets visueels waaruit blijkt: je bent nu op deze pagina.
Een andere manier om aan te geven waar je bent is gebruik te maken van breadcrumbs. Dat lijkt op wat er in de navigatiebalk van Windows Verkenner staat wanneer je naar een bepaald document gaat dat in een bepaald mapje in een mapje in een mapje staat op je harde schijf. Je ziet dan precies hoe je daar gekomen bent. Deze techniek wordt vaak gebruikt bij websites die zeer veel pagina's hebben. Wil je hier meer over weten, klik dan hier.
Tip 6: Gebruik meerdere navigatie-elementen ter ondersteuning van je menustructuur. Er zijn nog vele andere manieren om je bezoekers goed door je site heen te leiden. Hieronder bespreken we er een aantal. Pik er gewoon uit wat voor jou zou kunnen werken.
Sitemap
Maak een pagina op je site waarop je op een overzichtelijke manier alle belangrijke pagina's van je site in één oogopslag laat zien. Je kunt dat doen in de vorm van een boomstructuur, die lijkt op een mappenstructuur. Een voorbeeld daarvan zie je hier. Wij zelf houden ervan om het in categorieën in te delen. Een voorbeeld daarvan zie je hier.
Zoekmachines zoals Google willen graag een ander soort sitemap voorgeschoteld krijgen. Een zogenaamde XML-sitemap. Daar gaan we later in het jaar nog verder op in.
Links in de tekst
Je kunt in je teksten op de juiste momenten naar andere, eventueel verborgen (niet in het menu weergegeven) pagina's linken. Ook is het belangrijk dat je een bezoeker onder aan elke pagina verder leidt naar de volgende stap. Je schrijft een pagina toch altijd met een doel? Sluit dan af met een link naar de bestelpagina, contactpagina, of zet er een contactformulier of inschrijfformulier onder. Dit is belangrijk, omdat mensen onder aan de pagina meestal zo ver gescrolld hebben dat het navigatiemenu buiten beeld is geraakt.
Klikbare afbeeldingen
Het is wel handig als je bedrijfslogo dat in je header staat klikbaar is en naar de homepage gaat. Andere voorbeelden zijn headerblokjes, zoals je in deze site ziet, maar ook afbeeldingen in het inhoudsvlak van je site, zoals een garantiestempel, een bestelknop en dat soort dingen.
Een snelkeuzemenu
Kan handig zijn om de pagina's die jij extra onder de aandacht wilt brengen aan je bezoekers voor te schotelen. Meestal is dit in de vorm van links in de zijbalk. Zoals in de zijbalk van deze site.
Hier is het stappenplan van deze week:
Stap 1: Beoordeel je huidige menustructuur en websitenavigatie
- Is het menu makkelijk te vinden? Staat het op een logische plek?
- Is het menu goed leesbaar? Zijn de letters groot en duidelijk genoeg?
- Is het menu makkelijk te gebruiken en zijn de overgangen naar de submenu's soepel en goed?
- Is het menu makkelijk te begrijpen? Dekken de woorden de lading van wat erachter ligt?
- Is het voor je bezoekers visueel zichtbaar op welke pagina ze zijn als ze ergens op geklikt hebben?
- Is het voor je bezoekers duidelijk hoe ze eventuele aanvullende navigatie-elementen moeten gebruiken?
- Begeleid je je bezoekers onder aan elke pagina naar de volgende stap of zijn het doodlopende straatjes?
Stap 2: Laat enkele anderen je menustructuur en navigatie beoordelen
Sla deze stap niet over! Anderen hebben vaak een fris nieuw inzicht. Vraag enkele leken om je menu en navigatie op bovenstaande punten te beoordelen.
Stap 3: Verbeter de issues die je ontdekt hebt in stap 1 en 2
Stap 4: Kijk eens of je aanvullende navigatie-elementen kunt toepassen
Heb je al een sitemap? Dat is toch wel een belangrijke pagina die in één oogopslag toont wat je allemaal te bieden hebt op je site. Klikbare afbeeldingen kunnen werken, maar doe het wel smaakvol. Kijk eens wat je kunt doen aan de hand van de ideeën uit het hoofdartikel.
Stap 5: Werk je logboek even bij.
Het is verstandig om een logboek bij te houden waar je alle veranderingen in zet. Meestal leiden die tot een toename in verkopen of bestellingen of inschrijvingen, maar soms kunnen ze ook averechts werken. In beide gevallen moet je het kunnen herleiden naar een aanpassing aan je site, zodat je die kunt aanpassen, tweaken, verbeteren.
SiteCoach is een gratis tool die je hiervoor kunt gebruiken. Klik hier voor meer info over SiteCoach.
Veel succes! Tot volgende week!
Er zijn 1 reacties.
Klik hier en reageer ook!
Reacties:
1
4-3-2010 23:12
Robert Heessels
Heb je er weleens bij stil gestaan dat de bezoekers van je site misschien behoorlijk moeten zoeken naar de juiste pagina voor ze vinden waar ze naar op zoek zijn? Soms hebben we een soort bedrijfsblindheid, waardoor we het gewoon niet zien. Laten we hier eens van gedachten wisselen hierover. Heb je ervaringen hiermee? Dat je ogen eens geopend zijn voor iets wat je al een tijd fout deed en wat merkbaar verschil maakte toen je het veranderde?
Ook als je een vraag hebt, gooi het in de groep!
Klik hier en reageer ook!
