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

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

2. http://www.slideshare.net/erik.duval

3. Wie ben je en wat doe je hier?

4. intro...

5. Bad day…
http://www.web42.com/badday/

6. 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/)

9. Wat doe jij vooral?

10. Niet zo eenvoudig...

11. http://erikduval.wordpress.com/2008/09/10/laptop-fun/

12. Niet onbelangrijk…
•http://www.boston.com/campaign2000/vote/florida_voters.htm
http://www.ntk.net/nielsen2004/

13. voorbeelden uit jouw leven...
• ...

14. chi...

15. “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

17. task
organisational &
social
CHI
technology user

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

19. http://chi2011.org/

20. • ACM SIGCHI
• meer dan 6000 leden
• jaarlijkse conferentie
• tijdschriften
• ACM interactions
• ACM Transactions Computer-Human Interaction
• International Journal of Human-Computer Studies
• HCI bibliography

22. vuistregels

23. hoe weet je dat een UI “goed” is?

24. Wat doe jij vooral?

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

26. You are not the user!
(if you are the developer)

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

28. If the user does something
“wrong”, it is the fault of the
system designer!

29. “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

30. adoptie

31. http://www.cs.berkeley.edu/~jfc/cs160/SP03/
features Chrossing the chasm
reliability,
convenience
“no fuss or bother”

32. voorbeelden van
producten op
adoptie-curve?
...

34. http://www.post-gazette.com/pg/09032/946191-85.stm

35. Long nose of innovation
http://www.businessweek.com/innovate/content/jan2008/id2008012_297369.htm

36. history

37. GUI dateert van..?

38. Command Line Interface

39. Nog vb?

40. Grafische gebruikersinterface

41. WIMP
• Windows
Icons
Menus, and
Pointing devices
• Eigenschappen
• intuitief
• consistent
• vergeven
• beschermen
• Maar niet noodzakelijk

42. D. Engelbart, Augment
• Stanford Research Institute
• “Uitvinder” van muis,
windows, groupware, ...
• team naar Xerox PARC
• nu: bootstrap institute
• http://www.bootstrap.org/

43. http://www.youtube.com/watch?v=X4kp9Ciy1nE

44. http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/

45. XEROX PARC Star - 1981

46. Apple Macintosh - 1984
http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface

47. http://www.youtube.com/watch?v=G0FtgZNOD44

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

49. Windows 1.0 - 1985

50. Windows 3.1 - 1993
http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface

51. future

54. http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx

55. http://www.youtube.com/watch?v=CGwvZWyLiBU

57. http://www.lce.hut.fi/
research/css/bci/

58. http://www.youtube.com/watch?v=qCSSBEXBCbY&NR=1

59. http://www.youtube.com/watch?v=iDX1FZxC0D4

60. background...

61. http://www.designinginteractions.com/

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

63. Questions?
http://erikduval.wordpress.com/
http://www.cs.kuleuven.be/~erikd
Thanks!