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

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?

The User Experience from 30,000ft UX Pop Quiz 2 / 31

...expanded on pg. 40 and on pg. 79

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.”

The User Experience from 30,000ft Hat Racks for Understanding 3 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 81)

UX Pop Quiz Hat Racks for Understanding Wrapping Up

Awareness, Understanding, Action

Figure 22. ‘Awareness, Understanding, Action’; pg. 83

The User Experience from 30,000ft Hat Racks for Understanding 4 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 83)

UX Pop Quiz Hat Racks for Understanding Wrapping Up

Discover, Design, Use

Figure 23. ‘Discover, Design, Use’; pg. 84

The User Experience from 30,000ft Hat Racks for Understanding 5 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 84)

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!’.

The User Experience from 30,000ft Hat Racks for Understanding 6 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 84)

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.

The User Experience from 30,000ft Hat Racks for Understanding 7 / 31

...expanded in ‘What Information Do I Need?’ (pg. 85)

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.

The User Experience from 30,000ft Hat Racks for Understanding 7 / 31

...expanded in ‘What Information Do I Need?’ (pg. 85)

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.

The User Experience from 30,000ft Hat Racks for Understanding 7 / 31

...expanded in ‘What Information Do I Need?’ (pg. 85)

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.

The User Experience from 30,000ft Hat Racks for Understanding 7 / 31

...expanded in ‘What Information Do I Need?’ (pg. 85)

UX Pop Quiz Hat Racks for Understanding Wrapping Up

What?

The User Experience from 30,000ft Hat Racks for Understanding 8 / 31

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

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

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

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

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

UX Pop Quiz Hat Racks for Understanding Wrapping Up

How?

Figure 25. ‘Post-Its in Development’; pg. 87

The User Experience from 30,000ft Hat Racks for Understanding 10 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 86)

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 NOTTime and Motion!

The User Experience from 30,000ft Hat Racks for Understanding 11 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 88)

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 NOTTime and Motion!

The User Experience from 30,000ft Hat Racks for Understanding 11 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 88)

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 NOTTime and Motion!

The User Experience from 30,000ft Hat Racks for Understanding 11 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 88)

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

UX Pop Quiz Hat Racks for Understanding Wrapping Up

Got Six Months?

Participant Observation

I ‘Learn by Doing’;

I Longterm / Interpretive;

I Embedded / Imbedded

(Invisible & Embedded);

I Copious Notes and

Analysis (Ethnography);

I Conversations with a

Purpose;

I Deep but Narrow

Understanding; using

I Strategies to NOT

Standout.

Task Analysis

I ‘Learn by Observing’;

I Can be Short Term;

I Invisible / Remote, but

can be

I Close & Discursive;

I Notes with ‘Formal’

Models;

I Mid-Deep / Mid-Scope;

using

I Less Interpretation.

The User Experience from 30,000ft Hat Racks for Understanding 13 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 88)

UX Pop Quiz Hat Racks for Understanding Wrapping Up

Got Six Months?

Participant Observation

I ‘Learn by Doing’;

I Longterm / Interpretive;

I Embedded / Imbedded

(Invisible & Embedded);

I Copious Notes and

Analysis (Ethnography);

I Conversations with a

Purpose;

I Deep but Narrow

Understanding; using

I Strategies to NOT

Standout.

Task Analysis

I ‘Learn by Observing’;

I Can be Short Term;

I Invisible / Remote, but

can be

I Close & Discursive;

I Notes with ‘Formal’

Models;

I Mid-Deep / Mid-Scope;

using

I Less Interpretation.

The User Experience from 30,000ft Hat Racks for Understanding 13 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 88)

UX Pop Quiz Hat Racks for Understanding Wrapping Up

Got Six Months?

Participant Observation

I ‘Learn by Doing’;

I Longterm / Interpretive;

I Embedded / Imbedded

(Invisible & Embedded);

I Copious Notes and

Analysis (Ethnography);

I Conversations with a

Purpose;

I Deep but Narrow

Understanding; using

I Strategies to NOT

Standout.

Task Analysis

I ‘Learn by Observing’;

I Can be Short Term;

I Invisible / Remote, but

can be

I Close & Discursive;

I Notes with ‘Formal’

Models;

I Mid-Deep / Mid-Scope;

using

I Less Interpretation.

The User Experience from 30,000ft Hat Racks for Understanding 13 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 88)

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

UX Pop Quiz Hat Racks for Understanding Wrapping Up

Got Six Weeks?

Focus Groups / Interviews

I ‘Learn By Asking’;

I Fast with many

Participants;

I ‘People Lie’;

I Group think (in F/G)

maybe Wrong;

I Wide but Shallow;

I Semi-Structured

Questions; and

I Requires Even Less

Interpretation.

Social / Shorten 6 Months

I Social;

I Just Talking;

I Cannot get the full

picture;

I Relaxed - Informal; or

I Observation on a smaller

scale; but

I More Constrained - More

Shallow, than PObs.

The User Experience from 30,000ft Hat Racks for Understanding 15 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 91)

UX Pop Quiz Hat Racks for Understanding Wrapping Up

Got Six Weeks?

Focus Groups / Interviews

I ‘Learn By Asking’;

I Fast with many

Participants;

I ‘People Lie’;

I Group think (in F/G)

maybe Wrong;

I Wide but Shallow;

I Semi-Structured

Questions; and

I Requires Even Less

Interpretation.

Social / Shorten 6 Months

I Social;

I Just Talking;

I Cannot get the full

picture;

I Relaxed - Informal; or

I Observation on a smaller

scale; but

I More Constrained - More

Shallow, than PObs.

The User Experience from 30,000ft Hat Racks for Understanding 15 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 91)

UX Pop Quiz Hat Racks for Understanding Wrapping Up

Got Six Weeks?

Focus Groups / Interviews

I ‘Learn By Asking’;

I Fast with many

Participants;

I ‘People Lie’;

I Group think (in F/G)

maybe Wrong;

I Wide but Shallow;

I Semi-Structured

Questions; and

I Requires Even Less

Interpretation.

Social / Shorten 6 Months

I Social;

I Just Talking;

I Cannot get the full

picture;

I Relaxed - Informal; or

I Observation on a smaller

scale; but

I More Constrained - More

Shallow, than PObs.

The User Experience from 30,000ft Hat Racks for Understanding 15 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 91)

UX Pop Quiz Hat Racks for Understanding Wrapping Up

Lack of Users?

Archive

I Describe an organisation by the things it produces;

I The Letters and Trails it Creates;

I Important Documentation;

I Logs and Logbooks; in short

I The artefacts of the systems already created by the users.

The User Experience from 30,000ft Hat Racks for Understanding 16 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 93)

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

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

The User Experience from 30,000ft Hat Racks for Understanding 18 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 97)

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

The User Experience from 30,000ft Hat Racks for Understanding 18 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 97)

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

The User Experience from 30,000ft Hat Racks for Understanding 18 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 97)

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

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).

The User Experience from 30,000ft Hat Racks for Understanding 20 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 100)

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.

The User Experience from 30,000ft Hat Racks for Understanding 21 / 31

...expanded in ‘Hat Racks for Understanding’ (pg. 100)

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

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

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

UX Pop Quiz Hat Racks for Understanding Wrapping Up

–Storyboard

Figure 33. ‘Post-It Storyboard’; pg. 103

The User Experience from 30,000ft Hat Racks for Understanding 25 / 31

...see ‘Post-It Storyboard’ (pg. 103)

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

UX Pop Quiz Hat Racks for Understanding Wrapping Up

–State Transition / State Machine

The User Experience from 30,000ft Hat Racks for Understanding 27 / 31

...thanks Scott W. Ambler http://www.agilemodeling.com/artifacts/stateMachineDiagram.htm

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

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?

The User Experience from 30,000ft Wrapping Up 29 / 31

...expanded on pg. 110.

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

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 CourseTutor’; pg. 326

The User Experience from 30,000ft Wrapping Up 31 / 31

...expanded in ‘Contact’ (pg. 326)