les 5 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 cases                                    Welke functies zitten er in?
   
4. Vormgeving en UX                  Passende look & feel
   
5. Navigatiemodel                       Via welke schermen werk je?
   
6. Persona's                                    Wie zijn je gebruikers?

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