Log on to edit
Wiki
Human computer interaction

Lectures 5 & 6
Assignment 3
Lectures 3 & 4
Project presentation 3
Assignment 1
Assignment 2
Lectures 1 & 2
Project usability test
Lectures 9 & 10
Project presentation 1
Project presentation 2
Lectures 3 & 4
Page last edited by Michael Kai Petersen (mkai) 13/09-2012

Learning objectives (Specific)

  • Model actors and use cases based on UML
  • Transform use cases into sequences of actions

Lecture:

Organizing content: information architecture, application structure and navigational models

  • hub and spoke
  • fully connected
  • multi-level
  • stepwise
  • pyramid
  • pan and zoom
  • flat navigation
  • modal panel
  • clear entry points
  • bookmarks
  • escape hatch

Transform use cases into sequences of actions and apply primary and secondary design patterns for navigating both the main menu and within a module based on Neil's "Mobile design pattern gallery", Chapter 1: Navigation.

  • springboard
  • list
  • tab
  • gallery
  • dashboard
  • metaphor
  • mega menu
  • secondary to tabs
  • page carousel
  • image carousel
  • inline expand

 

Group work related to Assignment 1:

Design a DTU smartphone app integrating existing social media for study & group work

 

Monday:

  • transform EPIC <user> <needs> <value> statements into UML
  • identify actors, associations and uses cases
  • define <include> and <extend> relations among the use cases

Thursday:

  • transform UML use cases into sequence diagrams
  • compare against the user needs initially identified

Slides

Prezi

 

Additional literature

MagicDraw User Manual https://dl.dropbox.com/u/5442905/MagicDraw%20UserManual.pdf
Support: +45 45 25 74 43