Your SlideShare is downloading. ×
0
inleiding tot chi


           erik duval
          K.U.Leuven
http://www.cs.kuleuven.be/~erikd
               1
2
http://www.slideshare.net/erik.duval
                 3
intro...



   4
Bad day…




           http://www.web42.com/badday/
Niet onbelangrijk…




•http://www.boston.com/campaign2000/vote/florida_voters.htm


                                      ...
http://www.demorgen.be/dm/nl/991/Multimedia/article/detail/142168/2008/01/22/Bezoekcijfers-voor-VRT-nieuwssite-deredactie-...
Voorbeelden uit jouw leven?

• bancomat van andere bank: lukt toch :-) !
• tanken, darm pomp te kort
• mappy, te ver gered...
chi...



  13
Human-computer interaction

 “a discipline concerned with the
  • design,
  •evaluation, and
  •implementation
of interact...
task
organisational &
social




                   CHI


 technology               user
Usability

The effectiveness, efficiency, and satisfaction
with which specified users achieve specified
goals in particular e...
Human Factors
Human factors
Maar ook
  • BMW iDrive
  • 1952
   •  11 indicators, 16 controls

  • 1994

   • 35 indicators, 66 controls
  • 2002
   •...
• ACM SIGCHI
  • meer dan 6000 leden, jaarlijkse conferentie
  • meer dan 2500 deelnemers
• tijdschriften
  • ACM interact...
The economist – oct. 2004
To be truly successful, a
complex technology
needs to “disappear”

                     The real...
You are not the user!

(if you are the developer)
Four Myths
Only experts create good designs
 experts faster, simple and effective techniques anyone can apply

We can fix ...
If the user does something
“wrong”, it is the fault of the
       system designer!
“logical analysis is not a good way to
predict people's behavior (nor are focus
groups or surveys): observation is the
key...
People unpredictable
http://www.cs.berkeley.edu/~jfc/cs160/SP03/
features                        Chrossing the chasm




                      ...
Long nose of innovation




      http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm
history...



    29
Command Line Interface




          30        PenO 1, les 2, 3 oktober 2007
Nog vb?




   31     PenO 1, les 2, 3 oktober 2007
Grafische gebruikersinterface




             32        PenO 1, les 2, 3 oktober 2007
WIMP
•   Windows
    Icons
    Menus, and
    Pointing devices

•   Eigenschappen

    •   intuitief

    •   consistent

...
D. Engelbart, Augment

•   Stanford Research Institute

•   “Uitvinder” van muis, windows,
    groupware, ...

•   team na...
D. Engelbart, Augment
•   demo at 1968 Fall
    Joint Computer
    Conference
    •   video, microwave
        transmissio...
Fast forward to …
                         now :) !

                                                                   Te...
XEROX PARC Star - 1981




          37        PenO 1, les 2, 3 oktober 2007
Apple Macintosh - 1984




 http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface



                      ...
Windows 1.0 - 1985




        39           PenO 1, les 2, 3 oktober 2007
Windows 3.1 - 1993




http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface


                            ...
abundance:
snowflake effect...


        41
food abundance in music
travel
content
                          ?
media
...
snowflake in music...




     nice bootstrapping, too!
              43
evaluation...



      44
Criteria voor evaluatie
•hoe vaak proberen om doel te bereiken
•hoe vaak mensen terugkomen
•hoe lang het duurt
•het vloekg...
criteria

• Usability
• Usefulness
• Meaning
• (esthetic) Qualities

• Sociability
Criteria
• Leertijd
• Tijd om taak uit te voeren
• Aantal en soort fouten
• Tijd dat gebruikers zich herinneren hoe taken ...
Factoren die invloed uitoefenen




•...?
Factoren
•fysisch
  •Antropometrie
  •aanpasbaar indien gebruikers te verschillend
       •vb. helderheid
•cognitief
  • k...
background...



      50
http://www.designinginteractions.com/
• Ben Shneiderman, Designing the
  User Interface. Strategies for
    Effective Human-Computer
    Interaction.
•   Jakob ...
Questions?
http://ariadne.cs.kuleuven.ac.be/wordpress/eduval/
         http://www.cs.kuleuven.be/~erikd




            Th...
Introduction to CHI
Introduction to CHI
Introduction to CHI
Introduction to CHI
Upcoming SlideShare
Loading in...5
×

Introduction to CHI

2,042

Published on

Presented at MMI course

Published in: Economy & Finance, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,042
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
38
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Introduction to CHI"

  1. 1. inleiding tot chi erik duval K.U.Leuven http://www.cs.kuleuven.be/~erikd 1
  2. 2. 2
  3. 3. http://www.slideshare.net/erik.duval 3
  4. 4. intro... 4
  5. 5. Bad day… http://www.web42.com/badday/
  6. 6. Niet onbelangrijk… •http://www.boston.com/campaign2000/vote/florida_voters.htm http://www.ntk.net/nielsen2004/
  7. 7. http://www.demorgen.be/dm/nl/991/Multimedia/article/detail/142168/2008/01/22/Bezoekcijfers-voor-VRT-nieuwssite-deredactie-be-gaan-dieperik-in.dhtml
  8. 8. Voorbeelden uit jouw leven? • 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
  9. 9. chi... 13
  10. 10. 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.quot; [ACM]
  11. 11. task organisational & social CHI technology user
  12. 12. 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
  13. 13. Human Factors
  14. 14. Human factors
  15. 15. Maar ook • BMW iDrive • 1952 • 11 indicators, 16 controls • 1994 • 35 indicators, 66 controls • 2002 • 17 indicators, 29 controls • “supermouse”: 700 functions
  16. 16. • 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
  17. 17. 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
  18. 18. You are not the user! (if you are the developer)
  19. 19. 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
  20. 20. If the user does something “wrong”, it is the fault of the system designer!
  21. 21. “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
  22. 22. People unpredictable
  23. 23. http://www.cs.berkeley.edu/~jfc/cs160/SP03/ features Chrossing the chasm reliability, convenience “no fuss or bother”
  24. 24. Long nose of innovation http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm
  25. 25. history... 29
  26. 26. Command Line Interface 30 PenO 1, les 2, 3 oktober 2007
  27. 27. Nog vb? 31 PenO 1, les 2, 3 oktober 2007
  28. 28. Grafische gebruikersinterface 32 PenO 1, les 2, 3 oktober 2007
  29. 29. WIMP • Windows Icons Menus, and Pointing devices • Eigenschappen • intuitief • consistent • vergeven • beschermen • Maar niet noodzakelijk best voor expert! 33 PenO 1, les 2, 3 oktober 2007
  30. 30. D. Engelbart, Augment • Stanford Research Institute • “Uitvinder” van muis, windows, groupware, ... • team naar Xerox PARC • nu: bootstrap institute • http://www.bootstrap.org/ 34 PenO 1, les 2, 3 oktober 2007
  31. 31. 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 35 PenO 1, les 2, 3 oktober 2007
  32. 32. 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 36 PenO 1, les 2, 3 oktober 2007
  33. 33. XEROX PARC Star - 1981 37 PenO 1, les 2, 3 oktober 2007
  34. 34. Apple Macintosh - 1984 http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface 38 PenO 1, les 2, 3 oktober 2007
  35. 35. Windows 1.0 - 1985 39 PenO 1, les 2, 3 oktober 2007
  36. 36. Windows 3.1 - 1993 http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface 40 PenO 1, les 2, 3 oktober 2007
  37. 37. abundance: snowflake effect... 41
  38. 38. food abundance in music travel content ? media ...
  39. 39. snowflake in music... nice bootstrapping, too! 43
  40. 40. evaluation... 44
  41. 41. Criteria voor evaluatie •hoe vaak proberen om doel te bereiken •hoe vaak mensen terugkomen •hoe lang het duurt •het vloekgehalte •resultaat zelf •of er evaluatie moet gebeuren •dikte van gebruikers-manual •vermoeidheid •aantal calls op helpdesk
  42. 42. criteria • Usability • Usefulness • Meaning • (esthetic) Qualities • Sociability
  43. 43. Criteria • Leertijd • Tijd om taak uit te voeren • Aantal en soort fouten • Tijd dat gebruikers zich herinneren hoe taken te volbrengen • Subjectief gevoel van voldoening bij gebruikers Vaak compromis nodig, explicitering belangrijk!
  44. 44. Factoren die invloed uitoefenen •...?
  45. 45. Factoren •fysisch •Antropometrie •aanpasbaar indien gebruikers te verschillend •vb. helderheid •cognitief • kennis, inteligentie (?), geheugen, concentratie • vermoeidheid, verveling, stress, angst, leeftijd, ... • persoonlijkheid • Myers-Briggs Type Indicator (skepsis alert!) • Extrovert vs. introvert, denken vs. intuitie, ... • cultureel • leesrichting, taal, etiquette, i18n
  46. 46. background... 50
  47. 47. http://www.designinginteractions.com/
  48. 48. • 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.
  49. 49. Questions? http://ariadne.cs.kuleuven.ac.be/wordpress/eduval/ http://www.cs.kuleuven.be/~erikd Thanks! 53
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×