Presented to my #chikul12 students on 20 March 2012

1. Paper prototyping
#chikul12
Leuven, 20 March 2012
Erik Duval
http://erikduval.wordpress.com
@ErikDuval
1

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

3. 3

4. 4

5. 5

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

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

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

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

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

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

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

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

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

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

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

17. http://www.paperprototyping.com/
Paper prototype
11

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

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

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

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

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

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

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

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

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

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

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

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

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

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

32. Voor/Na
15

33. Voor/Na
15

34. Voor/Na
15

36. Text

37. Questions?
http://erikduval.wordpress.com/
twitter: @ErikDuval
18