Tips bij het vormgeven van je site
Een gastartikel van Jof Neuhaus – illustrator en eigenaar van joah.nl – over het vormgeven van je website.
Denken in rechthoekjes: standaard maar toch origineel
Html pagina’s worden door de browser opgebouwd in blokjes. Dit zijn altijd rechthoeken: bijvoorbeeld de div of table tags. Een browser begint linksboven eindigt rechtsonder. Door deze manier van werken krijgen de meeste sites ook snel het karakter van een berg gestapelde blokjes. Dit is niet erg, maar het kan zijn dat je juist ronde of golvende vormen wilt gebruiken in je ontwerp. Om dit te bewerkstelligen kun je gebruik maken van achtergrondplaatjes met ronde vormen. Ook kun je onderdelen afzonderlijk positioneren met verschillende marges of met absolute coördinaten. Maar blijf echter altijd denken in blokjes! Wanneer je net zo denkt als je browser, zie je eventuele technische obstakels sneller aankomen.
Onbekend maakt onbemind
Hoe saai dat ook klinkt; het is waar. De gemiddelde surfer kijkt in één oogopslag of de site biedt waar hij of zij naar op zoek is, en zo niet dan is hij/zij binnen 5 seconden weer vertrokken. Hierbij wordt niet alleen op inhoud gescand, maar zeker ook op een begrijpelijke interface. Wanneer je een al te afwijkende manier van navigeren hebt bedacht zullen de meeste bezoekers er simpelweg van weglopen.

Afb. Boomstrucuur
Dat betekent dus dat je er goed aan doet om je navigatie in te richten volgens de bij iedereen bekende boomstructuur. Daarnaast verwachten de meeste bezoekers het navigatieblok ook links- of rechtsboven, of als een horizontale balk bovenin. Zet je het op een andere plek, dan moeten bezoekers gaan zoeken. Uitzonderingen op de regel zijn sites waarbij het juist gaat om een afwijkend karakter, zoals kunstzinnige sites. Vaak zijn sites van kunstenaars, vormgevers of illustratoren enigszins afwijkend.
Geplaatst op 13.11.07 | Tinyurl: http://tinyurl.com/bme33t | 2 reacties
Tags: ontwerp, opzet, photoshop, programmeren, vormgeving | Categorie: ontwerp