3. Vlakverdeling

Als het goed is heb je tijdens het lezen van het vorige deel al goed nagedacht over de sfeer van jouw website. Waarschijnlijk heb je jezelf dan ook afgevraagd: hoe ga ik elk onderdeel neerzetten? Een goede sfeer heeft een goede opbouw nodig. En dat is wat we nu gaan behandelen. We gaan in dit artikel jouw website vergelijken met een krant, je zult zien dat ze veel raakvlakken hebben!

Net als in de krant is de vlakverdeling van een website superbelangrijk! Een krant heeft vaste rubrieken, en zo hebben de meeste websites ook vaste onderdelen. Je hebt bijvoorbeeld een hoofdmenu, een submenu, laatste nieuws, inhoudvlak, een bovenkant (header) met daarin bedrijfsnaam, logo en slogan en ga zo maar door.

In dit artikel zullen we het hebben over de meest voorkomende vlakverdeling. Uiteraard zijn hier veel varianten op, lees dit artikel en experimenteer er maar op los! :-)

Header met logo evt. aangevuld met slogan
Kijk maar eens rond op het internet, de meeste websites hebben bovenaan een balk, met daarin een sfeerplaat, een logo en de bedrijfsnaam. Als een bedrijf een slogan heeft wordt deze hier ook geplaatst. Deze balk wordt een header genoemd.

Navigatie
Het hoofdmenu wordt vaak links gezet, aan de rand van de website. Een variant hierop is om het hoofdmenu recht onder of boven de header te plaatsen.

Subnavigatie
Soms is het nodig om subnavigatie te gebruiken in een website, dit zijn vaak extra's of gerelateerde onderwerpen. In veel gevallen wordt deze plek ook gebruikt voor het laatste nieuws en aandachttrekkers zoals acties. Verwar dit niet met submenu's, die kunnen het best direct bij het hoofdmenu gebruikt worden.

Inhoud (tekst)
Net als in de krant wordt de belangrijkste informatie in het midden geplaatst. Dit valt dan ook het meest op. Houd ook deze tekst rustig, en maak het niet te druk met allerlei bewegende plaatjes "die er zo tof uitzien". Meer over gebruik van afbeeldingen in een later artikel.

Een gevouwen website?

Stel je eens voor, je staat in een lectuurwinkel en naast de kassa staat een krantenrek. Wat valt je dan als eerste op? Het gedeelte dat je aankijkt natuurlijk, de bovenkant! Een krant is gevouwen waardoor je alleen de bovenkant ziet. Bij een website is dit ook ongeveer zo. Het gedeelte dat je binnen je browser op je scherm ziet als je een pagina opent, heet: first fold, oftewel: eerste vouw! Omdat een pagina in je browser geopend wordt zie je alleen de bovenkant, zeker op monitoren met een lagere resolutie.

Deze informatie is van groot belang voor jou en je bezoekers. Als je deze first fold niet goed benut zul je zeker bezoekers verliezen! Je bezoekers moeten niet eerst naar onder hoeven te scrollen om een beetje informatie te krijgen! Zorg ervoor dat in de first fold duidelijk is wie jij bent en wat je voor je bezoekers kunt betekenen.

Ik wens je heel veel succes met het maken van een goede vlakverdeling!