Wireframe¶
Een wireframe is een visuele representatie van de structuur en indeling van een website of applicatie. Het is een schematische tekening die de belangrijkste elementen van een interface weergeeft, zoals de lay-out van de pagina, navigatie-elementen en de plaatsing van inhoud. Het doel van een wireframe is om de functionaliteit en gebruikerservaring van een interface te testen en te verfijnen voordat er verdere ontwerp- en ontwikkelingswerkzaamheden plaatsvinden. In principe is het een soort blauwdruk voor een digitale interface.
Voorbeeld van een wireframe
Oefening
Ontwerp een wireframe voor een mobiele app die zorgt dat gebruikers hun dagelijkse waterinname bij kunnen houden. Het Wireframe moet ten minste de volgende elementen bevatten:
- Een startscherm waar gebruikers hun dagelijkse doel kunnen instellen en hun voortgang kunnen bijhouden
- Een scherm waar gebruikers hun dagelijkse waterinname kunnen invoeren en bijwerken
- Een scherm waar gebruikers hun eerdere waterinname kunnen bekijken en hun voortgang kunnen volgen
- Een navigatiemenu waarmee gebruikers tussen de verschillende schermen kunnen schakelen
Het ontwerp hoeft niet gedetailleerd te zijn, maar het moet duidelijk de lay-out en structuur van de app weergeven. Zorg ervoor dat de belangrijkste functionaliteiten duidelijk zijn en gemakkelijk toegankelijk zijn voor gebruikers.