Waar kan ik heen?

Wanneer je de bezoeker niet meteen kwijt wilt, als de pagina is bekeken of wanneer de pagina niet de juiste informatie bevat, dan moet je ook duidelijk maken waar de bezoeker naar toe kan gaan.

Je hebt 3 manieren om een bezoeker verder te verwijzen:

• hyperlinks
• naviagtiebalken
• zoekopties

Hyperlinks

Op Internet worden alle pagina's met elkaar verbonden door middel van hyperlinks. Een hyperlink (of kortweg link) is een verwijzing (referentie) in bijvoorbeeld een website die de gebruiker kan volgen.

Een hyperlink is meestal is een stukje tekst, maar het kan ook bijvoorbeeld een knop, invulbaar veld, of plek (hot spot) in een afbeelding (image map) zijn.

Een hyperlink kan verwijzen binnen een pagina, naar een andere pagina van dezelfde site of naar een andere website.

Een hyperlink moet altijd snel herkenbaar zijn als hyperlink. Bij een hyperlink in vorm van een tekst zijn de bezoekers gewend aan een blauwe tekst die is onderstreept. Deze hyperlinks worden ook als eerst herkent.  Je hoeft deze vormgeving niet aan te houden. Je kunt met css zelf de opmaak van de links bepalen. Zorg wel dat alle links van de site dezelfde vormgeving hebben en duidelijk herkenbaar zijn. Gebruik de standaard opmaak van een hyperlink nooit voor opmaak van gewone tekst.

Gebruik ook bij voorkeur geen grijstinten voor de tekstlinks. Grijs wordt in programma’s gebruikt voor het gedimd weergeven van menuopties die je niet kunt gebruiken.

Een hyperlink in vorm van een knop of een plaatje moet ook goed herkenbaar zijn. Meestal gebruik je hiervoor een complementaire kleur.

(naar boven)

Navigatiebalken

Navigatiebalken gebruik je om een aantal links te groeperen.

Hyperlinks naar de hoofdonderdelen van de site worden meestal horizontaal boven in de pagina geplaatst. Deze navigatiebalk functioneert dan als hoofd- of site-navigatie. De hoofdnavigatie is op elke pagina van de site hetzelfde.

Heb je meer links nodig, dan kun je deze plaatsen in een verticale subnavigatiebalk. Deze navigatiebalk hoeft niet op elke pagina dezelfde inhoud te hebben. Wel moet de navigatiebalk duidelijk herkenbaar zijn. Het moet “los” staan van de tekst.

Het gebruik van pulldownmenu’s heeft voor- en nadelen.

Het grote voordeel is dat je veel opties kwijt kan. Het nadeel is dat deze opties niet meteen zichtbaar zijn. Ook kun je niet altijd zien waar je bent.

Gebruik voor de tekst in de navigatiebalken en hyperlinks altijd woorden die maar voor één uitleg staan. Vermijd woorden als “klik hier” (waarom?) en “terug” (waarheen?).

Een goed navigatiemenu zorgt er niet alleen voor dat websitebezoekers gemakkelijk door een website heen wandelen, maar zorgt er ook voor dat een website beter vindbaar is.

Waar je allemaal op moet letten bij het ontwerp van de navigatie, staat goed beschreven in het artikel van Ferry den Dopper.

Een goede navigatie Is niet makkelijk om te ontwerpen. Kijk maar aans aan de onderstaande opsomming.

• De navigatie van de website moet simpel, consequent en begrijpbaar zijn voor de bezoeker. 
• Bouw de navigatie overzichtelijk op, met hoofdrubrieken en sub(sub)rubrieken. Wanneer er veel menuitems zijn (meer dan 6 of 7), maak dan een submenu.
• Houd de hoofdnavigatie op alle pagina's hetzelfde.
• Geef een drop-down menu goed aan door een kleine indicatie in het menu item. Dit kan een pijlte zijn of een ander teken.
• Gebruik duidelijke tekst die iets zegt over de inhoud van de link/pagina.
• Zorg ervoor dat het menu leesbaar is voor Google, plaatjes zijn niet zo goed als HTML omdat Google ze niet zo goed kan opnemen.Wanneer je toch plaatjes gebruikt, moeten de afbeeldingen voorzien zijn van het alt-attribut.
• Uit onderzoek is gebleken dat bezoekers een website "scannen" in de vorm van een 'F'. Dat wil zeggen dat de bezoeker bovenaan de pagina begint, dan de linkerzijde bekijkt en uiteindelijk pas naar het midden van het scherm kijkt. Aangezien een navigatiemenu een belangrijk onderdeel van de overzichtelijkheid vormt, dient dit menu dus bij voorkeur bovenaan of aan de linkerzijde van een pagina te staan. Menuplaatsing aan de rechterzijde of onderkant van een pagina levert een risico op tot het missen van het menu en is vanuit het oogpunt van webdesign dus een duidelijke "don't".
• De actieve pagina wordt altijd anders weer gegeven in de navigatiebalk dan de andere pagina’s. Je kunt het item in de navigatieblak een andere voor- of achtergrondkleur geven of op een andere manier benadrukken.
• Maak je website navigatie schaalbaar. Het kan voorkomen dat de structuur nog niet helemaal vaststaat. Hou er rekening mee dat er een menuitem bij kan komen.
• Zet linkjes die om actie van de website bezoeker vragen aan de rechterkant zoals “registreer”, “meld je aan”, “login” en dergelijke.
• Geef je website bezoeker de gelegenheid om te zoeken
  Bij grotere websites zorg je dat de bezoeker kan zoeken.
• De navigatie van je eigen website is bedoeld voor je bezoekers niet voor jezelf. Vermijd dus vakjargon of onduidelijke termen
• Houd menu items kort
  Als een pagina in je website een lange titel heeft en je wilt deze terug laten komen in je website navigatie, neem dan niet de volledige titel op. Twee woorden is meestal genoeg, drie is al vaak teveel.

Ongeveer 23% van de bezoekers scrolt, dus 77% scrolt niet. Vooral oudere en onervaren hebben soms niet eens in de gaten dat er gescrold kan worden. Veel mensen baseren hun eerste indruk van de website zonder te scrollen. 25% van webpagina’s wordt minder dan 4 seconden getoond en 52% minder dan 10 seconden. Dat is kort. Daarom moet de belangrijkst boodschap direct in het zicht staan, dus zonder te scrollen.

Een navigatiebalk of links onder de "vouw" worden dus weinig gebruikt.

Oefening 1

1. Lees het artikel van Ferry den Dopper en bekijk de site van http://www.wehkamp.nl/
2. Welke manier gebruikt de site van Wehkamp om te laten zien waar je bent?
3. Op de homepage van deze site is eigenlijk alles een link. Maak een schema van alle navigatie van de homepage van deze site. Gebruik hierbij de namen die worden gebruikt in het artikel
4. Open de site op mobiel en maak een ook schema van deze navigatie.

(naar boven)

Zoeken

Elke grote site zou eigenlijk een mogelijkheid moeten hebben om te zoeken.

Voor een kleinere site voldoet een sitemap. Een sitemap is een aparte webpagina met links naar alle pagina’s van de site. Je kunt de links alfabetisch of op onderwerp groeperen.

Een zoekoptie bestaat minstens uit een invoerveld met een knop Zoeken. 

(naar boven)