Introduction to CHI

Post on 01-Nov-2014

2,846 views 0 download

Tags:

description

Presented at MMI course

transcript

inleiding tot chi

erik duvalK.U.Leuven

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

2

intro...

4

Bad day…

http://www.web42.com/badday/

Niet onbelangrijk…

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

http://www.ntk.net/nielsen2004/

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

chi...

13

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]

technology

task

user

organisational & social

CHI

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

Human Factors

Human factors

Maar ook•BMW iDrive

•1952

•11 indicators, 16 controls

•1994

•35 indicators, 66 controls

•2002

•17 indicators, 29 controls

•“supermouse”: 700 functions

• 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

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

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 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

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”

“I caution that the time frame for adoption of new technologies is measured in decades, not the months everyone would prefer”

Donald A. Norman

People unpredictable

feat

ure

s

reliability, convenience“no fuss or bother”

http://www.cs.berkeley.edu/~jfc/cs160/SP03/

Chrossing the chasm

Long nose of innovation

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

history...

29

PenO 1, les 2, 3 oktober 2007

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

IconsMenus, andPointing devices

• Eigenschappen

• intuitief

• consistent

• vergeven

• beschermen

• Maar niet noodzakelijk best voor expert!

33

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

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

PenO 1, les 2, 3 oktober 2007

XEROX PARC Star - 1981

37

PenO 1, les 2, 3 oktober 200738

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

Apple Macintosh - 1984

PenO 1, les 2, 3 oktober 2007

Windows 1.0 - 1985

39

PenO 1, les 2, 3 oktober 200740

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

Windows 3.1 - 1993

abundance:snowflake effect...

41

?foodtravelcontentmedia...

abundance in music

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 vloekgehalte

•resultaat zelf

•of er evaluatie moet gebeuren

•dikte van gebruikers-manual

•vermoeidheid

•aantal calls op helpdesk

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 te

volbrengen •Subjectief gevoel van voldoening bij gebruikers

Vaak compromis nodig, explicitering belangrijk!

Factoren die invloed uitoefenen

•...?

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

background...

50

• 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.

53

Thanks!

Questions?http://ariadne.cs.kuleuven.ac.be/wordpress/eduval/

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