les 4 IxD - Navigatiemodel

• Informatica
• Middelbare school
• vwo
• Leerjaar 5

Interaction Design

navigatiemodel

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. Persona's                                   Wie zijn de gebruikers?
6. Vormgeving                              Passende look & feel
   
7. Gebruikerservaring               Prettig in gebruik

de stap van vandaag

Hoe gaat er genavigeerd worden?

Op basis van Use diagram

Voorbeeld uit Enigma

use case diagram: naam app - actoren - use cases

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?

voorbeeld 

toestandsdiagram geldmaat

Frisdrankautomaat

voorbeeld

Onderdelen toestandsdiagram

Wat gaat hier mis?

Fouten opsporen

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

Voorbeeld terrasjes app

Use case: Bestelling doorgeven

Navigatie model met 2 use cases

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