Wireframing

Wat zijn wireframes?

Wireframes worden gebruikt voor het uitwerken van een customer journey. Wireframes en prototypes hebben ieder hun eigen doel, maar dragen uiteindelijk allebei bij aan een betere gebruikerservaring. Wireframes zijn vergelijkbaar met de bouwtekeningen van een huis. Zonder invloed van design wordt een opzet voor een website, applicatie of pagina uitgedacht. Het proces van wireframing is waardevol voor elke website; het dwingt je om na te denken over de conversie, usability en indeling van de website.

Bij een wireframe staan vooral de volgende vragen centraal:

• Structuur: wat is de structuur van de website, hoe verhouden de pagina’s zich tot elkaar?
• Navigatie: hoe is de navigatie tussen pagina’s en op een pagina zelf?
• Functionaliteit: welke elementen voegen we toe?
• Lay-out: hoe worden elementen op een pagina gerangschikt?

In een wireframe krijgen alle functionaliteiten en elementen een plek zonder dat je wordt afgeleid door de vormgeving. De focus ligt op wat het scherm doet, niet hoe het eruitziet.

Waarom wireframes?

• Klant ziet zijn idee uitgewerkt worden in een concreet plan en kan hier beter feedback op geven.
• Uittekenen van wireframes dwingt alle partijen in een vroeg stadium na te denken over de structuur van de website.
• Focus ligt op structuur, functionaliteiten en navigatie. Zonder afleiding van het design.
• Feedback is makkelijker te verwerken dan bij een uitgewerkt webdesign of prototype. Dit scheelt dure en ingewikkelde aanpassingen tijdens het ontwerpen van de website.
• Inzichtelijk welke elementen en functionaliteiten op meerdere plekken terugkeren, zodat je ze kunt hergebruiken.

Door het uitwerken van wireframes bespaar je tijd, geld en een hoop onnodige frustraties. Wireframing is ideaal voor de strategische keuzes aan het begin van een project en een goede manier om alle neuzen dezelfde kant op te krijgen.

Wireframes uitwerken tot prototypes

Afhankelijk van de klant kan er gekozen worden om de wireframes uit te werken tot prototype. Een prototype wordt vooral ingezet bij complexe websites of applicaties en is een klikbaar en interactief design van het eindproduct.

Een prototype is een demo van het eindproduct en laat zien hoe de website eruit komt te zien. Wat is het doel van een prototype? Met een prototype kun je het eindproduct demonstreren, ervaren en testen. Op deze manier kun je nog feedback verzamelen voordat gestart wordt met het ontwerpen.