DOELGEORIËNTEERD ONTWERP BRENGT EFFECTIVITEIT NAAR DESIGN

Het is belangrijk dat een website er goed uit ziet. Een goed verzorgde website straalt professionaliteit uit en bezoekers blijven langer op de website actief. Het uiterlijk alleen maakt echter geen goede website. Een website moet ook gebruiksvriendelijk zijn en de bezoekers goed bedienen.

Starten met doelgeoriënteerd ontwerp

Wanneer ik begin met het ontwerpen van een website bestudeer ik eerst de resultaten van mijn scenario en persona onderzoek. Met deze gegevens kan ik zien wie de bezoekers zijn, hoe zij bediend willen worden en wat zij moeten doen om hun doelen te bereiken. Ik zie welke onderdelen zeker opgenomen dienen te worden en welke het belangrijkste zijn.

Met deze gegevens begin ik de homepage te schetsen. Ik maak verschillende blokken, de onderdelen die belangrijker zijn krijgen een groter blok en komen hoger op de pagina te staan. Wanneer ik klaar ben met het schetsen van de homepage pak ik de gegevens van mijn scenario en persona onderzoek en doorloop de schets om te kijken of de bezoekers goed tot hun doelen kunnen komen. Als dat zo is ga ik verder met de andere paginatypes, zoals een productpagina of een contactpagina. Deze schetsen heten wireframes.

De interactiviteit van de website

In het wireframe krijgt alles z'n plekje, maar een website is interactief. Handelingen die de bezoekers doen veranderen de inhoud van de website. Wat wordt er bijvoorbeeld getoond als een bezoeker een formulier succesvol heeft verzonden, of wat als deze z'n e-mailadres niet of onjuist heeft ingevuld? Deze dingen worden omschreven in het functioneel ontwerp. Een uitbreiding van het wireframe met uitleg over de acties die de bezoekers kunnen ondernemen en de gevolgen hiervan voor de bezoeker en de website.

Klaar voor het visueel ontwerp

Nu ik weet wat er moet komen kan ik beginnen met het visueel ontwerp. Een grafische schil om het wireframe heen. Het kan zijn dat ik een blok functionaliteit die in het wireframe links staat in het visueel ontwerp aan de rechterkant van de pagina zet omdat het beter oogt, of omdat het logischer is bij de rest van het ontwerp. Maar de verhouding van de blokken blijft gelijk, want het bedienen van de doelen van de bezoeker blijft ook bij het visueel ontwerp het belangrijkst.

En als het visueel ontwerp dan klaar is, pak ik mijn persona's er weer bij en laat ik ze de scenario's doorlopen. Het blijven testen van mijn ontwerp zorgt er voor dat het uiterlijk de functionaliteit nooit in de weg zal zitten.