peter boersma@pboersma

Look Around YouInfluences on

User Experience

2001

2011

?

Design

ResearchStrategy

Process

Evaluation

Manage

Business

Design

Strategy

Research

Process

Manage

Business

Strategy

Evaluation

Design

ResearchtypicalUser-Centered Design

Elemen

ts of

User E

xperien

ce

MoreElements of

User Experience

( )

Business

Design

ResearchEvaluation

StrategyManage

Pitch

Scenarios

Position

Roadmap

Service Design

Prototype

RequirementsReviewTest

Scope

Optimize

Estimate

Beta

ConceptDetailed Design

Sketch

Personas

Competition

Process

Roles

Steps

Interviews

for each deliverableI will show:

* the team member* an example & how-to* input by the UX team* influence on UX

BusinessPitchScenarios

Estimate

Team member:

The Account Manager

X

How-To for Pitching1. en-vision the future

by visualizing it2. set expectations for

their contribution

UX input for a Pitch* visions of the future

* partial solutions* (answers to RFP & questions)

influence of the Pitch on UX* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition

IIIII

BusinessPitchScenarios

Estimate

Team member:

The Estimator

how many sunflowers do you see?

manyand

a lotare 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)

plus 15 components

output

assumptions

calculations

(explanations)risks

we estimatewe need 300 hours

butwe dont know the

documentation needsof the developer

(5x16 + 5x8) + (15x12)

How-To for Estimating1. you determine what

gets estimated2. explore every

assumption you make(3. keep estimates honest; use any

margins to wow the client)

UX input for an Estimate

* assumptions* whats easy/hard?

* estimates for deliverables

* risks

influence of an Estimate on UX* define UX Vision I* inspire & get inspired I* determine budget I* set expectations I* analyze competition I* focus attention I* define way of working I

* determine budget I* set expectations I

BusinessPitchScenarios

Estimate

Team member:

The Scenario Writer

How-To for Scenarios1. research trends and

explore the future2. define scenarios to

help you decidewhich battles to fight

UX input for a Scenario* trend research* human needs

(they dont change that fast)* stories that link needs with trends

influence of a Scenario on UX* define UX Vision I* inspire & get inspired I* determine budget II* set expectations II* analyze competition I* focus attention I* define way of working I

* set expectations I

* define UX Vision I

Strategy

Position

Competition

Team member:

The Brand Strategist

sales service

communitiescore brandclient

clientclient

client

Competitor

CompetitorCompetitor

CompetitorCompetitor

Big Competitor

Big Competitor

sales service

core brand

communities

client

client Competitor

Competitor

client

How-To for Positioning1. create a map

2. find the spot that matches your vision3. see who is there

4. identify differences

UX input for Positioning

* attributes that are important to users* competitors, in

terms of UX* scope-items that

differentiate

influence of Positioning on UX* define UX Vision II* inspire & get inspired I* determine budget II* set expectations III* analyze competition I* focus attention I* define way of working I* analyze competition I

* define UX Vision I

* focus attention I

Strategy

Position

Competition

Team member:

The Competitor

How-To for Competitive Analysis

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

UX input forCompetitive Analysis

* competitors, in terms of UX

* SWOT analyses

influence of Competitive Analysis * define UX Vision III* inspire & get inspired I* determine budget II* set expectations III* analyze competition II* focus attention II* define way of working I* analyze competition I

* inspire & get inspired I

* know what (not) to do I

Research

Personas

Interviews

DesignConceptDetailed Design

Sketch

Evaluation

Prototype

Test

Manage

Scope

Optimize

Beta

Team member:

The Project Manager

easy hard

contribution

essential

quickwin

repair quality

winner!

pickjust a few of these for your

project!

How-To for Scoping

1. rank all candidatescope items

2. determine theirdependencies

3. select the winners

UX input for Scoping* whats easy/hard?* whats essential?* what should go

together?

influence of Scoping on UX* define UX Vision III* inspire & get inspired II* determine budget II* set expectations III* analyze competition III* focus attention II* define way of working I* know what (not) to do I* focus attention I* know what (not) to do I

* set expectations I* determine budget I

Manage

Scope

Optimize

Beta

Team member:

The Alfa Beta Manager

Current Beta New

beta flow

@news

Beta

@news

New

How-To for Betas

1. tell users what youre going to do

2. do it3. tell them what you

have done

UX input for Beta* what should go

together?* what to measure?

* analysis of feedback* responses to feedback

influence of Beta tests on UX* define UX Vision III* inspire & get inspired II* determine budget III* set expectations IIII* analyze competition III* focus attention III* define way of working I* know what (not) to do II* focus attention I* know what (not) to do I

* set expectations I

Manage

Scope

Optimize

Beta

Team member:

The Perfectionist

A

B

C

28% better

How-To for Optimizing

1. experimentto learn what works

with YOUR users

2. GOTO 1

UX input for Optimization

* UX version of Key Performance Indicators* alternative designs* analysis of usage

influence of Optimizing on UX* define UX Vision III* inspire & get inspired II* determine budget III* set expectations IIIII* analyze competition III* focus attention IIII* define way of working I* know what (not) to do III* know what (not) to do I

Manage

Scope

Optimize

Beta

BusinessPitchScenarios

Estimate

Design

ResearchEvaluation

Strategy

Position

Prototype

Test

ConceptDetailed Design

Sketch

Personas

Competition

Interviews

Process

Roadmap

Service Design

RequirementsReview

Roles

Steps

Process

Roadmap

Service Design

RequirementsReview

Roles

Steps

Team member:

The People Manager

T-model

wide experience

deep

know

ledg

e

T-model

user experience

info

rmat

ion

arch

itec

ture

T-model

user experience

inte

ract

ion

desi

gn

T-model

user experiencein

tera

ctio

n de

sign

info

rmat

ion

arch

itec

ture

T-model

user experiencevi

sual

des

ign

user

rese

arch

inte

ract

ion

desi

gn

info

rmat

ion

arch

itec

ture

usab

ility

test

ing

prot

otyp

ing

How-To for Team Roles

1. build a team,made of overlapping

T-shapes2. keep the team

balanced over time

UX input for Team Roles* team skills

* required skills* gap analysis* career plan

influence of Team Roles on UX* define UX Vision III* inspire & get inspired II* determine budget III* set expectations IIIII* analyze competition III* focus attention IIII* define way of working I* know what (not) to do IIII* focus attention I* define way of working I* know what (not) to do I* deliver successfully I

Process

Roadmap

Service Design

RequirementsReview

Roles

Steps

Team member:

The Procrastinator

X

Area

Area

Area Area

Area

progress

progress progress

progress progress

progress

progress progress

progress progress

moment momentmoment moment

How-To for Roadmaps

1. define the futureof the system

2. identify incremental,meaningful steps

UX input for Roadmaps* areas for progress

* scope items per area* estimates

* what should go together?

influence of Roadmaps on UX* define UX Vision III* inspire & get inspired II* determine budget III* set expectations IIIII* analyze competition III* focus attention IIII* define way of working II* know what (not) to do IIII* deliver successfully I

* set expectations I* determine budget I* define UX Vision I

* deliver successfully I

Process

Roadmap

Service Design

RequirementsReview

Roles

Steps

Team member:

The Process Freak

A B?

A B21 3 4

C D2a

1 3 5

2b

4b

4a

4c

6

SITEMA

P

wireframesrequire-

mentsusability test

Screen

FLOWproto-type

designprinciples

Persona

1 2 3 4

Persona

SITEMA

P

wireframesrequir

e-

ments

usability testScreen

FLOW

proto-type

designprinciples

userresearch

conceptdesign

detaileddesign

prototype & evaluate

conceptdesign

detaileddesign

userresearch

prototype & evaluate

prototype & evaluate

C D

A B21 3 4?

userreseach

concept design

detaileddesign

prototype & evaluate

Persona

SITEMA

P

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

How-To forDesign Processes

1. brainstorm steps2. create diagram

3. document process(do NOT copy

someone elses diagram)

UX input forDesign Processes

* team deliverables* preferred way of

working* team responsibilities

influence of Design Processes* define UX Vision IIII* inspire & get inspired II* determine budget IIII* set expectations IIIIII* analyze competition III* focus attention IIIII* define way of working II* know what (not) to do IIIII* deliver successfully II

* focus attention

I

II

I

I

* define UX Vision

* set expectations

* define way of working* deliver successfully* know what (not) to do I

Process

Roadmap

Service Design

RequirementsReview

Roles

Steps

Business

Design

ResearchEvaluation

StrategyManage

Pitch

Scenarios

Position

Roadmap

Service Design

Prototype

RequirementsReviewTest

Scope

Optimize

Estimate

Beta

ConceptDetailed Design

Sketch

Personas

Competition

Process

Roles

Steps

Interviews

Process

Manage

Business

Strategy

Evaluation

Design

ResearchElemen

ts of

User E

xperien

ce

MoreElements of

User Experience

Team members:

Look Around You

Total influence on UX* define UX Vision * inspire & get inspired* determine budget* set expectations* analyze competition* focus attention* define way of working* know what (not) to do* deliver successfully

peter boersma@pboersma

Look Around YouInfluence the

User Experience