Presented on 25 February 2010.

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

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

3. intro...
3

4. Bad day…
http://www.web42.com/badday/
4

5. There is a conflict of interest in the world of
software development because the people
who build it are also the people who design it.
If carpenters designed houses, they would
certainly be easier or more interesting to
build, but not necessarily better to live in. The
architect, besides being trained in the art of
what works and what doesn't, is an advocate
for the client, for the user.
Alan Cooper. About Face, 1995
(http://www.chesco.com/~cmarion/Design/UIDesign.html)
5

6. http://erikduval.wordpress.com/2008/09/10/laptop-fun/
6

7. Niet onbelangrijk…
•http://www.boston.com/campaign2000/vote/florida_voters.htm
7
http://www.ntk.net/nielsen2004/

8. 8

9. http://www.demorgen.be/dm/nl/991/Multimedia/article/detail/142168/2008/01/22/Bezoekcijfers-voor-VRT-nieuwssite-deredactie-be-gaan-dieperik-in.dhtml
9

10. 10

11. 11

12. 12

13. voorbeelden uit jouw leven...
• lokaal in Kortrijk
• netwerkprinter
• autogids: ‘back is session expired’
• honda jazz: volume luider-wordt warmer
• memory stick omgekeerd
• kleine toetsen op GSM
13

14. Voorbeelden van 2008...
• bancomat van andere bank: lukt toch :-) !
• tanken, darm pomp te kort
• mappy, te ver gereden want instructies
incorrectie
• eco-modus: radio afgesloten
• tanken (total): touchscreen + knopjes
• dampkap: RTFM
• kappeldreef: AVnet logo op wegwijzer
14

15. chi...
15

16. Human-computer interaction
“a discipline concerned with the
design
evaluation and
implementation
of interactive computing systems
for human use and with the study
of major phenomena surrounding
them." [ACM] 16

17. task
organisational &
social
CHI
technology 17
user

18. Usability
The effectiveness, efficiency, and satisfaction
with which specified users achieve specified
goals in particular environments
This does not mean you have to create a “dry” design or something that is only good for novices
– it all depends on your goals
18

19. Human Factors
19

20. Human factors
20

21. Maar ook
• BMW iDrive
• 1952
• 11 indicators, 16 controls
• 1994
• 35 indicators, 66 controls
• 2002
• 17 indicators, 29 controls
• “supermouse”: 700 functions
21

22. • ACM SIGCHI
• meer dan 6000 leden, jaarlijkse conferentie
• meer dan 2500 deelnemers
• tijdschriften
• ACM interactions, bulletin, transactions
• International Journal of Human-Computer
Studies
• HCI bibliography
22

23. The economist – oct. 2004
To be truly successful, a
complex technology
needs to “disappear”
The real test is always
the mom test
http://www.economist.com/displaystory.cfm?story_id=3307363
23

24. You are not the user!
(if you are the developer)
24

25. Four Myths
Only experts create good designs
 experts faster, simple and effective techniques anyone can apply
We can fix the user interface at the end
 good design is more than just user interface
 having right features, building those features right
Good design takes too long / costs too much
 simple and effective techniques can reduce total development time & cost
(finds problems early on)
Good design is just cool graphics
 graphics part of bigger picture of what to communicate & how
25

26. If the user does something
“wrong”, it is the fault of the
system designer!
26

27. “logical analysis is not a good way to
predict people's behavior (nor are focus
groups or surveys): observation is the
key”
“I caution that the time frame for
adoption of new technologies is measured
in decades, not the months everyone
would prefer”
Donald A. Norman
27

28. http://www.cs.berkeley.edu/~jfc/cs160/SP03/
features Chrossing the chasm
reliability,
convenience
“no fuss or bother”
28

29. voorbeelden van
producten op
adoptie-curve?
...
29

30. 30

31. http://www.post-gazette.com/pg/09032/946191-85.stm
31

32. Long nose of innovation
http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm
32

33. history...
33

34. Command Line Interface
34 PenO 1, les 2, 3 oktober 2007

35. Nog vb?
35 PenO 1, les 2, 3 oktober 2007

36. Grafische gebruikersinterface
36 PenO 1, les 2, 3 oktober 2007

37. WIMP
• Windows
Icons
Menus, and
Pointing devices
• Eigenschappen
• intuitief
• consistent
• vergeven
• beschermen
• Maar niet noodzakelijk
best voor expert!
37 PenO 1, les 2, 3 oktober 2007

38. D. Engelbart, Augment
• Stanford Research Institute
• “Uitvinder” van muis, windows,
groupware, ...
• team naar Xerox PARC
• nu: bootstrap institute
• http://www.bootstrap.org/
38 PenO 1, les 2, 3 oktober 2007

39. D. Engelbart, Augment
• demo at 1968 Fall
Joint Computer
Conference
• video, microwave
transmission, ...
• http://
sloan.stanford.edu/
mousesite/
1968Demo.html
• http://
www.youtube.com
/watch?
v=X4kp9Ciy1nE
39 PenO 1, les 2, 3 oktober 2007

40. http://www.youtube.com/watch?v=X4kp9Ciy1nE
40

41. Fast forward to …
now :) !
Text
Text
http://hyperscope.org/
http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart
41 PenO 1, les 2, 3 oktober 2007

42. 42 http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/

43. XEROX PARC Star - 1981
43 PenO 1, les 2, 3 oktober 2007

44. Apple Macintosh - 1984
http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface
44 PenO 1, les 2, 3 oktober 2007

45. Macintosh, 1984
45 http://www.youtube.com/watch?v=G0FtgZNOD44

46. All 39 pages of advertising that Apple bought in a 1984 issue of newsweek are available here: http://www.aci.com.pl/mwichary/
computerhistory/ads/macnewsweek

47. Windows 1.0 - 1985
47 PenO 1, les 2, 3 oktober 2007

48. Windows 3.1 - 1993
http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface
48 PenO 1, les 2, 3 oktober 2007

49. 49

51. 51

52. http://www.ted.com/index.php/talks/anand_agarawala_demos_his_bumptop_desktop.html 52

53. http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx
53

54. http://www.lce.hut.fi/research/css/bci/
54

55. http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1
55

56. background...
56

57. http://www.designinginteractions.com/
57

58. • Ben Shneiderman, Designing the
User Interface. Strategies for
Effective Human-Computer
Interaction.
• Jakob Nielsen, Designing Web
Usability.
• Jakob Nielsen & Marie Tahir,
Homepage Usability.
• Donald A. Norman, The Invisible
Computer & Emotional Design.
• Jef Raskin, The Humane Interface.
• Peter Morville, Ambient Findability.
• Jennu Preece, Yvonne Rogers, David
Benyon, Simon Holland & Tom
Carey, Human-Computer Interaction.
• Alan Dix, Janet Finlay, Gregory
Abowd & Russell Beale, Human-
Computer Interaction.
58

59. Questions?
http://ariadne.cs.kuleuven.ac.be/wordpress/eduval/
http://www.cs.kuleuven.be/~erikd
Thanks!
59