19.09.2013 Views

Download document - Dialogic

Download document - Dialogic

Download document - Dialogic

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

4.2.7 Vormgeving<br />

Algemene principes<br />

Hou ontwerpen helder en simpel. Vermijd toeters en bellen [V27].<br />

• Ontwerpen is de kunst van het weglaten (43).<br />

• Voorkom rommelige en volle pagina's (1). Elk extra element concurreert om aandacht met de<br />

reeds aanwezige elementen. Hoe meer elementen hoe groter de ruis en hoe minder duidelijk<br />

individuele elementen opvallen (17).<br />

• Elementen in 'dunbevolkte' gebieden op de pagina worden eerder gezocht en sneller gevonden<br />

(1).<br />

• Maak gebruik van rustpunten: iconen, afbeeldingen en headers dienen bij het scannen als<br />

'rustpunten' en als beginpunten.<br />

Een vertrouwde vormgeving (common look & feel) van een website blijkt ook direct effect te<br />

hebben op de functionaliteit van de website<br />

• het maakt de website makkelijker in gebruik, maakt bepaalde werkprocessen inzichtelijker, en<br />

verhoogd daardoor uiteindelijk de efficientie van het gebruik (4).<br />

Zorg voor visuele consistentie, zowel binnen een site als tussen sites van dezelfde organisatie (1)(21)<br />

[V27].<br />

• Bezoekers moeten elke pagina kunnen herkennen als deel van een groter geheel (44).<br />

• Denk daarbij onder andere aan de grootte en type van letters, kleuren die gebruikt worden voor<br />

labels, lettertypes en achtergronden, en de plaats van labels, teksten en afbeeldingen.<br />

o Het gebruik van verschillende maten interactieve elementen (widgets) heeft geen<br />

aantoonbaar negatief effect op de effectiviteit of de voorkeuren van gebruikers (1).<br />

Gebruik geen verschillende manieren om dezelfde soort informatie op een pagina te benadrukken<br />

(1).<br />

Gebruik de juiste manier van nadruk voor de mate van belangrijkheid van een object.<br />

• Er is een natuurlijke rangorde van manieren (1):<br />

1. Beweging is de meest effectieve manier om aandacht te trekken. Het is vrijwel onmogelijk voor<br />

gebruikers om hun ogen van bewegende elementen af te houden. Het nadeel daarvan is dat niet‐<br />

relevante bewegende elementen continue de aandacht van de gebruiker afleiden van de rest van de<br />

informatie op de pagina;<br />

2. Grote objecten, vooral grote afbeeldingen, trekken eerder de aandacht dan kleinere objecten.<br />

Gebruikers fixeren zich eerder en langer op grote objecten. Gebruikers slaan echter snel afbeeldingen<br />

over die ze als louter decoratief of als advertenties beschouwen;<br />

3. Gebruikers kijken eerst naar afbeeldingen, en dan pas naar de begeleidende tekst. In veel gevallen<br />

worden teksten alleen als laatste redmiddel gebruikt, als de afbeelding zelf niet begrepen wordt;<br />

4. Kleur is minder geschikt als methode om aandacht te trekken. Het is wel een belangrijke manier<br />

voor de gebruiker om het relatieve onderlinge belang van objecten of stukken tekst in te kunnen<br />

schatten (1).<br />

Zet elementen aan elkaar zijn gerelateerd (dicht) bij elkaar [V21].<br />

• Gebruikers gaan er van uit dat elementen die dicht bij elkaar staan, conceptueel bij elkaar horen<br />

(1).<br />

• Van tekstgedeelten die dezelfde achtergrondkleur hebben, wordt ook aangenomen dat ze aan<br />

elkaar zijn gerelateerd (1).

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!