Wireframe
Een wireframe toont de structuur van een pagina of scherm. Het helpt de indeling te bespreken zonder een volledige interactie aan te tonen.
Een wireframe is een vereenvoudigde weergave van de structuur van een pagina of scherm. Het kan tonen waar navigatie, inhoud en bedieningselementen staan en welke informatie moet opvallen. Visuele details kunnen bewust beperkt blijven.
Waarvoor de schets volstaat
In een hypothetisch klantenportaal plaatst een wireframe het zoeken naar documenten boven de resultatenlijst. Zo kan de beoogde informatieverdeling worden besproken voordat de details worden ontworpen.
De tekening alleen toont niet hoe de zoekfunctie reageert of waarheen een link leidt. Daarvoor zijn aanvullende beschrijvingen, een verloop of een interactief prototype nodig. Een wireframe is ook geen technische specificatie voor elke schermgrootte en geen bewijs van begrijpelijke bediening.
Bronnen
Verwante begrippen
- GebruikersinterfaceDe gebruikersinterface maakt interactie met een systeem mogelijk. Ook labels, terugkoppeling en reacties op handelingen horen erbij.
- PrototypeEen prototype maakt een ontwerp onderzoekbaar aan de hand van een concrete vraag. Vorm en omvang volgen de onzekerheid die moet worden opgehelderd.
- Interactief prototypeEen interactief prototype reageert op geselecteerde handelingen. Het kan een bedieningsroute tonen zonder de echte verwerking erachter uit te voeren.
- FocusvolgordeDe focusvolgorde bepaalt de route door elementen die focus kunnen krijgen. Ze moet betekenis en bedienbaarheid behouden, ook bij dynamische wijzigingen.
- ToetsenbordvalIn een toetsenbordval blijft de bediening in een gebied steken. Het bewust begrenzen van focus in een dialoog vraagt om een met het toetsenbord bedienbare uitgang.
- SkiplinkEen skiplink springt over herhaalde navigatie heen naar de hoofdinhoud. Ook de volgende toetsenbordstap moet op de juiste plek doorgaan.
Artikelen over dit onderwerp
Design & UX met ASES
Gebruikerservaring, interfaces en merkuitstraling