Wireframing
Auteur Jelmer Struijs
Wireframes zijn een visueel hulpmiddel bij het ontwikkelen van een website of -applicatie. Ze kunnen gezien worden als de bouwtekening van een website, waarin een overzicht wordt gegeven van de verschillende onderdelen die op een website aanwezig zullen zijn. In de wireframes worden zaken vastgelegd als navigatie, indeling en inhoud, zonder gebruik te maken van een grafisch ontwerp. Het voordeel is dat alleen op de inhoud gefocust wordt en niet op het grafische aspect.
Vanaf het moment dat de doelen van een website bekend zijn kunnen de ideeën in wireframes uitgewerkt worden. Het is goed dat zo vroeg mogelijk in het proces wordt begonnen met een visuele functionele weergave van een website of applicatie, zonder daarbij nog over vormgeving na te denken
Het mooie van wireframing is dat je snel een concept kunt toetsten, niet alleen om te kijken of het idee goed is uitgewerkt, maar ook of het op het gebied van gebruiksvriendelijkheid voldoet. Begrijpt de gebruiker wel hoe de website of applicatie in elkaar zit? In het algemeen zijn wireframes eenvoudig om te zetten in een werkend prototype om zo nog meer data te verzamelen voor het concept te laten uitwerken tot een grafisch ontwerp
Er zijn verschillende manieren om een wireframe te maken. Uiteraard kunnen ze getekend worden tekenen met behulp van pen en papier. Daarnaast zijn er ook een aantal programma’s. Hieronder staan de bekendste programma’s vermeld.
Wireframes zijn een visueel hulpmiddel bij het ontwikkelen van een website of -applicatie. Ze kunnen gezien worden als de bouwtekening van een website, waarin een overzicht wordt gegeven van de verschillende onderdelen die op een website aanwezig zullen zijn. In de wireframes worden zaken vastgelegd als navigatie, indeling en inhoud, zonder gebruik te maken van een grafisch ontwerp. Het voordeel is dat alleen op de inhoud gefocust wordt en niet op het grafische aspect.
Vanaf het moment dat de doelen van een website bekend zijn kunnen de ideeën in wireframes uitgewerkt worden. Het is goed dat zo vroeg mogelijk in het proces wordt begonnen met een visuele functionele weergave van een website of applicatie, zonder daarbij nog over vormgeving na te denken
Het mooie van wireframing is dat je snel een concept kunt toetsten, niet alleen om te kijken of het idee goed is uitgewerkt, maar ook of het op het gebied van gebruiksvriendelijkheid voldoet. Begrijpt de gebruiker wel hoe de website of applicatie in elkaar zit? In het algemeen zijn wireframes eenvoudig om te zetten in een werkend prototype om zo nog meer data te verzamelen voor het concept te laten uitwerken tot een grafisch ontwerp
Er zijn verschillende manieren om een wireframe te maken. Uiteraard kunnen ze getekend worden tekenen met behulp van pen en papier. Daarnaast zijn er ook een aantal programma’s. Hieronder staan de bekendste programma’s vermeld.
- Microsoft Visio
- Microsoft Powerpoint
- Adobe Indesign
- Balsamiq