Lecture 5a: Design Prototyping

Lecture 5a: Design Prototyping

1. prototyping

   • low fidelity
     • quick, cheap, easily change
       • storyboards (eg: sketching
       • card-based prototypes (1 card = 1 screen; website development)
       • 'Wizard-of-Oz' prototyping (developer send screen to user through computer)
   • high fidelity
     • look more like final system; can interact with user
   • vertical (depth) [less function, more details]
   • horizontal (breadth) [more function, less details]
   • prototype
     • What is prototype? (small-scale model; involve all stakeholders; can interact; interaction design)
     • Why prototype? (design team communicate easily; interact with stakeholders; clarify requirements)

2. conceptual design

   • user requirements => conceptual model
   • metaphor (understand functionality; identify potential problem areas; generate metaphores)
   • interaction type (instructing; conversing, manipulating, exploring)
   • interface type (shareable, tangible, manipulating, augmented reality)

3. concrete design

   • acpect (colour; icons; buttons, interaction devices...)
   • user characteristics & context (accessibility; cross-cultural design)
   • cultural website guidelines

4. using scenarios

   • sotrytelling about tasks & activities; express propposed situation

5. generating prototypes

   • card-based prototype from use case (designner can get informal feedback)
   • storyboard from scenario (show sequence of action)