Chi ontwerp

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

Transcript of Chi ontwerp

Page 1: Chi ontwerp

ontwerp

erik duvalK.U.Leuven

http://www.cs.kuleuven.be/~erikd 1

Page 2: Chi ontwerp

2

Schetsenhttp://w

ww

.cs.berkeley.edu/~landay/research/publications/SILK

_CH

I/jal1bdy.html

70 secs.

329 secs.

Page 3: Chi ontwerp

3

Schetsen http://ww

w.cognetics.com

/ui.html

Page 4: Chi ontwerp

4

Transition Diagram

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

Page 12: Chi ontwerp

6

prototypes

• Vroege feedback

• Soorten

• Papier

• Script (Director, flash, powerpoint, …)

• Visueel programmeren (visual basic, …)

• Web (html+scripts, …)

Page 13: Chi ontwerp

7

Paper prototypehttp://w

ww

.paperprototyping.com/

Page 14: Chi ontwerp

8

Paper prototyping http://ww

w.nngroup.com

/reports/prototyping/video_stills.html

Page 15: Chi ontwerp

8

Paper prototyping http://ww

w.nngroup.com

/reports/prototyping/video_stills.html

Page 16: Chi ontwerp

8

Paper prototyping http://ww

w.nngroup.com

/reports/prototyping/video_stills.html

Page 17: Chi ontwerp

8

Paper prototyping http://ww

w.nngroup.com

/reports/prototyping/video_stills.html

Page 18: Chi ontwerp

8

Paper prototyping http://ww

w.nngroup.com

/reports/prototyping/video_stills.html

Page 19: Chi ontwerp

8

Paper prototyping http://ww

w.nngroup.com

/reports/prototyping/video_stills.html

Page 20: Chi ontwerp

8

Paper prototyping http://ww

w.nngroup.com

/reports/prototyping/video_stills.html

Page 21: Chi ontwerp

8

Paper prototyping http://ww

w.nngroup.com

/reports/prototyping/video_stills.html

Page 22: Chi ontwerp

9

Voor…/Na…

http://www.addwise.co.il/presentations/usability/Usability_Examples_E.pdf

Page 23: Chi ontwerp

9

Voor…/Na…

http://www.addwise.co.il/presentations/usability/Usability_Examples_E.pdf

Page 24: Chi ontwerp

9

Voor…/Na…

http://www.addwise.co.il/presentations/usability/Usability_Examples_E.pdf

Page 25: Chi ontwerp

10

Voor/Nahttp://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm

Page 26: Chi ontwerp

10

Voor/Nahttp://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm

Page 27: Chi ontwerp

10

Voor/Nahttp://www.rsiprogram.com/uinst/beforeAndAfter/travelrack/travelrack.htm

Page 28: Chi ontwerp

11

Voor/Na

Page 29: Chi ontwerp

11

Voor/Na

Page 30: Chi ontwerp

11

Voor/Na

Page 31: Chi ontwerp

12

Screen estate!

Page 32: Chi ontwerp

13

Essentie

•Wie zijn de gebruikers?•Wat willen ze doen?•Wat wil je bereikenen hoe ga je dat meten?

Page 33: Chi ontwerp

14

Thanks!

Questions?http://www.ariadne-eu.org

http://www.cs.kuleuven.ac.be/~erikdhttp://www.prolearn-project.org/