1. inleiding tot chi
erik duval
K.U.Leuven
http://www.cs.kuleuven.be/~erikd
1
Tuesday, February 10, 2009

2. 2
Tuesday, February 10, 2009

3. http://www.slideshare.net/erik.duval
Tuesday, February 10, 2009
3

4. Waarom koos je dit vak?
• connectie wat er opvalten laten gebruiken
ontwikkelen
• begrijpen en dus belangrijkgui
aan
• altijdweet je of het goed is
nodig
• hoe dan andere vakken: aanpak
• anders
• creativiteit in, waar op letten
• ben genoeg stpten
ik slecht
• net
• mede-studenten
• andere kant je het leren?
• soft skill -dikijls
kan
• erger mij op goed geluk gebaseerd
• lijkt te veel
• facebook applicatiesen ongelooflijk toffe prof
zijn cool
• geen papegaaiwerk
Tuesday, February 10, 2009

5. Vorig jaar...
• interessant
• iets anders • interactief
• ik weet er niet veel van • aangeraden
• MMI • UI belangrijk
• MOP, PENO: GUI • weet niet meer
• nuttig • zelf gebruiken en toepassing
• nog niet aan bod gekomen • praktisch vak
• belangrijk • nuttig
• geheim van de goede GUI • later mee te maken
• kan je echt gebruiken
Tuesday, February 10, 2009

6. Bad day…
http://www.web42.com/badday/
Tuesday, February 10, 2009

7. Doelstelling
• Begrijpen
• trade-off factoren
• Diversiteit gebruikers en taken
• Beperkingen van methodes
• Bijdragen verschillende disciplines
• Kunnen
• Ontwerpen, “implementeren” en
evalueren
Tuesday, February 10, 2009

8. Tuesday, February 10, 2009

9. 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.
Tuesday, February 10, 2009

10. 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.chesco.com/~cmarion/Design/UIDesign.html)
Tuesday, February 10, 2009

11. Niet onbelangrijk…
•http://www.boston.com/campaign2000/vote/florida_voters.htm
http://www.ntk.net/nielsen2004/
Tuesday, February 10, 2009

12. http://www.designinginteractions.com/
Tuesday, February 10, 2009

13. • 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.
Tuesday, February 10, 2009

14. GUI - probleem uit jouw leven?
• 3D gratis blender: http://freeware.odlican.net/images/
blender.jpg
• <> te veel iconen en geen snelkoppelingen
• windows XP en vista: nietandere vensters verbergt, ook
resizebare vensters (wireless
networks) en pop-up die
macos en pda
• spelletjes voor pcs en consoles: strategy op playstation:pijl
boven voor enter
• aandacht trekken: banners web, toledo ISP
• HTML form alles wissen
• omeletnog langerkookplat gelockt bij afwassen, handleiding
bakken -
nodig!, induwen
• linksonder ingedrukt om te unlocken
• silent mode ongewid uitschakelen
Tuesday, February 10, 2009

15. reele wereld
• laptop afsluiten door op start-knop te
drukken
• CD eject op apple met forced reboot
• betaalterminals met knoppen waarop je niet
mocht/kon op duwen
• geld terug voor kaart?
• Q8-E19
• aansturen AV in auditoria
Tuesday, February 10, 2009

16. GUI - probleem uit jouw leven?
• 7: word auto-opmaak moeilijk weg te krijgen
• 12: vlc media player versies (macos-xp)
• 5: vista, te veel kaders rond tekst
• 9: kul web site - sport info
• 3: dvd recorder taalfout (ja<>neen)
• 4: visual paradigm - lifeline in lus via menu
• 1: evolution email - wissen zoekveld of email boodschap?
• 11: toledo - onoverzichtelijk wanneer iets toegevoegd is
• 2: startmenu vista: lange scrollvensters
• 6=9
• 8: deredactie.be te druk
• 10: outlook versus express - accounts instellen (ook: eclips)
Tuesday, February 10, 2009

17. GUI - probleem uit jouw leven?
• apotheker-site: registratie -> telefoon
• uurrooster onbeschikbaar -> back-up lijst
• lessenrooster vinden -> kuleuven googlen
• PC-lab -> numlock standaard af
• ADSL helpdesk -> laat iemand terugbellen die er iets van kent
• download uit mail -> beveiligde map, overschrijving
• delijn.be
• toledo -> assignment indienen
• laserprinter -> r0x32 boodschap
• SMIL -> “error”
Tuesday, February 10, 2009

18. 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]
Tuesday, February 10, 2009

19. task
organisational &
social
CHI
technology user
Tuesday, February 10, 2009

20. Human Factors
Tuesday, February 10, 2009

21. Human factors
Tuesday, February 10, 2009

22. You are not the user!
(if you are the developer)
Tuesday, February 10, 2009

23. Four Myths
Tuesday, February 10, 2009

24. Four Myths
Only experts create good designs
 experts faster, simple and effective techniques anyone can apply
Tuesday, February 10, 2009

25. 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
Tuesday, February 10, 2009

26. 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)
Tuesday, February 10, 2009

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
Tuesday, February 10, 2009

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

29. Tuesday, February 10, 2009

30. “logical analysis is not a good way to
predict people's behavior (nor are focus
groups or surveys): observation is the
key”
Tuesday, February 10, 2009

31. “logical analysis is not a good way to
predict people's behavior (nor are focus
groups or surveys): observation is the
key”
Tuesday, February 10, 2009

32. “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”
Tuesday, February 10, 2009

33. “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
Tuesday, February 10, 2009

34. People unpredictable
Tuesday, February 10, 2009

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

36. Tuesday, February 10, 2009

37. Tuesday, February 10, 2009

38. Tuesday, February 10, 2009

39. Dank!
Tuesday, February 10, 2009

40. Vragen?
Dank!
Tuesday, February 10, 2009

41. Vragen?
http://www.cs.kuleuven.ac.be/~erikd
Dank!
Tuesday, February 10, 2009