PRO Week 14 / Ontwerpen / Wireframes Uitbreiden

Python intro
Programming basics-II
Les 3 / Week 7a
Wireframes Uitbreiden
PRO-A
Week 14
1 / 18
volgende
Slide 1: Tekstslide
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

In deze les zitten 18 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

Python intro
Programming basics-II
Les 3 / Week 7a
Wireframes Uitbreiden
PRO-A
Week 14

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Wat gaan we doen
  1. Feedbackmoment nabespreken
  2. Terugblik op Wireframes
  3. Bestaande ontwerpen analyseren
  4. Bestaande ontwerpen aanpassen

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Terugblik op Wireframes

Slide 3 - Tekstslide

Deze slide heeft geen instructies

Nabespreking Feedbackmoment

Slide 4 - Tekstslide

Deze slide heeft geen instructies

Low-Fidelity
Medium-Fidelity
High-Fidelity

Slide 5 - Sleepvraag

Deze slide heeft geen instructies

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

Slide 6 - Open vraag

Deze slide heeft geen instructies

Slide 7 - Tekstslide

Welke is beter?
Formulier is niet duidelijk voor de ontwikkelaar
Duidelijke afspraken gemaakt over de inhoud van het formulier

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Hoe lang moet je met een wireframe bezig zijn?
A
1 tot 5 minuten
B
5 tot 10 minuten
C
langer dan 10 minuten
D
Tot alle details er in verwerkt zijn

Slide 9 - Quizvraag

Deze slide heeft geen instructies

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

Slide 10 - Tekstslide

Deze slide heeft geen instructies

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

Slide 11 - Open vraag

Deze slide heeft geen instructies

Slide 12 - Tekstslide

Deze slide heeft geen instructies

Wat waren de afspraken voor het maken van een wireframe?

Slide 13 - Open vraag

Deze slide heeft geen instructies

Maak een wireframe van de homepagina van strato.nl.
timer
10:00

Slide 14 - Open vraag

Deze slide heeft geen instructies

Slide 15 - Tekstslide

Deze slide heeft geen instructies

Bestaande ontwerpen analyseren
Klopt het ontwerp nog?

Slide 16 - Tekstslide

Deze slide heeft geen instructies

De opgeleverde wireframe
De website zoals het nu is
Klopt de wireframe nog?

Slide 17 - Tekstslide

Deze slide heeft geen instructies

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?

Slide 18 - Open vraag

Deze slide heeft geen instructies