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

inleiding tot chi

Embed Size (px)

DESCRIPTION

Presentation for a course on Human Centered Design on 3 February 2011

Citation preview

Page 1: inleiding tot chi

inleiding tot chi

erik duvalK.U.Leuven

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

Page 3: inleiding tot chi

Wie ben je en wat doe je hier?

Page 4: inleiding tot chi

intro...

Page 5: inleiding tot chi

Bad day…

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

Page 6: inleiding tot chi

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.cooper.com/)

Page 7: inleiding tot chi
Page 8: inleiding tot chi
Page 9: inleiding tot chi

Wat doe jij vooral?

Page 10: inleiding tot chi

Niet zo eenvoudig...

Page 12: inleiding tot chi

Niet onbelangrijk…

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

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

Page 13: inleiding tot chi

voorbeelden uit jouw leven...

• ...

Page 14: inleiding tot chi

chi...

Page 15: inleiding tot chi

“a discipline concerned with the design evaluation and implementationof interactive computing systems for human use and with the study of major phenomena surrounding them."

ACM

Page 16: inleiding tot chi
Page 17: inleiding tot chi

technology

task

user

organisational & social

CHI

Page 18: inleiding tot 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

Page 19: inleiding tot chi

http://chi2011.org/

Page 20: inleiding tot chi

• ACM SIGCHI

• meer dan 6000 leden

• jaarlijkse conferentie

• tijdschriften• ACM interactions

• ACM Transactions Computer-Human Interaction

• International Journal of Human-Computer Studies

• HCI bibliography

Page 21: inleiding tot chi
Page 22: inleiding tot chi

vuistregels

Page 23: inleiding tot chi

hoe weet je dat een UI “goed” is?

Page 24: inleiding tot chi

Wat doe jij vooral?

Page 25: inleiding tot chi

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 26: inleiding tot chi

You are not the user!

(if you are the developer)

Page 27: inleiding tot chi

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 28: inleiding tot chi

If the user does something “wrong”, it is the fault of the

system designer!

Page 29: inleiding tot chi

“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 30: inleiding tot chi

adoptie

Page 31: inleiding tot chi

feat

ures

reliability, convenience

“no fuss or bother”

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

Chrossing the chasm

Page 32: inleiding tot chi

voorbeelden van producten opadoptie-curve?

...

Page 33: inleiding tot chi
Page 34: inleiding tot chi

http

://w

ww

.pos

t-ga

zett

e.co

m/p

g/09

032/

9461

91-8

5.st

m

Page 35: inleiding tot chi

Long nose of innovation

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

Page 36: inleiding tot chi

history

Page 37: inleiding tot chi

GUI dateert van..?

Page 38: inleiding tot chi

Command Line Interface

Page 39: inleiding tot chi

Nog vb?

Page 40: inleiding tot chi

Grafische gebruikersinterface

Page 41: inleiding tot chi

WIMP• Windows

IconsMenus, andPointing devices

• Eigenschappen

• intuitief

• consistent

• vergeven

• beschermen

• Maar niet noodzakelijk

Page 42: inleiding tot chi

D. Engelbart, Augment

• Stanford Research Institute

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

• team naar Xerox PARC

• nu: bootstrap institute

• http://www.bootstrap.org/

Page 45: inleiding tot chi

XEROX PARC Star - 1981

Page 46: inleiding tot chi

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

Apple Macintosh - 1984

Page 48: inleiding tot chi

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

Page 49: inleiding tot chi

Windows 1.0 - 1985

Page 50: inleiding tot chi

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

Windows 3.1 - 1993

Page 51: inleiding tot chi

future

Page 52: inleiding tot chi
Page 53: inleiding tot chi
Page 56: inleiding tot chi
Page 60: inleiding tot chi

background...

Page 62: inleiding tot chi

• 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 63: inleiding tot chi

Thanks!

Questions?http://erikduval.wordpress.com/

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