An introduction to CHI

879 views
817 views

Published on

Presented on 25 February 2010.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
879
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
10
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

An introduction to CHI

  1. 1. inleiding tot chi erik duval K.U.Leuven http://www.cs.kuleuven.be/~erikd 1 1
  2. 2. http://www.slideshare.net/erik.duval 2
  3. 3. intro... 3
  4. 4. Bad day… http://www.web42.com/badday/ 4
  5. 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. 6. http://erikduval.wordpress.com/2008/09/10/laptop-fun/ 6
  7. 7. Niet onbelangrijk… •http://www.boston.com/campaign2000/vote/florida_voters.htm 7 http://www.ntk.net/nielsen2004/
  8. 8. 8
  9. 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. 10
  11. 11. 11
  12. 12. 12
  13. 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. 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. 15. chi... 15
  16. 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. 17. task organisational & social CHI technology 17 user
  18. 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. 19. Human Factors 19
  20. 20. Human factors 20
  21. 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. 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. 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. 24. You are not the user! (if you are the developer) 24
  25. 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. 26. If the user does something “wrong”, it is the fault of the system designer! 26
  27. 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. 28. http://www.cs.berkeley.edu/~jfc/cs160/SP03/ features Chrossing the chasm reliability, convenience “no fuss or bother” 28
  29. 29. voorbeelden van producten op adoptie-curve? ... 29
  30. 30. 30
  31. 31. http://www.post-gazette.com/pg/09032/946191-85.stm 31
  32. 32. Long nose of innovation http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm 32
  33. 33. history... 33
  34. 34. Command Line Interface 34 PenO 1, les 2, 3 oktober 2007
  35. 35. Nog vb? 35 PenO 1, les 2, 3 oktober 2007
  36. 36. Grafische gebruikersinterface 36 PenO 1, les 2, 3 oktober 2007
  37. 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. 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. 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. 40. http://www.youtube.com/watch?v=X4kp9Ciy1nE 40
  41. 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. 42 http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/
  43. 43. XEROX PARC Star - 1981 43 PenO 1, les 2, 3 oktober 2007
  44. 44. Apple Macintosh - 1984 http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface 44 PenO 1, les 2, 3 oktober 2007
  45. 45. Macintosh, 1984 45 http://www.youtube.com/watch?v=G0FtgZNOD44
  46. 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. 47. Windows 1.0 - 1985 47 PenO 1, les 2, 3 oktober 2007
  48. 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. 49
  50. 50. 51
  51. 51. http://www.ted.com/index.php/talks/anand_agarawala_demos_his_bumptop_desktop.html 52
  52. 52. http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx 53
  53. 53. http://www.lce.hut.fi/research/css/bci/ 54
  54. 54. http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1 55
  55. 55. background... 56
  56. 56. http://www.designinginteractions.com/ 57
  57. 57. • 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
  58. 58. Questions? http://ariadne.cs.kuleuven.ac.be/wordpress/eduval/ http://www.cs.kuleuven.be/~erikd Thanks! 59

×