PRO Week 14 / ONT-I / Wireframes Uitbreiden

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

Python intro

Programming basics-II

Les 3 / Week 7a

Wireframes Uitbreiden

PRO: ONT-I Ontwerpen

Week 14

Wat gaan we doen

1. Feedbackmoment nabespreken
2. Terugblik op Wireframes
3. Bestaande ontwerpen analyseren
4. Bestaande ontwerpen aanpassen

Terugblik op Wireframes

Nabespreking Feedbackmoment

Low-Fidelity

Medium-Fidelity

High-Fidelity

Wat is er belangrijk bij het maken van een wireframe van een formulier?

Welke is beter?

Formulier is niet duidelijk voor de ontwikkelaar

Duidelijke afspraken gemaakt over de inhoud van het formulier

Hoe lang moet je met een wireframe bezig zijn?

1. 1 tot 5 minuten
2. 5 tot 10 minuten
3. langer dan 10 minuten
4. Tot alle details er in verwerkt zijn

Wireframe Tip!

Als je langer dan 10 minuten bezig bent met een wireframe, dan ben je waarschijnlijk te precies of gedetailleerd bezig!!!

Hoe geven we de "flow" in een wireframe aan?

Wat waren de afspraken voor het maken van een wireframe?

Maak een wireframe van de homepagina van strato.nl.

Bestaande ontwerpen analyseren

Klopt het ontwerp nog?

De opgeleverde wireframe

De website zoals het nu is

Klopt de wireframe nog?

1. Hoe kun je nu het beste een aanpassing doen aan het wireframe?
2. Wat voor programma zou je kunnen gebruiken, of werk je op papier?
3. Waar kun je tegenaan lopen bij het doen van een aanpassing aan een bestaande tekening?