les 4 IxD - Navigatiemodel

Interaction Design
navigatiemodel
1 / 14
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolvwoLeerjaar 5

Cette leçon contient 14 diapositives, avec quiz interactif et diapositives de texte.

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

Éléments de cette leçon

Interaction Design
navigatiemodel

Slide 1 - Diapositive

Waar staan we nu?
  1. Probleemstelling                   Wat is het nut van de app?
  2. Programma van Eisen         Wat moet de app kunnen?
  3. Use case diagram                 Welke functies zitten er in?
  4. Navigatiemodel                      Via welke schermen werk je?
  5. Vormgeving                              Passende look & feel
  6. Gebruikerservaring               Prettig in gebruik
  7. Klikmodel (powerpoint)      Simulatie van de app

Slide 2 - Diapositive

de stap van vandaag
Hoe gaat er genavigeerd worden?
Op basis van Use diagram

Slide 3 - Diapositive

Voorbeeld uit Enigma
use case diagram: naam app - actoren - use cases

Slide 4 - Diapositive

Toestandsdiagram
Is een systeem robuust?
Kan het systeem alle gebeurtenissen aan?
Kun je altijd gewenste eindtoestand bereiken?
Kan je in een toestand komen waar je niet meer uit weg komt?

Slide 5 - Diapositive

voorbeeld

Slide 6 - Diapositive

Slide 7 - Diapositive

Onderdelen toestandsdiagram

Slide 8 - Diapositive

Wat gaat hier mis?

Slide 9 - Carte mentale

Slide 10 - Diapositive

Fouten opsporen
  • Toestandsdiagrammen zijn vaak groot 
  • Alle  navigatiepaden checken is dan lastig
  • Software die dat voor je kan doen:   Model Checkers

Slide 11 - Diapositive

Slide 12 - Diapositive

Aan de slag met navigatiemodel
  1. Kijk naar de use cases van je app
  2. Bepaal de schermen voor elke use case
  3. Maak een navigatiemodel (met Word)
  4. Lever in via itslearning

Slide 13 - Diapositive

Slide 14 - Diapositive