Vormgeving & design

Een goede verpakking schept de juiste verwachtingen met betrekking tot de inhoud. Als u weet wat u met uw website wilt, wat erop komt en wat de bezoekers kunnen verwachten, kunt u het daarbij passende opmaak (laten) ontwerpen.

Een goede website...

...heeft geen frames (schuifpagina's), behalve als deze echt functioneel zijn (zie bijvoorbeeld www.marktplaats.nl )
...heeft al helemaal geen Flash-intro's, behalve als deze iets toevoegen en heel kort zijn.
...kan op schermresoluties vanaf 800x600 goed bekeken worden. De schermresolutie is een instelling van het beeldscherm van de bezoeker. Het beste websiteontwerp kan zich vloeiend aanpassen aan de verschillende resoluties, een redelijk ontwerp kan zich stapsgewijs aanpassen.
Momenteel (december 2006) heeft een kleine 10% van de bezoekers een beeldschermbreedte van 800 pixels (de rest heeft 1024 of meer). Die wilt u toch ook uw site laten zien?
... doet het op meerdere browsers (Firefox, Opera, Internet Explorer) en onder Linux, Mac en Windows. Als uw webbouwer zich aan de afspraken mbt. de code houdt, opgesteld door het Word Wide Web Consortium, mogen hier geen problemen mee zijn. Internet Explorer is het meest vergevingsgezind voor fouten in de code, als u controleert met Firefox is het vaak - maar niet altijd! - ook in orde voor IE. Browser Opera kan sommige marges anders weergeven dan FF en IE. Er zijn ook verschillen in interpretatie van opmaakcode tussen Firefox 2 en Firefox 3; Firefox 3 is niet altijd 'downwards compatible'.
... heeft altijd tekst die duidelijk afsteekt tegen de achtergrond. Denk daarbij ook aan schermen die kleuren net iets anders laten zien en kleurenblindheid
... heeft zo min mogelijk Javascript, of deze moet heel goed getest zijn. Javascript geeft vroeg of laat foutmeldingen bij een deel van de bezoekers.
... heeft als motto: "mooi is goed maar snel & functioneel is beter!". Zelfs op de homepage van een buitengewoon vernieuwend en orgineel grafisch designbureau wilt u niet te lang wachten, en u wilt dan ook nog meteen de contactgegegevens kunnen vinden. Toch...?

Algemeen:

Het is standaard om het navigatiemenu links of boven te plaatsen. Dit is wat ook uw bezoekers verwachten. Zorg in ieder geval dat uw bezoekers nooit hoeven te zoeken of aanwijzingen moeten lezen ("klik daar om naar .. te gaan").
Een supermooie layout is iets dat meer speelt in directiekamers dan bij de gebruikers. Wel zijn sommige bezoekers meer grafisch ingesteld, en anderen meer textueel.
Een schreefloos lettertype (bv Arial, Helvetica) is op een beeldscherm beter te lezen dan één met schreef (Times New Roman). Gebruik zoveel mogelijk dezelfde fonts.
Als uw organisatie een huisstijl heeft moet deze terugkomen op de website. Maak er een webvriendelijke versie van in plaats van deze één-op-één te kopiëren. Bijvoorbeeld: een felle achtergrondkleur kan goed staan op papier maar op het scherm te sterk overkomen.
Het WWW heeft zelf ook een huisstijl, bijvoorbeeld dat links blauw en onderstreept zijn. Dit zorgt voor herkenbaarheid en gebruiksgemak. Wijk hier alleen met goede redenen vanaf.
Let bij het grafische design op:
- het uitlijnen van de verschillende elementen (een minder strakke uitlijning komt rommelig over)
- het gebruik van contrast (in kleur en vorm) en witruimte om elementen de scheiden of juist duidelijk te maken wat bij elkaar hoort
- bij elkaar passende kleuren
- een goede optische compositie heeft vaak een of enkele blikvangers; datgene waar het oog als vanzelf naar toegetrokken wordt. Dit wordt bepaald door contrast, plaatsing en de horizontale en verticale elementen op een pagina.
- de keuze tussen afgeronde en vierkante elementen heeft ook belangrijke invloed op de look-and-feel van een webpagina.
Het is mogelijk om de homepage (de 'hoofdpagina') net een tikje anders te maken dan de rest van de pagina's; de rest zoveel mogelijk hetzelfde, met herkenbare elementen en scanbare kopjes.
Zorg dat de daadwerkelijke inhoud van een pagina genoeg ruimte krijgt en als 'inhoud' herkenbaar is.

Bij veel webdesignprogramma's en CMS-sen zijn al voorbeeldlayouts ('sjablonen') meegeleverd, vaak zijn die al mooi uitgebalanceerd. Door kleine aanpassingen kan zo'n layout uniek gemaakt worden voor uw organisatie.

Eigen ervaring:

1) Wees niet bang om het grafisch ontwerp uit te besteden als je er zelf niet zoveel aanleg voor hebt. Een professional doet het dan beter en sneller.

2) Maak een ontwerp door:

De gewenste functieblokken (bv. menu, zoekfunctie, organisatielogo, inhoud, reclame, gerelateerde pagina's, actualiteiten) per pagina te definiëren
Schuif met de blokken tot een logisch en esthetische compositie
Vul de pagina aan met meer en minder gecompliceerde grafische elementen
Is het nog steeds logisch en esthetisch? Blijf schuiven en proberen; dit is veel uitproberen.

Dit uitproberen kan met een simpel DTP of presentatieprogramma, zolang u de technische ontwerpbeperkingen die bij Internet horen in uw gedachten houdt. Om achtergrondkleuren te bepalen: kijk meteen hoe de kleur bevalt op grote oppervlakten en met tekst ervoor. Een klein vakje zegt niets.

Laatst bewerkt: 2008-11-15