les 4 IxD - Navigatiemodel

Interaction Design
navigatiemodel
1 / 14
next
Slide 1: Slide
InformaticaMiddelbare schoolvwoLeerjaar 5

This lesson contains 14 slides, with interactive quiz and text slides.

time-iconLesson duration is: 60 min

Items in this lesson

Interaction Design
navigatiemodel

Slide 1 - Slide

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

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

Slide 3 - Slide

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

Slide 4 - Slide

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

voorbeeld

Slide 6 - Slide

Slide 7 - Slide

Onderdelen toestandsdiagram

Slide 8 - Slide

Wat gaat hier mis?

Slide 9 - Mind map

Slide 10 - Slide

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

Slide 11 - Slide

Slide 12 - Slide

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

Slide 14 - Slide