Wireframes als fundament: wat is de noodzaak van een wireframe?

24 jan 2012
.
Door: Bram Lucas
No votes yet.
Please wait...

70
(0)

Je moet er niet aan denken om een huis te bouwen zonder bouwtekening. Waar lopen de leidingen, waar komen deuren en ramen en waar staan de muren? Het is ondenkbaar om zonder tekening zomaar wat stenen op elkaar te stapelen. Hetzelfde principe geldt voor het ontwikkelen van websites en applicaties. Daar is ook een ‘bouwtekening’ voor nodig: de wireframes.

Wat zijn wireframes?

Wireframes zijn een visuele functionele weergave van een website of –applicatie. Bij het maken van de wireframes wordt nagedacht over de navigatie, indeling en inhoud van een website. Welke elementen komen er in het menu te staan? Wat valt er onder elk menu? Wat komt er op een pagina te staan? Dit zijn allemaal dingen die duidelijk worden gemaakt in de wireframes. Bij het maken van de wireframes wordt nog geen rekening gehouden met de grafische vormgeving. Het gaat puur om de functionaliteit. Het voordeel van deze manier van werken is dat men hierdoor niet wordt afgeleid van de kerntaak van de website, namelijk informatie overbrengen.

Wanneer wordt gebruik gemaakt van wireframes?

Nadat -in overleg met de klant- de doelstellingen duidelijk zijn, worden deze vertaald in de wireframes. Als de klant akkoord is met de wireframes is wordt begonnen met de grafische vormgeving, en later de technische realisatie van de website. Het is dus de eerste vertaalslag van een idee naar iets visueels.

Verschillende wireframes

Voorbeeld van een wireframe van een nieuwspagina

Communicatiehulpmiddel

Tijdens het hele project worden de wireframes gebruikt als communicatiehulpmiddel. Allereerst naar de klant, later voor de grafisch vormgevers en programmeurs. Voor de klant is duidelijk hoe de indeling van de website eruit komt te zien. Tevens is het mogelijk om wireframes om te zetten
naar prototypes die te gebruiken zijn bij kwalitatief onderzoek zoals bijvoorbeeld usability onderzoek.

Omdat wireframes voor de vormgeving en technische realisatie worden ontwikkeld, is het relatief voordelig om aanpassingen te verrichten aan de website. De hele vormgeving en code hoeft immers niet op de kop worden gegooid, wat aanzienlijk meer tijd kost dan het aanpassen van de wireframes. Daarom is het ook belangrijk om als klant goed naar de wireframes te kijken en te beoordelen of deze voldoen aan de verwachtingen.

De wireframes zijn in het algemeen de eerste visuele uitwerking van een website die de klant krijgt te zien. Samen met de klant worden de wireframes besproken. Meestal volgen er nog een paar aanpassingen op de wireframes voordat deze definitief zijn. Hierna wordt er een “grafisch jasje” over de wireframes gelegd.

Wireframes als communicatiemiddel

Het is makkelijk om aantekeningen te maken

Hoe worden wireframes gemaakt?

Het is mogelijk om wireframes met pen op (ruitjes-)papier te tekenen of op de computer met behulp van programma’s zoals bijvoorbeeld Photoshop, In Design en zelfs PowerPoint. Wij maken gebruik van een speciaal programma op de computer om wireframes in te maken. Uit ervaring weten we dat er vaak aanpassingen plaatsvinden bij het ontwikkelen van de wireframes en dat deze gemakkelijker zijn door te voeren als de wireframes digitaal zijn.

Het programma dat wij gebruiken is speciaal gemaakt voor het ontwikkelen van wireframes. Het voordeel is dat het eenvoudig is om de wireframes om te zetten naar een werkend prototype. Zo kan relatief voordelig een website worden ontworpen en getest nog voordat er veel tijd aan de grafische vormgeving en techniek wordt besteed.

Hoe worden wireframes gemaakt

Een voorbeeld van een programma om wireframes te maken

Wireframes besparen tijd en kosten

Het opstellen van wireframes dwingt de betrokkenen om goed na te denken over de website, wat ervoor zorgt dat veel aanpassingen al in het begin van het project plaatsvinden. Hierdoor zal er een goed fundament worden gebouwd voor het verdere verloop van het project. Het kan zijn dat er later nog aanpassingen volgen, maar deze zullen aanzienlijk minder zijn als er in het begin goed over is nagedacht.

Send this to friend