ONTWERP

NAVIGATIE

Navigeren is de manier waarop bezoekers door je website heen gaan, waar zij op klikken en wat zij doen. Bijna iedere site heeft een hoofdmenu, maar er zijn andere navigatiemogelijkheden. De ene bezoeker weet precies wat hij zoekt, de andere weet het ongeveer. Ook zijn er vaak meerdere doelgroepen geformuleerd, waardoor het belangrijk is meerdere ingangen naar informatie te hebben:

• Flowchart
• Homepage
• Breadcrumb
• Sitemap

FLOWCHART

Op de pagina informatiestructuur heb ik uitgelegd hoe een goede informatiestructuur gemaakt kan worden. Met de informatiestructuur als basis, gaat de flowchart (stroomdiagram) een stap verder. Een flowchart is een grafische weergave van de navigatiestructuur van je website. Het geeft een schematische voorstelling van hoe de bezoeker door je website kan navigeren en welke stappen de bezoeker tegen kan komen. Een flowchart is de basis voor de verdere uitwerking van je website en zorgt ervoor dat er geen fouten gemaakt worden in de verschillende processen.

Voorbeeld:
We nemen de website van de basisschool voor ons en voor dit voorbeeld gebruik ik de doelgroep 'leerkrachten van de basisschool'. Groep 1 en 2 gaan binnenkort op schoolreisje en de leerkracht wil dit in de agenda plaatsen. Hoe gaat dit in zijn werk? Welke stappen moet de leerkracht doorlopen voordat het item in de agenda wordt opgenomen? De flowchart geeft schematisch weer hoe dit proces in zijn werk gaat.

Bij de navigatie wordt vaak de twee- of drie-klikstrategie gebruikt. Dit betekent dat de bezoeker in twee of drie klikken zijn doel kan bereiken. Met behulp van deze strategie kan een goede navigatiestructuur uitgewerkt worden.

HOMEPAGE

De homepage is de plek op je website om direct belangrijke informatie te plaatsen, acties, aanbiedingen, nieuwe producten of actueel nieuws zijn een aantal voorbeelden. Er moet gezorgd worden dat de homepage interessant genoeg is, zodat bezoekers regelmatig terugkomen. Ook is het handig om 'snelingangen' te maken naar informatie die op je website heel vaak bezocht wordt.

Voorbeeld:
Op de website van de basisschool kun je bijvoorbeeld de agendapunten van de komende week plaatsen, de nieuwste downloads of de contactgegevens.

BREADCRUMB

Een breadcrumb (kruimelpad) zorgt ervoor dat een bezoeker de weg niet kwijtraakt op je website. Vooral bij complexe websites is dit belangrijk! Een breadcrumb toont de bezoeker waar hij zich op dat moment in de sitestructuur bevindt en kan via dit menu navigeren naar hogere niveaus.

Voorbeeld:
Home > Website maken > Ontwerp > Navigatie

SITEMAP

Een sitemap is een pagina op je website waar alle links van je website op staan. In een duidelijke structuur kunnen bezoekers snel inzicht krijgen in de structuur van je website. Het is als het ware de 'inhoudsopgave'. Het is een handig hulpmiddel voor bezoekers en ook belangrijk voor zoekmachines om pagina's van je website te vinden!