PRO Week 14 / ONT-I / Wireframes Uitbreiden

Python intro
Programming basics-II
Les 3 / Week 7a
Wireframes Uitbreiden
PRO: ONT-I Ontwerpen
Week 14
1 / 18
suivant
Slide 1: Diapositive
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

Cette leçon contient 18 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 60 min

Éléments de cette leçon

Python intro
Programming basics-II
Les 3 / Week 7a
Wireframes Uitbreiden
PRO: ONT-I Ontwerpen
Week 14

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Terugblik op Wireframes

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

Nabespreking Feedbackmoment

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Low-Fidelity
Medium-Fidelity
High-Fidelity

Slide 5 - Question de remorquage

Cet élément n'a pas d'instructions

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

Slide 6 - Question ouverte

Cet élément n'a pas d'instructions

Slide 7 - Diapositive

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

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

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 - Quiz

Cet élément n'a pas d'instructions

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

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 11 - Question ouverte

Cet élément n'a pas d'instructions

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

Wat waren de afspraken voor het maken van een wireframe?

Slide 13 - Question ouverte

Cet élément n'a pas d'instructions

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

Slide 14 - Question ouverte

Cet élément n'a pas d'instructions

Slide 15 - Diapositive

Cet élément n'a pas d'instructions

Bestaande ontwerpen analyseren
Klopt het ontwerp nog?

Slide 16 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 17 - Diapositive

Cet élément n'a pas d'instructions

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 - Question ouverte

Cet élément n'a pas d'instructions