Stap 5 : Navigatiesystemen
Als je bezoekers snel de weg wilt laten vinden op je
website is een goed navigatiesysteem onontbeerlijk.
De verschillende pagina's van de website moeten dus
met elkaar verbonden worden, zodat de bezoeker snel
van het ene naar het andere onderwerp kan gaan. Niets
is immers frustrerender voor een bezoeker dan te weten
dat bepaalde informatie op de website te vinden is,
maar die niet te kunnen terugvinden. Het navigatiesysteem
van een website is te vergelijken met de inhoudsopgave
of het trefwoordenregister van een boek.
Vooraleer je een website bouwt is enig overleg nodig.
Bouw voor jezelf een navigatiemodel op en hou je daaraan.
Een voorbeeld van zo'n navigatiemodel vind je in de
afbeelding hieronder :
De eenvoudigste manier om pagina's met elkaar te verbinden
is gebruik te maken van de zg. hyperlinks. Een hyperlink
is niets anders dan een stukje tekst (meestal in een
andere kleur zodat de bezoeker makkelijk kan zien dat
het om een hyperlink gaat) dat klikbaar is met de muis
en dat je naar een andere pagina brengt.
Zo'n hyperlink is in HTML gemakkelijk te realiseren
via de opdracht
<A HREF="...">Dit is een link</A>
De tekst tussen de A-tags wordt in een andere kleur
weergegeven en als je op die tekst klikt, wordt de hyperlink
uitgevoerd. Hieronder volgt een aantal mogelijkheden
die je met deze tag hebt:
HREF="pagina.htm"
link naar een andere pagina die in dezelfde directory
staat als de pagina waar de link staat
HREF="http://www.site.com"
link naar een andere pagina op Internet
HREF="mailto:naam@site.com"
link naar een e-mail-adres. Dit is bijvoorbeeld gemakkelijk
om op je pagina een link te maken om gebruikers te stimuleren
een e-mailtje te sturen
HREF="geluid.wav"
link naar een geluid. De meest gebruikte formaten
zijn .au, .aif en .wav
HREF="film.mov"
link naar een filmpje. De meest gebruikte formaten
zijn .qt, .mov, .mpg, .mpeg, .mpe en .avi
HREF="#naam"
link naar een andere positie in dezelfde pagina.
De positie wordt aangegeven door <A NAME="naam">
tekst</A>. Het is ook mogelijk zo'n naam achter
een bestandsnaam te zetten. Voorbeeld: <A HREF="pagina.html#naam">
tekst</A>
Met een dergelijk hyperlinksysteem in combinatie met
wat experimenteren met tabellen en frames, kun je hele
navigatiesystemen bouwen. Voorbeelden daarvan zijn de
navigatiesystemen op deze pagina. Met de blauwe knoppen
links (die met hyperlinks met de verschillende pagina's
verbonden zijn) vindt de bezoeker de belangrijkste onderwerpen.
In het keuzelijstje hieronder volgt per onderdeel een
overzicht van de subrubrieken. De informatie die gezocht
wordt is nooit verder dan een muisklik weg. In "Tips
en Trucs" hieronder worden de belangrijkste aandachtspunten
voor een goed navigatiesysteem nog eens opgesomd.
| Tips
& Trucs |
| 1. |
Maak een planning van
je website. Voordat je de verschillende pagina's
gaat maken, moet er een navigatieontwerp zijn en
een schets van de structuur van je pagina's. Sommige
editors zoals FrontPage bieden de mogelijkheid de
navigatiestructuur schematisch te bekijken en geven
een overzicht van alle links. Dat is een goed hulpmiddel. |
| 2. |
Hyperlinks moeten dadelijk
herkend kunnen worden. Zorg er dus voor dat ze liefst
onderstreept en in een andere kleur staan dan de
basistekst. Onderstrepen is nuttig, omdat links
die op een zwartwitmonitor weergegeven worden anders
niet herkenbaar zijn. |
| 3. |
Maak gebruik van zinvolle
hyperlinkteksten. Vermeldingen als "klik
hier voor meer informatie" zijn
niet geschikt, omdat wanneer een bezoeker oppervlakkig
de pagina bekijkt met het woordje "hier"
niet veel kan beginnen. Daarom is bv. "Klik
hier voor meer informatie" beter. |
| 4. |
Vermijd doodlopende links.
Het moet mogelijk zijn om vanuit elke pagina terug
te gaan naar de startpagina of de bovenliggende
rubriek. Bedenk dat dat niet altijd kan met de knop
"Vorige" van de browser. |
| 5. |
Zorg ervoor dat iedere
pagina via een link te bereiken is. Het gebeurt
nog te vaak dat er pagina's zijn die enkel toevallig
via een zoekrobot kunnen gevonden worden en die
geen hyperlink hebben in de webpagina's. |
| 6. |
Het is een goede gewoonte
op elke pagina de mogelijkheid te bieden de maker
van de pagina te contacteren. Dat kan via een email-hyperlink. |
| 7. |
Een hyperlink naar een
helppagina met tips en zoekmogelijkheden enz. is
onderdeel van een goede website. Voor de meeste
bezoekers is dit een hele hulp en zo'n pagina is
echt niet moeilijk te maken. |
| 8. |
Vooral bij grote websites
is het voor de bezoeker aangenaam als hij een sitemap
of een index krijgt, waarin hij alles kan terugvinden
wat er aangeboden wordt. |
| 9. |
Ook bij grote websites
is het voor regelmatige bezoekers aangenaam wanneer
zij op de introductiepagina een aanduiding krijgen
van de nieuwigheden die de site aanbiedt. Je kunt
daarvoor best een aparte pagina aanmaken, waarop
al die nieuwigheden terug te vinden zijn, samen
met de datum van publicatie op het internet. |
|
