Presented to students in HCD course, 5 Februari 2015, Leuven.

1. Inleiding
human-computer interaction
Prof. Erik Duval - @ErikDuval
Dr. Joris Klerkx - @jkofmsk
Dept. Computerwetenschappen
K.U.Leuven
http://hci.cs.kuleuven.be
1

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

3. 3
Human-Computer Interaction
technology enhanced learning
music
research
personal health
data journalism

4. “to augment the human intellect”
Douglas Engelbart
Tech User
our “strength”

5. Nagel, Till; Maitan, Martina; Duval, Erik; Vande Moere, Andrew; Klerkx, Joris; Kloeckl, Kristian; Ratti, Carlo. Touching transport - a case study on visualizing metropolitan pub
tabletops, AVI 2014 International Working Conference on Advanced Visual Interfaces, Como, Italy, 27 - 30 May 2014, AVI14 Proceedings of the 2014 International Working C
Advanced Visual Interfaces Pages, pages 281-288, ACM
Tech
User
&

6. Parra Chico, Gonzalo Alberto; Klerkx, Joris; Duval, Erik. Understanding engagement with interactive public displays: an awareness campaign in the wild, Gehring, Sven (ed.
Symposium on Pervasive Displays, Copenhagen, Denmark, 3-4 June 2014, Proceedings of The International Symposium on Pervasive Displays, pages 180-185, ACM
User
Tech
&

7. 7
interruptions are fine
really…

8. 8
wie heeft laptop/tablet/gsm
“met internet” bij?

9. intro…

10. Removing friction between users and machines
https://www.youtube.com/watch?v=Lkei8SYU0bc

12. http://erikduval.wordpress.com/2008/09/10/laptop-fun/
http://www.popsci.com/gadgets/article/2013-07/one-laptop-childs-de-evolution

13. Niet onbelangrijk…
http://www.asktog.com/columns/042ButterflyBallot.html
http://en.wikipedia.org/wiki/United_States_presidential_election_in_Florida,_2000

14. http://www.gva.be/cnt/aid1262978/meer-stemmen-dan-valkeniers-door-gevoelige-stemcomputer

15. http://www.washingtonpost.com/blogs/wonkblog/wp/2013/10/06/a-design-critique-of-healthcare-gov/

16. http://www.washingtonpost.com/blogs/wonkblog/wp/2013/10/06/a-design-critique-of-healthcare-gov/

17. http://www.washingtonpost.com/blogs/wonkblog/wp/2013/10/06/a-design-critique-of-healthcare-gov/

18. http://prospect.org/article/biggest-design-flaw-healthcaregov

19. http://www.wired.com/2014/10/big-design-awakening-healthcare-gov/

20. https://www.healthcare.gov

21. http://www.standaard.be/cnt/dmf20140714_01178491

22. http://www.standaard.be/cnt/dmf20140715_01180219

23. http://moneytalk.knack.be/geld-en-beurs/rijkentaks-code-zorgt-voor-massa-onvolledige-belastingaangiftes/article-normal-339913.html

24. Voorbeelden uit jullie leven?

25. Voorbeelden uit jullie leven?

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

29. 29
Paper prototype
http://www.paperprototyping.com/

31. 31
Paper prototyping
http://www.nngroup.com/reports/prototyping/video_stills.html

32. –Johnny Appleseed
"Typ hier een citaat."
Technology
Task
User
organisational &
social
CHI

33. TASKS

34. TECHNOLOGY
http://healthdesignchallenge.com/showcase/method/method.pdf

35. USERS
USER-CENTERED DESIGN
Image from http://connectedsocialmedia.com/10134/inside-it-user-centered-it/

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

39. gebruiksvriendelijk
intuitief

40. Criteria for evaluation:
what do you think?

41. http://semanticstudios.com/publications/semantics/000029.php

42. Usability
• Learnability: time to learn the application
• Efficiency: time to perform task
• Memorability: timethat users remember how and what
• Accuracy: number and kind of errors
• satisfaction: subjective feeling
Often a compromise - important to make explicit

43. ?
@ErikDuval
erik.duval@cs.kuleuven.be
h5p://erikduval.wordpress.com