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.

User centred design process

2,550 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

User centred design process

  1. 1.
  2. 2. User centered design process<br />
  3. 3. LIFECYCLE MODELS<br />
  4. 4. task/functional<br />analysis<br />Implementation<br />Requirements<br />specification<br />Evaluation<br />Prototyping<br />Conceptual/<br />formal design<br />Star model<br />
  5. 5. Star model<br />Usability engineering<br />Usability engineering<br />
  6. 6. Plan the human-centered<br />design process<br />Understand and <br />specify the context of use<br />Designed solution<br />meets user requirements<br />Iterate, <br />where <br />appropriate<br />Specify the user requirements<br />Evaluate the designs <br />against requirements<br />Produce design solutions<br />to meet user requirements<br />Star model<br />Usability engineering<br />ISO’s lifecycle model<br />
  7. 7. Early focus onusers and tasks<br />Empiricalmeasurement<br />Iterative design <br />Traditional principles<br />
  8. 8. Belief in the power of reason<br />Design guidelines are sufficient<br />Good design is gettingit right the first time<br />Worth-centred design & evaluation<br />Competing approaches<br />
  9. 9. User-centred design<br />
  10. 10. CASE<br />
  11. 11. analysis<br />
  12. 12. analysis<br />
  13. 13. analysis<br />
  14. 14. analysis<br />
  15. 15. analysis<br />
  16. 16. design<br />
  17. 17. design<br />
  18. 18. design<br />
  19. 19. evaluation<br />
  20. 20. evaluation<br />
  21. 21. ANALYSIS<br />
  22. 22. Pure observation<br />Participant observation<br />Experience sampling <br />Roleplaying<br />Observational methods<br />with little or no interaction<br />
  23. 23. ContextualInquiry<br />ProcessAnalysis<br />Condensedethnographic interview<br />Discount user observation<br />Observational methods<br />with interaction with users<br />
  24. 24. Artefact walkthrough<br />Incident diaries<br />Video recording<br />Alternative methods<br />observing not possible<br />
  25. 25. Interviews<br />Focus groups<br />Survey/questionnaire<br />Methods to be used with<br />caution<br />
  26. 26. FROM ANALYSIS TO DESIGN<br />
  27. 27. Conceptual model<br />
  28. 28. Wireframes<br />
  29. 29. Source: Courage, C. & Baxter, K. (2005) Understanding your users. <br />Source: Van der Veer G. & Van Welie M. (2004) DUTCH: Designing for users and tasks from concepts to handles. In: The handbook of task analysis for human-computer interaction<br />Tasksequence<br />Workflow Diagram<br />HierarchicalTaskanalysis<br />Task descriptions<br />
  30. 30. Source: Courage, C. & Baxter, K. (2005) Understanding your users. <br />Source: Van der Veer G. & Van Welie M. (2004) DUTCH: Designing for users and tasks from concepts to handles. In: The handbook of task analysis for human-computer interaction<br />Tasksequence<br />Workflow Diagram<br />HierarchicalTaskanalysis<br />Task descriptions<br />
  31. 31. Storyboards<br />Scenario-based design<br />
  32. 32. De stok aan de klas-applicatie beweegt wanneer het zieke kind de aandacht vraagt<br />Bron: De Morgen, Dinsdag 19 Januari 2010<br />Design recommendations<br />
  33. 33. personas<br />33 / 141<br />
  34. 34. Cultural probles<br />
  35. 35. Mood boards<br />
  36. 36. DESIGN<br />
  37. 37. Card sorting<br />Information architecture<br />
  38. 38. Paper <br />Digital<br />Blank<br />Video<br />Wizard of oz<br />Coded<br />Experience<br />Prototyping<br />
  39. 39. Fail early<br />Fail early<br />
  40. 40. Fail often<br />
  41. 41. EVALUATION<br />
  42. 42. Heuristics<br />Guidelines<br />Standards<br />Styleguide<br />Rule based<br />Expert evaluation<br />
  43. 43. Cognitivewalkthrough<br />Heuristicwalkthrough<br />Walkthrough based<br />Expert evaluation<br />
  44. 44. http://sumi.ucc.ie/en/<br />http://hcibib.org/perlman/question.cgi?form=ASQ<br />questionnaires<br />User evaluation<br />
  45. 45. User tests<br />User evaluation<br />
  46. 46. Psycho-physiological measures<br />
  47. 47. 47 / 67<br />FaceReader<br />
  48. 48. Repertory Grid<br />
  49. 49. Laddering<br />
  50. 50. Product Emotion Measurement<br />
  51. 51. Sensual Evaluation Instrument<br />
  52. 52. The sky is the limit…<br />
  53. 53. credits<br />Slide 7 http://www.flickr.com/photos/thompson/46457718/in/photostream/<br />Slide 8 http://www.flickr.com/photos/pierofix/4357784206/sizes/m/in/photostream/<br />Slide 22 http://www.flickr.com/photos/brianglanz/2383687611/sizes/m/in/photostream/<br />Slide 23 http://www.flickr.com/photos/wili/242265276/in/photostream/<br />Slide 38 http://www.flickr.com/photos/davidmasters/3605862283/sizes/m/in/photostream/<br />Slide 25 http://www.flickr.com/photos/xanxhor/3799615485/sizes/m/in/photostream/<br />Slide 43: http://www.flickr.com/photos/horiavarlan/4519955517/in/photostream/<br />Slide 45 http://www.flickr.com/photos/23512941@N00/477221327/<br />Slide 53 http://www.flickr.com/photos/danorbit/1814156778/in/photostream/<br />Slide 52 http://www.flickr.com/photos/streetpreacher/185428401/in/photostream/<br />Slide 45 http://www.flickr.com/photos/13316988@N00/3231119457/http://www.flickr.com/photos/56685575@N00/97737994/<br />Slide 27 http://www.flickr.com/photos/29487767@N02/3338900345/in/photostream/<br />Pictures Theraplay case: http://wiki.groept.be/confluence/display/TP/Home<br />
  54. 54. Example cultural probe results<br />54 / 67<br />
  55. 55. 55 / 141<br />Paper prototyping<br />
  56. 56. 56 / 141<br />Paper prototyping<br />Self made UI Toolkit<br />
  57. 57. 57 / 141<br />Paper prototyping <br />
  58. 58. 58 / 141<br />
  59. 59. 59 / 141<br />
  60. 60. 60 / 141<br />
  61. 61. 61 / 141<br />Styleguides<br />Windows guidelines<br />
  62. 62. Questionnaire for User InteractionSatisfaction (QUIS)<br />
  63. 63. 63 / 67<br />Product reaction cards (desirability toolkit)<br />
  64. 64. Example analysis emocards<br />64 / 67<br />
  65. 65. Example analysis SEI<br />65 / 67<br />
  66. 66. Example analysis SEI<br />66 / 67<br />
  67. 67. Emocards<br />
  68. 68. Experience prototyping<br />

×