1-2 Wireframes
inleiding
Als je een huis gaat bouwen kun je natuurlijk stenen kopen en cement en hout en gaan metselen, maar dan zul je snel merken dat je iets bent vergeten, of ergens geen rekening mee gehouden hebt. Het is beter om eerst even na te denken en te tekenen wat je gaat doen, want dan voorkom je verrassingen.
Dat geldt ook voor interactief ontwerpen. Als je iets interactiefs maakt gaan jouw gebruikers overal op klikken, bepalen ze zelf hoe ze door jouw media-uiting zullen gaan. En dat willen ze zo gemakkelijk en zo duidelijk mogelijk doen. Als interactief ontwerper kun je de bezoekers daarmee helpen door een duidelijke en goed doordachte media-uiting te ontwerpen. Daarom maak je ook als interactief ontwerper eerst een bouwtekening.
SOORTEN WIREFRAMES
Je hebt gedetailleerde wireframes, dan noem je ze high fidelity wireframes en je hebt veel minder gedetailleerde wireframes en dan noem je ze low fidelity wireframes.
Beide soorten worden in het productieproces gemaakt, alleen hebben ze wel een andere rol. Een low fidelity wireframe is echt een eerste ruwe schets. Dat is echt voor de ontwerper om ideeën vast te leggen, de high fidelity wireframes zijn bijvoorbeeld geschikt om aan de klant te laten zien omdat er al meer van de uiteindelijke plaatsing en vormgeving op te zien is.
De grens tussen lo-fi en hi-fi is niet zo scherp. Hou maar aan dat een lo-fi meer voor de ontwerper is en hi-fi meer voor de klant.
opdracht: ns app lo-fi wireframes
We gaan de NS app omzetten naar wireframes. Het zijn de afbeeldingen van het hoofdscherm en 2 vervolgschermen. Maak er low-fidelity wireframes van.
Gebruik potlood en papier en werk netjes. Teken pijlen die aangeven hoe je van het ene scherm naar het andere komt.
– Foto’s van je lo-fi NS wireframes
opdracht: ns app hi-fi wireframe
Je hebt tijdens Discovery gewerkt met Figma om je ontwerp om te zetten naar een prototype, maar je kunt met dit programma ook wireframes maken. Dit gaan wij nu doen. Probeer dit wireframe digitaal na te maken in Figma. Je kan in Figma een FigJam board maken en het daar in namaken. Het logo krijg je aangeleverd.
– Een share link naar je Figma FigJam
opdracht: glr opendag app
De open dag is voor veel bezoekers een zoekplaatje. Als je voor en bepaalde opleiding komt, waar moet je dan zijn? Waar kun je meer informatie vinden?
Jij gaat deze bezoeker helpen met een informatieapp. Zorg ervoor dat je ze naar het juiste doel leidt!
- Maak lo-fi wireframes op papier
- hoofdscherm
- 3 vervolgschermen
- Maak je wireframes digitaal in een Figma FigJam Board
- gebruik afbeeldingen
- gebruik tekst

– foto’s van je lo-fi Open Dag app
– Share link naar je Open Dag FigJam Board

