tour of ux deliverables - dev/haag

elements ofuser experience

a tour of user experience deliverables

peter boersmadev/haag, January 21, 2011

events

4,000 p a r t i c i p a n t s

20 c o u n t r i e s

50 c o n s u l t a n c i e s

consulting

e x p e r i e n c e

researche x p e r i e n c e

designe x p e r i e n c e

strategy

hundredso f a r t i c l e s

r+d

8b o o k s

thousandso f r e a d e r s

Adaptive Path helps teams and organizations create products and services that deliver great experiences to improve people’s lives.

three locations

clients world-wide

elements ofuser experience

a tour of user experience deliverables

2001

2011

<real elements ofuser experience

2nd edition>

moreelements of

user experiencea tour of user experience deliverables

?

Design

ResearchStrategy

Process

Evaluation

Manage

Business

Design

Strategy

Research

Process

Manage

Business

Strategy

Evaluation

Design

Research

theseinfluence the

User Experience too!

typicalUser-Centered

Design

elements ofuser experience

a tour of user experience deliverables

elements ofuser experience

a tour of user experience deliverables

Business

Design

ResearchEvaluation

StrategyManage

Pitch

Scenarios

Position

Service Design

Roadmap

Prototype

RequirementsReviewTest

Scope

Optimize

Estimate

Beta

ConceptDetailed Design

Sketch

Personas

Competition

Process

Roles

Steps

Interviews

BusinessPitchScenarios

Estimate

Design

ResearchEvaluation

StrategyManage

Position

Service Design

Roadmap

Prototype

RequirementsReviewTest

Scope

Optimize

Beta

ConceptDetailed Design

Sketch

Personas

Competition

Process

Roles

Steps

Interviews

pitching is all abouten-vision-ing

a tour of user experience deliverables

BusinessPitch

Scenarios

Estimate

“many”and

“a lot”are good first guesses!

output

assumptionscalculationsexplanations

risks

when possible

input for estimates

scope itemsrequirements

approachteam skills

experience with subjectexperience with client

experience of client

when available

example output

assumingwe design 10 wireframes(5 complex + 5 medium)

+ 15 componentswe estimate

we need 320 hours(5x16 + 5x12 + 15x12)

butwe don’t know the

developer’s documentation needs

output

assumptions

calculations

(explanations)risks

1. make estimates honest2. use margins to wow client

a tour of user experience deliverables

BusinessPitch

Scenarios

Estimate

BusinessPitch

Scenarios

Estimate

Strategy

Position

Competition

Strategy

Position

Competition

“know your enemy”(Sun Tzu, The Art of War)

a tour of user experience deliverables

Strategy

Position

Competition

Research

Personas

Interviews

business stakeholders

ask

what is the idea?will it help you reach your goals?

will customers accept it?why now?

how fast can you move?

and find out value of answers

ask: what is the idea?

ask: why now?

and find out the value of answers

users

ask

who are you?what do you use now?

how do you feel about it?when is it a good/bad day?

what should it be like?

and find out value of answers

Can you please describe your role? Hardware Engineer

System Engineer

Field Application Engineer

Software Engineer

Board Engineer

Test Engineer

Quality Engineer

Component Engineer

Other Engineering role

Program/Project Manager

Purchase Manager

Purchaser

Sourcer

Do you use social media as part of your job?

Yes. I often use social media for work.

I rarely use social media for work.

No. I never use social media for work.

0.00 0.50 1.00 1.50 2.00 2.50 3.00

General Product Information

Application Information

Block Diagrams (or other visualizations)

Sustainability

Environmental Information

Price

Rich Media (Videos, Interactives, etc.)

What information is most important to you? (1 = most important / 3 = third most important)

ask: who are you? etc.

What is the size of the organization where you work (all locations combined?)

Less than 10 employees

10 to 100 employees

100 to 500 employees

1,000 to 10,000 employees

10,000 to 100,000 employees

More than 100,000 employees

and find out the value of answers

“you are not the user”a tour of user experience deliverables

Research

Personas

Interviews

where do they come from?

find personas in the dataa tour of user experience deliverables

SketchDesignConceptDetailed Design

Research

Personas

Interviews

Sketching with markers

Yellow marker

Fat

Regular

Small

Gray marker

Sharpie markers

Start here

More attention

Depth:Pop forward

Push back

Look at me!

It’s not about HOW to sketch, but WHAT to sketch

you can never havetoo many sketchesa tour of user experience deliverables

SketchDesignConceptDetailed Design

a personal, retail bankwhere you learn about, configure and buy

products & servicesalone, based on stories, or with an advisor

www.BigDutchBank.comis...

Life

Play

Learn

Buy

flow: confirm appointment

express concepts assentence, model or flow

(or a mix)a tour of user experience deliverables

SketchDesignConceptDetailed Design

ifthe level of detail

in your design specification goes up like this:

thenit may be time to write more

formal design specification documents

make design specificationsmatch the needs of the project

a tour of user experience deliverables

Evaluation

Prototype

Test

DesignConceptDetailed Design

Sketch

use what you like:paper, PowerPoint, Excel,

Axure, Flash or HTML,but

prototypea tour of user experience deliverables

Evaluation

Prototype

Test

observer

facilitatorparticipant

try any of theseremote usability testing tools

read this book

1. test early & often2. have a test strategy

a tour of user experience deliverables

Evaluation

Prototype

Test

Manage

Scope

Optimize

Beta

easy hard

contribute

essential

quickwin

repair quality

winner!

pickjust a few of these for your

project!

1. classify scope-items2. select the winners

a tour of user experience deliverables

Manage

Scope

Optimize

Beta

Manage

Scope

Optimize

Beta

experimentto learn what works

for your designa tour of user experience deliverables

Manage

Scope

Optimize

Beta

Process

BusinessPitch

Scenarios

Estimate

Design

ResearchEvaluation

Strategy

Position

Prototype

Test

ConceptDetailed Design

Sketch

Personas

Competition

Interviews

Process

Service Design

Roadmap

RequirementsReview

Roles

Steps

Manage

Scope

Optimize

Beta

BusinessPitch

Scenarios

Estimate

Design

ResearchEvaluation

Strategy

Position

Prototype

Test

ConceptDetailed Design

Sketch

Personas

Competition

Interviews

Process

Service Design

Roadmap

RequirementsReview

Roles

Steps

A B?

A B21 3 4

C D2a

1 3 5

2b

4b

4a

4c

6

SITEMAP

wireframesrequire-

mentsusability test

Screen

FLOWproto-type

designprinciples

Persona

1 2 3 4

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

A B

userresearch

conceptdesign

detaileddesign

prototype & evaluate

C Duserresearch

conceptdesign

detaileddesign prototype &

evaluate

userresearch

prototype & evaluate

prototype & evaluate

Persona

A B21 3 4

?

userreseach

concept design

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

don’t copya design process diagram;

create your ownuser experience design processes

Process

Service Design

Roadmap

RequirementsReview

Roles

Steps

Business

Design

ResearchEvaluation

StrategyManage

Pitch

Scenarios

Position

Service Design

Roadmap

Prototype

RequirementsReviewTest

Scope

Optimize

Estimate

Beta

ConceptDetailed Design

Sketch

Personas

Competition

Process

Roles

Steps

Interviews

<real elements ofuser experience

2nd edition>

Questions?

peter boersma

elements ofuser experience

a tour of user experience deliverables

peter boersma