The document discusses paper prototyping, which involves creating early prototypes of interfaces using paper, rather than programming. Paper prototyping allows designers to get early feedback, and examples include sketches of interfaces and transition diagrams. It can be used to test designs before and after changes to measure usability improvements. The key aspects of paper prototyping are understanding users, their goals, and how to measure achieving design goals.

1. paper prototype
erik duval
K.U.Leuven
http://www.cs.kuleuven.be/~erikd
1

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

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

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

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

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

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

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

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. prototypes
• Vroege feedback
• Soorten
• Papier
• Script (Director, flash, powerpoint, …)
• Visueel programmeren (visual basic, …)
• Web (html+scripts, …)
7

14. http://www.paperprototyping.com/
Paper prototype
8

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

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

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

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

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

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

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

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

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

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

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

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

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

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

29. Voor/Na
12

30. Voor/Na
12

31. Voor/Na
12

32. Screen estate!
13

33. Essentie
•Wie zijn de gebruikers?
•Wat willen ze doen?
•Wat wil je bereiken
en hoe ga je dat meten?
14

34. http://aspect-project.org/ http://www.icoper.org/ http://www.role-project.eu/ http://www.stellarnet.eu/
Questions?
http://erikduval.wordpress.com/
http://www.cs.kuleuven.be/~erikd
twitter: @ErikDuval
Thanks! 15