Kort gezegd: Een wireframe is een vereenvoudigd ontwerp van de structuur van een scherm zonder definitieve grafische vormgeving. Het dient om hiërarchie, content, bedieningselementen en de volgorde van stappen te controleren.
Hoe ik Wireframes in de praktijk gebruik
Met een Wireframe begin ik bij de taak van de bezoeker, niet bij het idee van de designer. Ik doorloop de klantreis op een klein mobiel apparaat, met een toetsenbord en via een trage verbinding, en observeer vervolgens waar mensen aarzelen of fouten maken. Elke aanpassing moet een reden, een meetbaar signaal en de kleinst mogelijke ingreep hebben, zodat het effect kan worden vastgesteld.
Waar je op moet letten
De meest voorkomende fout is meerdere dingen tegelijk veranderen zonder nulmeting. Dan is het onmogelijk vast te stellen of het Wireframe werkelijk heeft geholpen. Een metriek op zichzelf, zonder observatie, verklaart ook niet waarom mensen aarzelen of vertrekken.
Vragen voor besluitvorming
- Welke taak wil de persoon op de pagina uitvoeren?
- Waar kunnen zij aarzelen, een fout maken of de context verliezen?
- Werkt de oplossing op mobiel, met een toetsenbord en via een traag netwerk?
- Welk signaal laat zien dat de verandering echt heeft geholpen?