introduction to chi
DESCRIPTION
Presented at MMI courseTRANSCRIPT
![Page 1: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/1.jpg)
inleiding tot chi
erik duvalK.U.Leuven
http://www.cs.kuleuven.be/~erikd 1
![Page 2: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/2.jpg)
2
![Page 3: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/3.jpg)
3
http://www.slideshare.net/erik.duval
![Page 4: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/4.jpg)
intro...
4
![Page 6: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/6.jpg)
Niet onbelangrijk…
•http://www.boston.com/campaign2000/vote/florida_voters.htm
http://www.ntk.net/nielsen2004/
![Page 7: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/7.jpg)
![Page 8: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/8.jpg)
http://www.demorgen.be/dm/nl/991/Multimedia/article/detail/142168/2008/01/22/Bezoekcijfers-voor-VRT-nieuwssite-deredactie-be-gaan-dieperik-in.dhtml
![Page 9: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/9.jpg)
![Page 10: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/10.jpg)
![Page 11: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/11.jpg)
![Page 12: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/12.jpg)
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
![Page 13: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/13.jpg)
chi...
13
![Page 14: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/14.jpg)
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]
![Page 15: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/15.jpg)
technology
task
user
organisational & social
CHI
![Page 16: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/16.jpg)
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
![Page 17: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/17.jpg)
Human Factors
![Page 18: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/18.jpg)
Human factors
![Page 19: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/19.jpg)
Maar ook•BMW iDrive
•1952
•11 indicators, 16 controls
•1994
•35 indicators, 66 controls
•2002
•17 indicators, 29 controls
•“supermouse”: 700 functions
![Page 20: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/20.jpg)
• 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
![Page 21: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/21.jpg)
The economist – oct. 2004
http://www.economist.com/displaystory.cfm?story_id=3307363
To be truly successful, a complex technology needs to “disappear”
The real test is always the mom test
![Page 22: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/22.jpg)
You are not the user!
(if you are the developer)
![Page 23: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/23.jpg)
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
![Page 24: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/24.jpg)
If the user does something “wrong”, it is the fault of the
system designer!
![Page 25: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/25.jpg)
“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
![Page 26: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/26.jpg)
People unpredictable
![Page 27: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/27.jpg)
feat
ure
s
reliability, convenience“no fuss or bother”
http://www.cs.berkeley.edu/~jfc/cs160/SP03/
Chrossing the chasm
![Page 28: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/28.jpg)
Long nose of innovation
http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm
![Page 29: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/29.jpg)
history...
29
![Page 30: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/30.jpg)
PenO 1, les 2, 3 oktober 2007
Command Line Interface
30
![Page 31: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/31.jpg)
PenO 1, les 2, 3 oktober 2007
Nog vb?
31
![Page 32: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/32.jpg)
PenO 1, les 2, 3 oktober 2007
Grafische gebruikersinterface
32
![Page 33: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/33.jpg)
PenO 1, les 2, 3 oktober 2007
WIMP• Windows
IconsMenus, andPointing devices
• Eigenschappen
• intuitief
• consistent
• vergeven
• beschermen
• Maar niet noodzakelijk best voor expert!
33
![Page 34: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/34.jpg)
PenO 1, les 2, 3 oktober 2007
D. Engelbart, Augment
• Stanford Research Institute
• “Uitvinder” van muis, windows, groupware, ...
• team naar Xerox PARC
• nu: bootstrap institute
• http://www.bootstrap.org/
34
![Page 35: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/35.jpg)
PenO 1, les 2, 3 oktober 2007
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
![Page 36: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/36.jpg)
PenO 1, les 2, 3 oktober 2007
Fast forward to … now :) !
http://flash.kmi.open.ac.uk:8080/fm/fmm.php?code=c785a5-890&room=fm890
36
TextText
http://hyperscope.org/
http://video.google.com/videoplay?docid=-3914718330476864051&q=doug+engelbart
![Page 37: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/37.jpg)
PenO 1, les 2, 3 oktober 2007
XEROX PARC Star - 1981
37
![Page 38: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/38.jpg)
PenO 1, les 2, 3 oktober 200738
http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface
Apple Macintosh - 1984
![Page 39: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/39.jpg)
PenO 1, les 2, 3 oktober 2007
Windows 1.0 - 1985
39
![Page 40: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/40.jpg)
PenO 1, les 2, 3 oktober 200740
http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface
Windows 3.1 - 1993
![Page 41: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/41.jpg)
abundance:snowflake effect...
41
![Page 42: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/42.jpg)
?foodtravelcontentmedia...
abundance in music
![Page 43: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/43.jpg)
snowflake in music...
nice bootstrapping, too!43
![Page 44: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/44.jpg)
evaluation...
44
![Page 45: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/45.jpg)
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
![Page 46: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/46.jpg)
criteria
•Usability
•Usefulness
•Meaning
•(esthetic) Qualities
•Sociability
![Page 47: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/47.jpg)
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!
![Page 48: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/48.jpg)
Factoren die invloed uitoefenen
•...?
![Page 49: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/49.jpg)
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
![Page 50: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/50.jpg)
background...
50
![Page 51: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/51.jpg)
http://www.designinginteractions.com/
![Page 52: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/52.jpg)
• 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.
![Page 53: Introduction to CHI](https://reader033.vdocuments.us/reader033/viewer/2022051608/5457c7e5b1af9fc0638b5343/html5/thumbnails/53.jpg)
53
Thanks!
Questions?http://ariadne.cs.kuleuven.ac.be/wordpress/eduval/
http://www.cs.kuleuven.be/~erikd