Webetiquette: navigatiemenu

Een van de belangrijkste en meest voor de hand liggende onderdelen van een website is het navigatiegebied, vaak “menu” of “buttons*” genoemd.

Elke website**, splashpagina’s uitgezonderd, heeft een menustructuur. Deze structuur bevat vaak alle (hoofd)pagina’s van een website. Er zijn een aantal belangrijke factoren die een menu behoeft te omvatten; De (hoofd)pagina’s, eventuele subpagina’s, een duidelijke indeling en een gebruiksvriendelijke werkwijze.

Webiquette en Netiquette

Web-etiquette (ook webiquette genoemd) is een soort van Gentlemen’s Agreement voor websites. Verwant aan de term Netiquette (een soort van gedragscode voor internet) is Web-etiquette een ongeschreven afspraak over het aanbieden van gebruiksvriendelijke websites. Bij voorkeur dient een website zich aan deze afspraak te houden. Een gedeelte van de Web-etiquette is het menu. Het menu dient zich aan een aantal regels te houden.

Hoofdpagina’s

Met hoofdpagina’s worden alle pagina’s bedoelt die niet onder een andere pagina toebehoren. Eigenlijk zijn de hoofdpagina’s de belangrijkste informatiebronnen voor een website. Deze dienen ten alle tijden benaderbaar te zijn vanuit het menu.

Elke bezoeker dient de service te worden geboden om vanuit elke pagina naar een hoofdpagina te navigeren. Daarnaast dienen de hoofdpagina’s in een logische volgorde te zijn gerangschikt.

Een voorbeeld:

  • Welkomspagina (ook wel “Home” of “Homepage” genoemd)
  • Informatiepagina’s in volgorde van belang
  • Contactpagina
  • Voorwaarden of structuurpagina

Subpagina’s

Subpagina’s zijn in feite pagina’s die toebehoren aan een (hoofd)pagina. Subpagina’s gaan vaker meer gedetailleerd in op het onderwerp van een hoofdpagina of zorgen voor een opsplitsing van een door de hoofdpagina aangegeven onderwerp. Bij voorkeur dienen subpagina’s ook ten alle tijden benaderbaar te zijn, met uitzondering van zeer uitgebreide websites, omdat een “overkill” aan menu-items natuurlijk ook geen waarde toevoegt.

Een (uitgewerkt) voorbeeld:

  • Home
  • Wie is [naam van bedrijf]
  • Onze producten
    • Producttype A
    • Producttype B
    • Producttype C
  • Fotooverzicht
  • Contact

Locatie

Als laatste mogen we de plaats of locatie van het menu niet vergeten. Het menu dient een plaats op de website te krijgen die altijd te bereiken is, die de inhoud niet hindert en die gebruiksvriendelijk is. Er zijn feitelijk drie correcte plaatsen voor een menu op een website.

  • Een horizontaal menu aan de bovenzijde
  • Een verticaal menu aan de rechterzijde
  • Een verticaal menu aan de linkerzijde

Uitzonderingen

Er zijn enkele uitzonderingen, of zoals zo mooi gezegd kan worden in het Engels: “Exceptions that prove the rule“. Indien een website een andere taak behoeft te hebben, zoals het imponeren met grafische opmaak of het bieden van zeer interactieve inhoud, kan en mag een website afwijken van de Web-etiquette.  Denk hierbij aan voorbeelden als Flashwebsites. Alhoewel Flash een techniek is die nog niet optimaal wordt ondersteunt door searchengines, kan er met Flash grafisch zeer veel worden bereikt. Let wel; het is de bedoeling dat een website in Flash wordt gemaakt indien de behoefte en noodzaak er uit grafische overwegingen is. Ook de zogeheten splashpagina’s en interactieve websites kunnen van deze regels afwijken.

*Ter info: Buttons is een “foute” term, omdat het vaak iets totaal anders kan betekenen dan de daadwerkelijke navigatie. Een button kan namelijk ook een plek buiten het menu hebben of zelfs totaal niets met het menu te maken hebben.

**Ter info: Nog een foute term voor een website is “webpagina”. Deze term kan eigenlijk alleen worden gebruikt om het over een enkele pagina te hebben, en niet over een gehele website. Het woord website komt uit de Engelse taal en bestaat uit twee woorden: “web” en “site”. Het woord “site” betekent niet meer of minder dan “locatie” en de gehele verzameling van webpagina’s vormen een website.

1 reactie op Webetiquette: navigatiemenu

Reageer

 

 

 

U kunt deze optionele HTML tags gebruiken

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>