Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction to Human-Computer Interaction

4,409 views

Published on

Published in: Education
  • Be the first to comment

Introduction to Human-Computer Interaction

  1. 1. Human-Computer Interaction an introductionIntroductory slides to the course Human-Computer Interaction @ KU Leuven, Belgiumhttp://onderwijsaanbod.kuleuven.be/syllabi/e/S0C76AE.htmBy Bieke Zaman http://www.linkedin.com/in/biekezamanYou can be inspired by these slides, but please give me the credits
  2. 2. http://www.southbedsda.org.uk/dyslexia/celebrities
  3. 3. HCI is ….the study of interactionbetween people and computers
  4. 4. USABILITY http://www.userfocus.co.uk/articles/cogwalk.html
  5. 5. http://www.userfocus.co.uk/articles/cogwalk.html
  6. 6. http://www.userfocus.co.uk/articles/cogwalk.html
  7. 7. Source: Google+ Josh Armour
  8. 8. More everyday examples-Find your way on the campus-Explore the Toledo user interface-Struggle with the GPS-Interaction with different ATM-Turn round memory stick-Struggle with printer-Format master thesis (love Word?)-…
  9. 9. Did you ever read a manual?
  10. 10. Definition usability ISO 9241-11http://www.developer.nokia.com/Resources/Library/Design_and_UX/designing-for-nokia-devices/usability-overview/about-usability.html
  11. 11. But usability is also…Learnability – How easy is the system to learn?Efficiency – How quickly can users achieve their tasks?Memorability – How easy is the system to remember?Errors – Control of errors, including prevention and recoverySatisfaction – How much users like the system Nielsen 1993
  12. 12. Relevance?•Competition is high, and only one click away•Lack of usability can damage corporate image•E-commerce – Lack of usability can hinder buying process – Shopping cart abandonment rates
  13. 13. Every day, more time is wasted on ‘tampering’ withcomputers than on being stuck in traffic
  14. 14.
  15. 15. WHY USABILITY IS NO LONGER ENOUGH Product Product ecosystem ecosystem Appealing to Appealing to Based on report by Human Factors International Dr. Eric Schaffer “the Kindle Fire: solid proof that usability is no longer enough” February 2012 emotions and emotions and preferences preferences
  16. 16. THAT NEW MOVIE NOW IN 3D? SO WHAT?http://www.flickr.com/photos/stereoviews/4486459884/sizes/m/in/photostream/, http://www.flickr.com/photos/mikechen-metalman/4452598095/sizes/m/in/photostream/
  17. 17. CONFESSIONS ON A DANCEFLOOR AVERAGE CD PRICE OF $ 14
  18. 18. BUT HER WORLD TOUR
  19. 19. MADE ABOUT $ 64 PER TICKET
  20. 20. “DESIGNING for UX
  21. 21. “DESIGNING UX
  22. 22. “A persons perceptions and responses that result from the useor anticipated use ofa product, system or service” Definition user experience by ISO (2008)
  23. 23. “A persons perceptions and responses dynamic context-dependent that result from the use subjectiveor anticipateda use of range of potential benefits users may“UX stems from broadderive from a system or service”a product, product” Law et al. 2009
  24. 24. PLEASURE HEDONICS FUNOLOGY VALUE“A persons perceptions and responses“UX stems from a from range use that result broad the ofNon-instrumental benefits users derive”or anticipated use ofa product, system or service”
  25. 25. THE PIANO STAIRCASE___________________
  26. 26. HCI is ….Not about people and computers as suchbut about the interaction between these
  27. 27. “ spacesfor human communcation Designing & interaction Winograd 1997 ” http://www.flickr.com/photos/eyedeaz/2784233518/sizes/m/in/photostream/
  28. 28. GOOGLE STREET VIEW____________________
  29. 29. “ spacesfor human communciation Designing ” & interaction Winograd 1997 p. 155 http://www.flickr.com/photos/eyedeaz/2784233518/sizes/m/in/photostream/
  30. 30. http://www.flickr.com/photos/haagsuitburo/534995778/sizes/m/in/photostream/
  31. 31. “ RE-PLACE-ING SPACE Space is the opportunityPlace is the understood reality ” Harrison & Dourish 1996 http://www.flickr.com/photos/haagsuitburo/534995778/sizes/m/in/photostream/
  32. 32. DESIGN SERVING USERS http://www.flickr.com/photos/danisarda/3900990145/sizes/m/in/photostream/
  33. 33. DESIGN SERVING ADAPTERS http://www.flickr.com/photos/eworm/4690444746/sizes/m/in/photostream/
  34. 34. DESIGN SERVING ADAPTERS http://www.flickr.com/photos/eworm/4690444746/sizes/m/in/photostream/
  35. 35. DESIGN SERVING PARTICIPANTS http://www.flickr.com/photos/26611570@N04/4280275066/
  36. 36. DESIGN SERVING PARTICIPANTS http://www.flickr.com/photos/26611570@N04/4280275066/
  37. 37. DESIGN SERVING CO-CREATORS
  38. 38. DESIGN SERVING CO-CREATORS
  39. 39. HCI is ….Now turning into a more diffuse problem space
  40. 40. Diffuse problem space…•New paradigms•New conceptualizations•Innovative design methods
  41. 41. As a reaction to…•Arrival and rapid pace of technologicaldevelopments•which results in a variety of opportunities,•for all manner of people•in all manner of settings•doing all manner of things
  42. 42. HCI is concerned with….“the design, evaluation and implementation ofinteractive systems for human useand with the major phenomena surroundingthem” ACM
  43. 43. ISO 9241-210http://iso9241-210.blogspot.com/2010/04/iso-9241-210-on-ilmestynyt-korvaa-iso.html
  44. 44. CONTEXT OF USEImage by the Centre for User Experience Research (CUO), IBBT/KU Leuven, Belgium
  45. 45. USER REQUIREMENTS De sto k klas-ap aan de p bewee licatie gt wanne e zieke k r het in aanda d de ch vraagt t53 / 141 Images left and upper right by Centre for User Experience Research (CUO), IBBT / KU Leuven, Belgium Image below right by http://www.gamestudies.org/0501/ermi_mayra/
  46. 46. DESIGN SOLUTIONSImage by the Centre for User Experience Research (CUO), IBBT/KU Leuven, Belgium
  47. 47. EVALUATE DESIGNSImage by the Centre for User Experience Research (CUO), IBBT/KU Leuven, Belgium (c) Rob Stevens
  48. 48. HCI isa multidisciplinary discipline
  49. 49. HUMAN SCIENCESEXACT SCIENCESDESIGNHCI’S MULTIDISCIPLINARITY

×