UX from 30,000ft (COMP33512 - Lecture 5 & 6 - 2012/2013)

1,609 views

Published on

Website Link: http://ocw.cs.manchester.ac.uk/ux/category/week-3/
Video URL: http://youtu.be/IQx_JU8bV8E
Slides: https://www.slideshare.net/simon-harper/w03-comp33512

"I'll sit down to work on an assignment, start sketching screens or composing an outline, then suddenly stop and say to myself, "these are all 'hows!' What is the 'what?' What am I really trying to deliver?" There is an implicit 'what' underlying most software projects 'understanding.' The users of your software are trying to learn something from the, data they are seeing. They need to understand the process of working with the software, and how it relates to the rest of their job. They need to understand how to use the software itself. When understanding is made an explicit part of the requirements, the 'how' that is, the design will change. How can we help our users gain under- standing? . . . As the collection grows, a few common themes are emerging. Some of the themes are often discussed in computing circles, such as user centred design, iterative development, user testing, and concern for human factors. These are all 'big ideas.' But what I really need for my day-to-day work are a few easy-to-handle tools -- ways, of thinking that will help me to do well at all those small decisions whose cumulative effect is so large. . . When writers and designers want to explain something, they use visual 'hat racks' (maps, diagrams, charts, lists, time lines) that help us understand how our world is organised. Information hats may be hung on these racks to reveal patterns, connections, and relationships. As the scientific visualisation community has found out, one of the exciting things about computers is the way they let you dynamically change the racks on which your information hats are hanging -- you can see the same information in many different ways. . . Although there seems to be an infinity of ways to organise information, [Wurman] notes there are really only five general ways: time; location; continuum or magnitude; and category."... Marc Rettig 1992

'Hat Racks for Understanding!' -- How due we find out what people want? This is just what User (or Human) Centred Design (also known as UXD) was created to do; put people first. Here we'll investigate UXD and discuss the ways a design can evolve.

05 - 'What People Want!' -- 'what do people want?', it's often difficult for us to know. Here we'll look at Requirements elicitation and analysis in the context of UX; mainly focusing on Observation, Focus Groups, and one-to-one interviews.

06 - 'Don't use a Napkin!' -- Once you have an idea about your design you need to model it and communicate it to others. In this case we can use techniques like Use Cases, Stories, Scenarios, Personas, Wireframes, and Mock-ups; indeed some of these can also be used for your requirements gathering too.

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,609
On SlideShare
0
From Embeds
0
Number of Embeds
558
Actions
Shares
0
Downloads
52
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

UX from 30,000ft (COMP33512 - Lecture 5 & 6 - 2012/2013)

  1. 1. UX Pop Quiz Hat Racks for Understanding Wrapping Up The User Experience from 30,000ft #comp33512 Week 03 – Lectures 05/06 Simon Harper University of Manchester Semester 2 – 2012/13 last update: February 13, 2013 The User Experience from 30,000ft 1 / 31
  2. 2. UX Pop Quiz Hat Racks for Understanding Wrapping UpUX Pop Quiz 1. What is the key focus of HCI? 2. What is the purpose of the UX specialist? 3. What is User Experience and how is it applied? 4. If there are no 100% correct answers in UX, how do we decide what is right and what is wrong? 5. What are the five key properties of UX? 6. Pick one input modality and describe it. 7. What are the four main sensory channels, and briefly explain them? ...expanded on pg. 40 and on pg. 79 The User Experience from 30,000ft UX Pop Quiz 2 / 31
  3. 3. UX Pop Quiz Hat Racks for Understanding Wrapping UpHat Racks for Understanding Marc Rettig “I’ll sit down to work on an assignment, start sketching screens or composing an outline, then suddenly stop and say to myself, “these are all ‘hows!’ What is the ‘what?’ What am I really trying to deliver?” There is an implicit ‘what’ underlying most software projects understanding.” ...expanded in ‘Hat Racks for Understanding’ (pg. 81) The User Experience from 30,000ft Hat Racks for Understanding 3 / 31
  4. 4. UX Pop Quiz Hat Racks for Understanding Wrapping UpAwareness, Understanding, Action Figure 22. ‘Awareness, Understanding, Action’; pg. 83 ...expanded in ‘Hat Racks for Understanding’ (pg. 83) The User Experience from 30,000ft Hat Racks for Understanding 4 / 31
  5. 5. UX Pop Quiz Hat Racks for Understanding Wrapping UpDiscover, Design, Use Figure 23. ‘Discover, Design, Use’; pg. 84 ...expanded in ‘Hat Racks for Understanding’ (pg. 84) The User Experience from 30,000ft Hat Racks for Understanding 5 / 31
  6. 6. UX Pop Quiz Hat Racks for Understanding Wrapping UpUser Centred Design / Participatory Design The major difference between the traditional engineering methods, and UCD is that the users participate far more in UCD, and that the cycles are not so ridged. Further, requirements engineering is often more concerned that all functionality is present and that this functionality works correctly – important, to be sure. However, UCD is interested in making sure the functionality elicited in the requirements capture is the ‘right’ functionality for the users – it is ‘What People Want!’. ...expanded in ‘Hat Racks for Understanding’ (pg. 84) The User Experience from 30,000ft Hat Racks for Understanding 6 / 31
  7. 7. UX Pop Quiz Hat Racks for Understanding Wrapping UpWho... ‘Actor’ refers to a specific instance of the users such as a customer, manager, or sales clerk; ...expanded in ‘What Information Do I Need?’ (pg. 85) The User Experience from 30,000ft Hat Racks for Understanding 7 / 31
  8. 8. UX Pop Quiz Hat Racks for Understanding Wrapping UpWho... ‘Actor’ refers to a specific instance of the users such as a customer, manager, or sales clerk; ‘Stakeholder’ is similar to an actor but in this case they are less involved; ...expanded in ‘What Information Do I Need?’ (pg. 85) The User Experience from 30,000ft Hat Racks for Understanding 7 / 31
  9. 9. UX Pop Quiz Hat Racks for Understanding Wrapping UpWho... ‘Actor’ refers to a specific instance of the users such as a customer, manager, or sales clerk; ‘Stakeholder’ is similar to an actor but in this case they are less involved; ‘Role’ describes the persona the user will be taking, such as a purchaser or a seller; and ...expanded in ‘What Information Do I Need?’ (pg. 85) The User Experience from 30,000ft Hat Racks for Understanding 7 / 31
  10. 10. UX Pop Quiz Hat Racks for Understanding Wrapping UpWho... ‘Actor’ refers to a specific instance of the users such as a customer, manager, or sales clerk; ‘Stakeholder’ is similar to an actor but in this case they are less involved; ‘Role’ describes the persona the user will be taking, such as a purchaser or a seller; and ‘Proxy’ is used to describe a person who is not a specific user but is playing that role, in this case a proxy sales clerk. ...expanded in ‘What Information Do I Need?’ (pg. 85) The User Experience from 30,000ft Hat Racks for Understanding 7 / 31
  11. 11. UX Pop Quiz Hat Racks for Understanding Wrapping UpWhat? The User Experience from 30,000ft Hat Racks for Understanding 8 / 31
  12. 12. UX Pop Quiz Hat Racks for Understanding Wrapping UpWhat.. ‘Current System?’ What does the current system (paper based or not) do; You will also need to have... The User Experience from 30,000ft Hat Racks for Understanding 9 / 31
  13. 13. UX Pop Quiz Hat Racks for Understanding Wrapping UpWhat.. ‘Current System?’ What does the current system (paper based or not) do; ‘Current Documentation?’ What does it produce and what terms / jargon is used; You will also need to have... ...a plan for design, agile participatory development, and handling feature creep. The User Experience from 30,000ft Hat Racks for Understanding 9 / 31
  14. 14. UX Pop Quiz Hat Racks for Understanding Wrapping UpWhat.. ‘Current System?’ What does the current system (paper based or not) do; ‘Current Documentation?’ What does it produce and what terms / jargon is used; ‘Improvements?’ What improvements could be made (where does it fail)?; You will also need to have... ...a plan for design, agile participatory development, and handling feature creep. The User Experience from 30,000ft Hat Racks for Understanding 9 / 31
  15. 15. UX Pop Quiz Hat Racks for Understanding Wrapping UpWhat.. ‘Current System?’ What does the current system (paper based or not) do; ‘Current Documentation?’ What does it produce and what terms / jargon is used; ‘Improvements?’ What improvements could be made (where does it fail)?; ‘Newness?’ What changes / additions / subtractions are required; and You will also need to have... ...a plan for design, agile participatory development, and handling feature creep. The User Experience from 30,000ft Hat Racks for Understanding 9 / 31
  16. 16. UX Pop Quiz Hat Racks for Understanding Wrapping UpWhat.. ‘Current System?’ What does the current system (paper based or not) do; ‘Current Documentation?’ What does it produce and what terms / jargon is used; ‘Improvements?’ What improvements could be made (where does it fail)?; ‘Newness?’ What changes / additions / subtractions are required; and ‘Importance?’ What is important / what needs speed / what is less often used / what is the ‘schedule’ ?. You will also need to have... ...a plan for design, agile participatory development, and handling feature creep. The User Experience from 30,000ft Hat Racks for Understanding 9 / 31
  17. 17. UX Pop Quiz Hat Racks for Understanding Wrapping UpHow? Figure 25. ‘Post-Its in Development’; pg. 87 ...expanded in ‘Hat Racks for Understanding’ (pg. 86) The User Experience from 30,000ft Hat Racks for Understanding 10 / 31
  18. 18. UX Pop Quiz Hat Racks for Understanding Wrapping UpHow... ‘Observation’ (Observe) Look at what people do, and note it down; THIS IS NOT Time and Motion! ...expanded in ‘Hat Racks for Understanding’ (pg. 88) The User Experience from 30,000ft Hat Racks for Understanding 11 / 31
  19. 19. UX Pop Quiz Hat Racks for Understanding Wrapping UpHow... ‘Observation’ (Observe) Look at what people do, and note it down; ‘Analysis’ (Analyse) Analysis the ‘stuff’ they produce; and THIS IS NOT Time and Motion! ...expanded in ‘Hat Racks for Understanding’ (pg. 88) The User Experience from 30,000ft Hat Racks for Understanding 11 / 31
  20. 20. UX Pop Quiz Hat Racks for Understanding Wrapping UpHow... ‘Observation’ (Observe) Look at what people do, and note it down; ‘Analysis’ (Analyse) Analysis the ‘stuff’ they produce; and ‘Discussion’ (Discuss) Try to find out what these observations and analysis means; THIS IS NOT Time and Motion! ...expanded in ‘Hat Racks for Understanding’ (pg. 88) The User Experience from 30,000ft Hat Racks for Understanding 11 / 31
  21. 21. UX Pop Quiz Hat Racks for Understanding Wrapping UpQualitative – ‘Qual’ Figure 78. ‘NVivo Tool’; pg. 215 The User Experience from 30,000ft Hat Racks for Understanding 12 / 31
  22. 22. UX Pop Quiz Hat Racks for Understanding Wrapping UpGot Six Months? ...expanded in ‘Hat Racks for Understanding’ (pg. 88) The User Experience from 30,000ft Hat Racks for Understanding 13 / 31
  23. 23. UX Pop Quiz Hat Racks for Understanding Wrapping UpGot Six Months? Participant Observation ‘Learn by Doing’; Longterm / Interpretive; Embedded / Imbedded (Invisible & Embedded); Copious Notes and Analysis (Ethnography); Conversations with a Purpose; Deep but Narrow Understanding; using Strategies to NOT ...expanded in ‘Hat Racks for Understanding’ (pg. 88) Standout. The User Experience from 30,000ft Hat Racks for Understanding 13 / 31
  24. 24. UX Pop Quiz Hat Racks for Understanding Wrapping UpGot Six Months? Participant Observation Task Analysis ‘Learn by Doing’; ‘Learn by Observing’; Longterm / Interpretive; Can be Short Term; Embedded / Imbedded Invisible / Remote, but (Invisible & Embedded); can be Copious Notes and Close & Discursive; Analysis (Ethnography); Notes with ‘Formal’ Conversations with a Models; Purpose; Mid-Deep / Mid-Scope; Deep but Narrow using Understanding; using Less Interpretation. Strategies to NOT ...expanded in ‘Hat Racks for Understanding’ (pg. 88) Standout. The User Experience from 30,000ft Hat Racks for Understanding 13 / 31
  25. 25. UX Pop Quiz Hat Racks for Understanding Wrapping UpWhere Could these be Applied? The User Experience from 30,000ft Hat Racks for Understanding 14 / 31
  26. 26. UX Pop Quiz Hat Racks for Understanding Wrapping UpGot Six Weeks? ...expanded in ‘Hat Racks for Understanding’ (pg. 91) The User Experience from 30,000ft Hat Racks for Understanding 15 / 31
  27. 27. UX Pop Quiz Hat Racks for Understanding Wrapping UpGot Six Weeks? Focus Groups / Interviews ‘Learn By Asking’; Fast with many Participants; ‘People Lie’; Group think (in F/G) maybe Wrong; Wide but Shallow; Semi-Structured Questions; and Requires Even Less Interpretation. ...expanded in ‘Hat Racks for Understanding’ (pg. 91) The User Experience from 30,000ft Hat Racks for Understanding 15 / 31
  28. 28. UX Pop Quiz Hat Racks for Understanding Wrapping UpGot Six Weeks? Focus Groups / Interviews Social / Shorten 6 Months ‘Learn By Asking’; Social; Fast with many Just Talking; Participants; Cannot get the full ‘People Lie’; picture; Group think (in F/G) Relaxed - Informal; or maybe Wrong; Observation on a smaller Wide but Shallow; scale; but Semi-Structured More Constrained - More Questions; and Shallow, than PObs. Requires Even Less Interpretation. ...expanded in ‘Hat Racks for Understanding’ (pg. 91) The User Experience from 30,000ft Hat Racks for Understanding 15 / 31
  29. 29. UX Pop Quiz Hat Racks for Understanding Wrapping UpLack of Users? Archive Describe an organisation by the things it produces; The Letters and Trails it Creates; Important Documentation; Logs and Logbooks; in short The artefacts of the systems already created by the users. ...expanded in ‘Hat Racks for Understanding’ (pg. 93) The User Experience from 30,000ft Hat Racks for Understanding 16 / 31
  30. 30. UX Pop Quiz Hat Racks for Understanding Wrapping UpLet’s Have a Break! Back in 10 Minutes! Come see me now if you have Questions Regarding this Lecture! The User Experience from 30,000ft Hat Racks for Understanding 17 / 31
  31. 31. UX Pop Quiz Hat Racks for Understanding Wrapping UpHow Do I Convey the Information I Have Acquired?–User Stories With Notes: Figure 26. ‘Story Card with Notes’; pg. 97 ...expanded in ‘Hat Racks for Understanding’ (pg. 97) The User Experience from 30,000ft Hat Racks for Understanding 18 / 31
  32. 32. UX Pop Quiz Hat Racks for Understanding Wrapping UpHow Do I Convey the Information I Have Acquired?–User Stories Too Much: Figure 27. ‘Story Card with Too Much Detail’; pg. 97 ...expanded in ‘Hat Racks for Understanding’ (pg. 97) The User Experience from 30,000ft Hat Racks for Understanding 18 / 31
  33. 33. UX Pop Quiz Hat Racks for Understanding Wrapping UpHow Do I Convey the Information I Have Acquired?–User Stories Revised: Figure 28. ‘Revised Story Card’; pg. 98 ...expanded in ‘Hat Racks for Understanding’ (pg. 97) The User Experience from 30,000ft Hat Racks for Understanding 18 / 31
  34. 34. UX Pop Quiz Hat Racks for Understanding Wrapping Up–Use Cases Figure 29. ‘Tabular Use-Case’; pg. 99 The User Experience from 30,000ft Hat Racks for Understanding 19 / 31
  35. 35. UX Pop Quiz Hat Racks for Understanding Wrapping Up–Scenario Mary has a learning disability. She finds looking at images on a webpage very distracting. Mary would like to see all images rendered in the following order. First, for images with long descriptions have the long description rendered in place of the image. If the long description does not exit, she wants the ‘alt text’ to be rendered. If neither is available, Mary wants the file name rendered. Added functionality would allow Mary to right click (context menu) on an image to list and select the rendering of the available alternatives (thumbnail, original size, full screen, low resolution, high resolution, alt text, long description, file name). ...expanded in ‘Hat Racks for Understanding’ (pg. 100) The User Experience from 30,000ft Hat Racks for Understanding 20 / 31
  36. 36. UX Pop Quiz Hat Racks for Understanding Wrapping Up–Persona Eva is 75 she was diagnosed with lung cancer 8 months ago, she has had chemotherapy to manage her symptoms and to hopefully extend her life, she found the treatment very difficult and had lots of side effects. Her husband died 5 years ago from bowel cancer and she lives alone in social housing. Her daughter lives nearby and she sees her grandchildren often. She is an ex-smoker and quit 20 years ago. She attends church on a Sunday when she can but is otherwise limited in her social contact. She does not own a computer and feels she is too old to learn about technology. Her granddaughter sometimes brings her articles from the internet about new treatments but she finds them confusing. She telephones her cancer nurse is she has any problems but mainly gets information when she has her regular follow-up appointments. ...expanded in ‘Hat Racks for Understanding’ (pg. 100) The User Experience from 30,000ft Hat Racks for Understanding 21 / 31
  37. 37. UX Pop Quiz Hat Racks for Understanding Wrapping Up–Persona on Steriods Figure 30. ‘Expanded Persona’; pg. 100 The User Experience from 30,000ft Hat Racks for Understanding 22 / 31
  38. 38. UX Pop Quiz Hat Racks for Understanding Wrapping Up–Wireframe Figure 31. ‘Calendar Wireframe’; pg. 101 The User Experience from 30,000ft Hat Racks for Understanding 23 / 31
  39. 39. UX Pop Quiz Hat Racks for Understanding Wrapping Up–Mock-up / Wizard of Oz Figure 32. ‘iPhone Application Mock-up’; pg. 102 The User Experience from 30,000ft Hat Racks for Understanding 24 / 31
  40. 40. UX Pop Quiz Hat Racks for Understanding Wrapping Up ...see ‘Post-It Storyboard’ (pg. 103)–Storyboard The User Experience from 30,000ft Hat Racks for Understanding 25 / 31
  41. 41. UX Pop Quiz Hat Racks for Understanding Wrapping Up–Flow Charts Figure 34. ‘Data Flow Model’; pg. 104 The User Experience from 30,000ft Hat Racks for Understanding 26 / 31
  42. 42. UX Pop Quiz Hat Racks for Understanding Wrapping Up–State Transition / State Machine ...thanks Scott W. Ambler http: // www. agilemodeling. com/ artifacts/ stateMachineDiagram. htm The User Experience from 30,000ft Hat Racks for Understanding 27 / 31
  43. 43. UX Pop Quiz Hat Racks for Understanding Wrapping Up–UML Figure 36. ‘UML Example’; pg. 108 The User Experience from 30,000ft Hat Racks for Understanding 28 / 31
  44. 44. UX Pop Quiz Hat Racks for Understanding Wrapping UpPop Quiz for next week... 1. How would you go about getting the ‘what’ ? 2. Why are Post-its so important? 3. What are the differences between informal and semi-formal methods? 4. Pick an informal methodology and describe it? 5. What are the two main danger points to remember when undertaking UXD? ...expanded on pg. 110. The User Experience from 30,000ft Wrapping Up 29 / 31
  45. 45. UX Pop Quiz Hat Racks for Understanding Wrapping UpTo Do for next week... 1. Pop Quiz (pg. 110) Discuss Next Week; and 2. Read your notes up to the end of ‘Hat Racks for Understanding’ (pg. 111) The User Experience from 30,000ft Wrapping Up 30 / 31
  46. 46. UX Pop Quiz Hat Racks for Understanding Wrapping UpAny Questions? Simon Harper 2.44 Kilburn Building 0161 275 0599 (OR x50599) simon.harper@manchester.ac.uk Office Hours: Friday 14:00–18:00 Figure 93. ‘Simon Harper – Your Mild-Mannered Course Tutor’; pg. 326 ...expanded in ‘Contact’ (pg. 326) The User Experience from 30,000ft Wrapping Up 31 / 31

×