The document discusses paper prototyping and its benefits for getting early feedback on designs. Paper prototyping allows designers to create low-fidelity prototypes using paper, scripts, or other basic materials. It discusses different types of prototyping like paper, visual programming, and web prototypes. The document provides several examples of "before and after" redesigns and emphasizes the importance of understanding users and goals when prototyping interfaces.

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

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

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

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

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

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

13. http://www.paperprototyping.com/
Paper prototype
7

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

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

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

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

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

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

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

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

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

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

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

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

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

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

28. Voor/Na
11

29. Voor/Na
11

30. Voor/Na
11

31. Screen estate!
12

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

33. Questions?
http://www.ariadne-eu.org
http://www.cs.kuleuven.ac.be/~erikd
http://www.prolearn-project.org/
Thanks! 14