ONTWERP
Het ontwerp is een belangrijk onderdeel in de ontwikkeling van een website, maar de andere onderdelen mogen niet overgeslagen worden om een website te ontwikkelen die zijn doelen haalt! Het ontwerp proces begint altijd met het bestuderen van de beschikbare informatie, zoals de briefing, concurrentie, de geformuleerde doelen en doelgroep(en), scenario's en de informatiestructuur.
WIREFRAME
In de vorige onderdelen heb ik een informatiestructuur en navigatiestructuur uitgelegd. Maar hoe moet dit toegepast worden in een project? Een wireframe (functioneel ontwerp) is een visueel hulpmiddel bij het ontwikkelen van je website. Een wireframe kan gezien worden als de bouwtekening van een website. Hierin wordt een overzicht gegeven van alle verschillende onderdelen die op een pagina aanwezig zullen zijn, zonder gebruik te maken van een grafisch ontwerp. Het gaat dus puur om de inhoud en niet om het grafische aspect!
Het handige van wireframes is dat je snel het concept kunt bespreken, niet alleen om te kijken of het idee goed is uitgewerkt, maar ook of het op het gebied van gebruiksvriendelijkheid goed in elkaar zit. Begrijpt de bezoeker hoe de website in elkaar zit? Wireframes zijn eenvoudig aan te passen in een werkend prototype. Met dit prototype kan de hele website al doorlopen en getest worden voordat het concept wordt uitgewerkt in een grafisch ontwerp.
Belangrijk bij een wireframe:
- Er moet vanuit de bezoeker gedacht worden, welke stappen neemt een bezoeker?
- Veel te lange pagina's met teveel tekst moeten voorkomen worden
- Uitzonderingen moeten voorkomen worden. De manier van navigeren moet consequent worden doorgevoerd in de hele website
- Er moeten op verschillende pagina's meerdere ingangen naar informatie aangeboden worden
- Er moeten meerdere scenario's en oplossingen bedacht worden
KOSTEN BESPAREN
Mijn ervaring is dat het altijd verstandig is om eerst wireframes te maken. Vaak wordt gedacht dat dit extra kosten met zich meebrengt, maar uiteindelijk bespaart het een hoop tijd (en dus kosten). Op het moment dat de wireframes zijn goedgekeurd, wordt gestart met het grafische ontwerp. Een wireframe wordt als basis gebruikt voor het design. Het scheelt een hoop werk als er niet constant designs aangepast hoeven te worden, omdat er in het begin niet goed is nagedacht over wensen en eisen. Natuurlijk is het niet uitgesloten dat er geen aanpassingen meer kunnen zijn, maar het aantal aanpassingen zal zeker afnemen.