Presented to my #chikul14 students on 3 March 2014...

1. HCI: paper prototyping
KU Leuven, B, 3 March 2014
!
Erik Duval
http://erikduval.wordpress.com
@ErikDuval
1

2. 2
http://www.slideshare.net/erik.duval

3. paper prototype

4. 4

5. 5

6. 6

7. Schetsen
70 secs.
7
http://www.cs.berkeley.edu/~landay/research/publications/SILK_CHI/jal1bdy.html
329 secs.

8. 8
http://www.cognetics.com/ui.html
Schetsen

9. Transition Diagram
http://www.cc.gatech.edu/people/home/dzook/JavaVis.htm
9

10. http://www.alistapart.com/articles/paperprototyping

11. prototypes
• Vroege feedback
Soorten
•
• Papier
Script (Director, flash, powerpoint, …)
•
• Visueel programmeren (visual basic, …)
Web (html+scripts, …)
•
11

12. Paper prototype
http://www.paperprototyping.com/
12

13. Paper prototyping
http://www.nngroup.com/reports/prototyping/video_stills.html
13

14. Voor…/Na…
http://www.addwise.co.il/presentations/usability/Usability_Examples_E.pdf
14

15. Voor/Na
http://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm
15

16. Voor/Na
16

18. Text

19. ?
@ErikDuval
http://erikduval.wordpress.com
19