Layout variatie deel 1: navigatie onderaan

Dit artikel komt uit een serie over variatie in webdesign, waarbij een aantal mogelijkheden worden besproken om net wat meer variatie in je website te brengen.

newpow Layout variatie deel 1: navigatie onderaanAls eerste in de serie een variatie in het ontwerp waarbij de navigatie niet bovenaan of aan de zijkant wordt geplaatst maar onderaan de pagina.

Vanuit een usability oogpunt wordt de navigatie vaak links of bovenaan de pagina geplaatst. De reden hiervoor is dat dit de plaatsen zijn die gebruikers het snelst op zullen merken. De gedachte is dat een gebruiker snel moet kunnen navigeren en niet moet zoeken naar de navigatie.

Je kunt je echter afvragen of het snel navigeren door je website voor je website erg belangrijk is. Is het niet veel waardevoller dat je content opvalt en gelezen wordt? Door je navigatie onderaan te plaatsen leidt je een gebruiker over de hele pagina. Wanneer hij de hele pagina (vluchtig) heeft gelezen komt hij bij de navigatie uit. Deze opzet heeft verschillende voordelen. Ten eerste wordt de gebruiker beloont voor het lezen van de content. Daarnaast is het moment dat een gebruiker onderaan de pagina komt tevens het moment dat hij begint na te denken over zijn volgende stap tijdens het surfen. Wanneer je op dit moment je navigatie aanbiedt biedt je een uitstekende mogelijkheid voor de gebruiker om verder je website in te duiken.

Naast de voordelen heeft deze opzet natuurlijk ook zijn nadelen. Het grootste nadeel is dat je een aantal bezoekers zult irriteren. Mensen willen snel navigeren en dan is het niet leuk om helemaal naar onderen te moeten scrollen. Zeker wanneer je weet waar je heen wilt navigeren. Volgens mij is er dan ook een relatief grote kans dat bezoekers niet naar beneden scrollen om te navigeren maar simpelweg de pagina zullen sluiten. Juist wanneer bezoekers iets minder geïnteresseerd zijn in het onderwerp zal dit voor kunnen komen.

Deze lay-out zou ik persoonlijk gebruiken bij sites waarbij de content erg belangrijk is. Ik kan me voorstellen dat bepaalde weblogs hier gebruik van zullen maken.

Op powazek.com kun je meer lezen over een dergelijk ontwerp en kun je het tevens in actie zien.

Lees ook de andere delen in deze serie

  1. Navigatie onderaan
  2. Bewegende afbeelding
  3. Sfeerafbeelding onderaan de pagina
  4. Drie koloms websites variatie
  5. Horizontale scrollbalk
  6. Easter eggs