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.

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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
UX 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Hat 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Awareness, 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Discover, 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
User 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Who...
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Who...
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Who...
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Who...
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
What?
The User Experience from 30,000ft Hat Racks for Understanding 8 / 31

12. UX Pop Quiz Hat Racks for Understanding Wrapping Up
What..
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
What..
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
What..
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
What..
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
What..
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
How?
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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
How...
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
How...
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
How...
‘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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Qualitative – ‘Qual’
Figure 78. ‘NVivo Tool’; pg. 215
The User Experience from 30,000ft Hat Racks for Understanding 12 / 31

22. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Got Six Months?
...expanded in ‘Hat Racks for Understanding’ (pg. 88)
The User Experience from 30,000ft Hat Racks for Understanding 13 / 31

23. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Got 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Got 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Where Could these be Applied?
The User Experience from 30,000ft Hat Racks for Understanding 14 / 31

26. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Got Six Weeks?
...expanded in ‘Hat Racks for Understanding’ (pg. 91)
The User Experience from 30,000ft Hat Racks for Understanding 15 / 31

27. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Got 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Got 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Lack 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Let’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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
How 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
How 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
How 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Pop 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
To 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. UX Pop Quiz Hat Racks for Understanding Wrapping Up
Any 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