Presented to my students on 24 February 2014

1. HCI: sessie 2
KU Leuven, B, 24 February 2014
!
Erik Duval
http://erikduval.wordpress.com
@ErikDuval
1

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

3. intro

4. hci story of the week?

5. http://www.youtube.com/watch?v=Qe10ExwzCqk#t=62

6. http://selfiecity.net

7. 20%
responsive design…

8. work of past week…

9. http://ariadne.cs.kuleuven.be/wiki/index.php/Chi_2014

11. try to write more from user perspective:
what is she trying to achieve
and how is that problematic?

12. still using feedly?
!
(also for non course blogs?)

13. vandaag
!
vomi: brainstorm
nami: consolideer, pitch, persona,
storyboard
!
sven

14. brainstorm

15. PenO3cw

16. http://www.slideshare.net/giselakassoy/brainstorming-for-fund-and-profit-13623085
16

17. http://hci.stanford.edu/courses/cs247/2012/readings/dschool-brainstorming.pdf

18. http://hci.stanford.edu/courses/cs247/2012/readings/dschool-brainstorming.pdf

19. http://www.slideshare.net/giselakassoy/brainstorming-for-fund-and-profit-13623085
19

20. http://www.fastcompany.com/63818/seven-secrets-good-brainstorming

21. assignment

22. important to
!
know your user
her tasks context
be able to recruit
test people

23. design a student app

24. think of typical
!
difficulties
tasks
context
…

25. just an app
!
start with as little as possible
(but not less)

26. don’t worry about practicalities
(for now)
!
(and maybe not completely crazy stuff)

27. https://trissen.be

28. http://www.youtube.com/watch?v=CV1t4QJElfo

29. user generated content apps

31. http://www.appsforstudents.be

32. https://tgoossens.wordpress.com/2013/05/14/the-ku-leuven-needs-api/

33. personas

34. the user

35. http://benmelbourne.files.wordpress.com/2011/05/persona-example-2.png

36. http://www.usability.gov/how-to-and-tools/methods/personas.html

37. http://www.usability.gov/how-to-and-tools/methods/personas.html

38. http://www.user.com/downloads/Sample-persona-from-Interaction-Design.pdf

39. http://www.it.uu.se/edu/course/homepage/hcidist/v04/Persona-overview.pdf

40. https://www.interaction-design.org/encyclopedia/personas.html

41. storyboard

42. storyboard
•
tekenfilm, film, reclame, interactieve media,
•
afkomstig van Disney, jaren ’30
web sites, ...
•
help discussie te triggeren
!42
http://www.vintageip.com/terms-storyboard.html

43. !43
http://hometown.aol.com/greghigh6/storyboard_design.html

44. hoe
•
inleiding, achtergrond, voorbeeld, besluit, ...
•
wijs media toe aan scènes
•
video, audio, diagram, kaart, foto
•
werk interactiviteit uit
•
controle door gebruiker op navigatie
•
identificeer kleine “scènes”
!44

45. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

46. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

47. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

48. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

49. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

50. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

51. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

52. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

53. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

54. http://hci.stanford.edu/courses/cs147/2009/assignments/storyboard_notes.pdf

55. !55

56. 56

57. https://class.coursera.org/hci//lecture/preview
57

58. http://dl.acm.org/citation.cfm?id=163268

59. tegen volgende week

60. blog resultaat van vandaag
brainstorm, personas, storyboard
leg uit hoe papers wel/niet helpen
om te verstaan wat je vandaag deed
blog hci story of the week
blog +/-/? van sessie deze week
blog voor vrijdag
comment voor zondag

62. ?
@ErikDuval
http://erikduval.wordpress.com
62