Websites Nieuwe websiteIndelingen voor websites


Pagina-indelingen voor Websites

Over deze informatie

Een van de keuzes die met een nieuwe website wordt gemaakt is de indeling van de webpagina's.
Op deze informatiepagina leest je over de basis achter een indeling, keuzemogelijkheden en
de overwegingen die daarin een rol spelen. Voorbeelden van indelingen vindt je onderaan de pagina.

Informatie over andere ontwerp-keuzes vindt je op de pagina's over kleurgebruik en over lettertypes.

De basis

De basis van indelingen is makkelijk; achter elke webpagina zit een model van rechthoeken en vierkanten. Verdeeld als kolommen en blokken dienen ze als 'houder' voor verschillende soorten inhoud. Niet alleen informatie maar ook functies zoals een menu of stijl-inhoud zoals een logo.

De essentie

De kern van een indeling is de informatie die in de blokken wordt geplaatst.
Tijdens het schuiven met blokken en kolommen is het handig om in het achterhoofd te hebben om welke soorten informatie het gaat. Wat is voor de gebruikers een logische verdeling- en volgorde en hoe is de informatie gerangschikt in belangrijkheid.

Doel

Een belangrijk doel is gemak voor de gebruikers door overzicht en 'vanzelfsprekendheid' in de volgorde.
De kern van een pagina is goed in beeld (iemand hoeft bijvoorbeeld niet eerst te scrollen of door drie alinea's te ploegen voor de essentie duidelijk is ) en de gebruiker kan haast als vanzelf de weg vinden of zelf actie ondernemen.
In jargon heet dit gemak 'intuitief gebruik'.


Soorten inhoud

Vaste Terugkerende onderdelen

Ergens op de pagina's staat-
een hoofd-menu
een vast gedeelte voor de belangrijkste/hoofd- inhoud,
een plek om een logo te plaatsen, een plek voor algemene informatie en misschien
een plaats voor minder urgente informatie die toch op iedere pagina moet staan;
zoals een link naar algemene voorwaarden

Wat kun je -waar zetten?

Houvast en oriëntatie

Hoewel niets een ijzeren wet is verwachten bezoekers dat bepaalde inhoud en
bepaalde soorten informatie op
specifieke lokaties zal staan.
Het is belangrijk om daar rekening mee te houden;
afwijken is geen enkel probleem zolang
het met mate is en konsekwent is doorgevoerd.
Eruit springen is leuk maar de bezoeker mag
niet worden gedwongen om te moeten puzzelen hoe de website is opgebouwd.

Tabel

 Ontwerpers gebruiken bepaalde termen voor de 'blokken' op hun pagina's. De onderstaande tabel toont
 hun naam, de plek op de pagina en het meest voorkomende gebruik/inhoud.

N A A M W A A R G E B R U I K
Header Bovenkant pagina Logo, eventueel een slogan, een 'zoek veld' aan de rechter kant
Menu-bar Onder de header een horizontaal hoofd menu voor hoofdpagina's
Kruimel pad Onder de header; Is er een menu-bar: dan onder de menu bar een horizontaal 'pad' dat aangeeft op welke plek de getoonde webpagina zich in de website bevindt.
Kolommen Keuzes en kombinaties van Links, Midden en Rechts afhankelijk van andere keuzes, zie hieronder
Linkerkolom Aan de linkerkant van het pagina gebied de standaard plek van het hoofdmenu als er geen menu-bar is. Ook koppelingen naar andere websites, specifieke informatie en statistieken, een login mogelikheid.
Rechterkolom Aan de rechterkant van het pagina-gebied De rechterkolom is traditioneel voor promotie-doeleinden maar ook voor extra- of alternatieve inhoud die verbonden is met de hoofd informatie van de pagina.
De top van deze kolom wordt vaak gebruikt voor inloggen
Middenkolom Tussen de rechter en linker kolommen / naast een enkele zijkolom.
De ruimte van de middenkolom kan worden verdeeld in kleinere blokken/kolommen
Zonder zijkolom beslaat de middenkolom de gehele breedte van het pagina-gebied		 De belangrijkste / hoofdinformatie van een bepaalde pagina.
Footer Strekt van links naar rechts onder alle kolommen of enkel onder de middenkolom. Een extra menu met algemene informatie; vaak van juridische aard zoals privacy verklaringen, website gebruik, algemene voorwaarden etcetera. De Footer wordt tevens gebruikt voor informatie over de website zoals copyrights, de naam van de designers en de produktie-datum.


Voorbeelden

Schetsen van de meest basale indelingen.

In de praktijk is de basis altijd een aantal kolommen eventueel met een verschil tussen hoofdpagina's en sub pagina's. klik op een afbeelding om de slideshow te starten.
Onder de geopende afbeeldingen lees je informatie over het voorbeeld.


naar bovenTerug omhoog