Top Banner
peter boersma @pboersma m re elements of user experience a tour of non-design deliverables
114

UX-Lx -a tour of non-design deliverables

Oct 18, 2014

Download

Design

My UX Lisbon 2011 presentation "More Elements of User Experience - a tour of non-design deliverables" in which I showed the impact that non-design deliverables and processes (scope, pitch, positioning, skill sets, etc.) have on the user experience, and how designers can (and should) influence them.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: UX-Lx -a  tour of non-design deliverables

peter boersma@pboersma

m reelements of

user experiencea tour of non-design

deliverables

Page 2: UX-Lx -a  tour of non-design deliverables
Page 3: UX-Lx -a  tour of non-design deliverables
Page 4: UX-Lx -a  tour of non-design deliverables
Page 5: UX-Lx -a  tour of non-design deliverables

2001

Page 6: UX-Lx -a  tour of non-design deliverables

2011

Page 7: UX-Lx -a  tour of non-design deliverables
Page 8: UX-Lx -a  tour of non-design deliverables
Page 9: UX-Lx -a  tour of non-design deliverables

?

Page 10: UX-Lx -a  tour of non-design deliverables

Design

ResearchStrategy

Page 11: UX-Lx -a  tour of non-design deliverables

Process

Evaluation

Manage

Business

Design

Strategy

Research

Page 12: UX-Lx -a  tour of non-design deliverables

Process

Manage

Business

Strategy

Evaluation

Design

ResearchElement

s of

User

Experie

nce

Page 13: UX-Lx -a  tour of non-design deliverables

Process

Manage

Business

Strategy

Evaluation

Design

ResearchtypicalUser-Centered

Design

Page 14: UX-Lx -a  tour of non-design deliverables

Business

Design

ResearchEvaluation

StrategyManage

Process

theseinfluence the

User Experience too!

Page 15: UX-Lx -a  tour of non-design deliverables

Business

Design

ResearchEvaluation

StrategyManage

Process

MoreElements of

User ExperienceMore

Elements ofUser Experience

Page 16: UX-Lx -a  tour of non-design 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

Page 17: UX-Lx -a  tour of non-design deliverables

for each non-design deliverable in this tour, I will show:

* an example* a How-To

* input by the UX team* impact on UX

Page 18: UX-Lx -a  tour of non-design deliverables

BusinessPitchScenarios

Estimate

Page 19: UX-Lx -a  tour of non-design deliverables
Page 20: UX-Lx -a  tour of non-design deliverables
Page 21: UX-Lx -a  tour of non-design deliverables
Page 22: UX-Lx -a  tour of non-design deliverables
Page 23: UX-Lx -a  tour of non-design deliverables

X

Page 24: UX-Lx -a  tour of non-design deliverables
Page 25: UX-Lx -a  tour of non-design deliverables
Page 26: UX-Lx -a  tour of non-design deliverables

How-To for Pitching

help your clientto en-vision the future

by visualizing it

Page 27: UX-Lx -a  tour of non-design deliverables

UX input for a Pitch

* visions of the future* partial solutions* scope items for

solutions* (answers to RFP & questions)

Page 28: UX-Lx -a  tour of non-design deliverables

impact of the Pitch on UX

* define UX Vision* inspire & get inspired* determine budget* set expectations* analyze competition

IIIII

Page 29: UX-Lx -a  tour of non-design deliverables

BusinessPitch

Scenarios

Estimate

Page 30: UX-Lx -a  tour of non-design deliverables

how many sunflowers do you see?

Page 31: UX-Lx -a  tour of non-design deliverables

“many”and

“a lot”are good first guesses!

Page 32: UX-Lx -a  tour of non-design deliverables

output

assumptionscalculationsexplanations

risks

when possible

input for estimates

scope itemsrequirements

approachteam skills

experience with subjectexperience with client

experience of client

when available

Page 33: UX-Lx -a  tour of non-design deliverables

example output

assumingwe design 10 wireframes(5 complex + 5 medium)

plus 15 components

output

assumptions

calculations

(explanations)risks

we estimatewe need 300 hours

butwe don’t know the

documentation needsof the developer

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

Page 34: UX-Lx -a  tour of non-design deliverables

How-To for Estimating

1. you determine what gets estimated2. explore every

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

margins to wow the client)

Page 35: UX-Lx -a  tour of non-design deliverables

UX input for an Estimate

* assumptions* what’s easy/hard?

* estimates for deliverables

* risks

Page 36: UX-Lx -a  tour of non-design deliverables

impact 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

Page 37: UX-Lx -a  tour of non-design deliverables

Strategy

Position

Competition

Page 38: UX-Lx -a  tour of non-design deliverables

sales service

communitiescore brandclient

clientclient

client

Page 39: UX-Lx -a  tour of non-design deliverables

Competitor

CompetitorCompetitor

CompetitorCompetitor

Big Competitor

Big Competitor

sales service

core brand

communities

client

client Competitor

Competitor

Page 40: UX-Lx -a  tour of non-design deliverables

How-To for Positioning

1. create a map2. find the spot that matches your vision3. see who is there

4. identify differences

Page 41: UX-Lx -a  tour of non-design deliverables

UX input for Positioning

* attributes that are important to users* competitors, in

terms of UX* scope-items that

differentiate

Page 42: UX-Lx -a  tour of non-design deliverables

impact of Positioning 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

* analyze competition I

* define UX Vision I

* focus attention I

Page 43: UX-Lx -a  tour of non-design deliverables

Strategy

Position

Competition

Page 44: UX-Lx -a  tour of non-design deliverables
Page 45: UX-Lx -a  tour of non-design deliverables
Page 46: UX-Lx -a  tour of non-design deliverables
Page 47: UX-Lx -a  tour of non-design deliverables
Page 48: UX-Lx -a  tour of non-design deliverables
Page 49: UX-Lx -a  tour of non-design deliverables

How-To for Competitive Analysis

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

Page 50: UX-Lx -a  tour of non-design deliverables

UX input forCompetitive Analysis

* competitors, in terms of UX

* SWOT analyses

Page 51: UX-Lx -a  tour of non-design deliverables

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

* analyze competition I

* inspire & get inspired I

* know what (not) to do I

Page 52: UX-Lx -a  tour of non-design deliverables

Research

Personas

Interviews

Page 53: UX-Lx -a  tour of non-design deliverables

DesignConceptDetailed Design

Sketch

Page 54: UX-Lx -a  tour of non-design deliverables

Evaluation

Prototype

Test

Page 55: UX-Lx -a  tour of non-design deliverables

Manage

Scope

Optimize

Beta

Page 56: UX-Lx -a  tour of non-design deliverables

easy hard

contribution

essential

quickwin

repair quality

winner!

pickjust a few of these for your

project!

Page 57: UX-Lx -a  tour of non-design deliverables

How-To for Scoping

1. rank all candidate scope items

2. determine their dependencies

3. select the winners

Page 58: UX-Lx -a  tour of non-design deliverables

UX input for Scoping

* what’s easy/hard?* what’s essential?* what should go

together?

Page 59: UX-Lx -a  tour of non-design deliverables

impact of Scoping on UX

* define UX Vision II* inspire & get inspired II* determine budget II* set expectations II* 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

Page 60: UX-Lx -a  tour of non-design deliverables

Manage

Scope

Optimize

Beta

Page 61: UX-Lx -a  tour of non-design deliverables
Page 62: UX-Lx -a  tour of non-design deliverables

28% better

Page 63: UX-Lx -a  tour of non-design deliverables

A

Page 64: UX-Lx -a  tour of non-design deliverables

B

Page 65: UX-Lx -a  tour of non-design deliverables

ABCC

Page 66: UX-Lx -a  tour of non-design deliverables
Page 67: UX-Lx -a  tour of non-design deliverables

How-To for Optimizing

1. experimentto learn what works

with YOUR users

2. GOTO 1

Page 68: UX-Lx -a  tour of non-design deliverables

UX input for Optimization

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

Page 69: UX-Lx -a  tour of non-design deliverables

impact of Optimizing on UX

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

Page 70: UX-Lx -a  tour of non-design deliverables

Manage

Scope

Optimize

Beta

Process

BusinessPitch

Scenarios

Estimate

Design

ResearchEvaluation

Strategy

Position

Prototype

Test

ConceptDetailed Design

Sketch

Personas

Competition

Interviews

Page 71: UX-Lx -a  tour of non-design deliverables

Process

Service Design

Roadmap

RequirementsReview

Roles

Steps

Page 72: UX-Lx -a  tour of non-design deliverables

T-model

wide experience

deep

know

ledg

e

Page 73: UX-Lx -a  tour of non-design deliverables

T-model

user experience

info

rmat

ion

arch

itec

ture

Page 74: UX-Lx -a  tour of non-design deliverables

T-model

user experience

inte

ract

ion

desi

gn

Page 75: UX-Lx -a  tour of non-design deliverables

T-model

user experience

inte

ract

ion

desi

gn

info

rmat

ion

arch

itec

ture

Page 76: UX-Lx -a  tour of non-design deliverables

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

Page 77: UX-Lx -a  tour of non-design deliverables

How-To for Team Roles

1. build a team,made of overlapping

T-shapes2. keep the team

balanced over time

Page 78: UX-Lx -a  tour of non-design deliverables

UX input for Team Roles

* team skills* required skills* gap analysis* career plan

Page 79: UX-Lx -a  tour of non-design deliverables

impact of Team Roles on UX

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

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

Page 80: UX-Lx -a  tour of non-design deliverables

Process

Service Design

Roadmap

RequirementsReview

Roles

Steps

Page 81: UX-Lx -a  tour of non-design deliverables
Page 82: UX-Lx -a  tour of non-design deliverables

Area

Area

Area Area

Area

Page 83: UX-Lx -a  tour of non-design deliverables

Area

Area

Area Area

Area

progress

progress progress

progress progress

Page 84: UX-Lx -a  tour of non-design deliverables

Area

Area

Area Area

Area

progress

progress progress

progress progress

progress

progress progress

progress progress

Page 85: UX-Lx -a  tour of non-design deliverables

Area

Area

Area Area

Area

progress

progress progress

progress progress

progress

progress progress

progress progress

moment momentmoment moment

Page 86: UX-Lx -a  tour of non-design deliverables
Page 87: UX-Lx -a  tour of non-design deliverables

How-To for Roadmaps

1. define the futureof the system

2. identify incremental,meaningful steps

Page 88: UX-Lx -a  tour of non-design deliverables

UX input for Roadmaps

* areas for progress* scope items per area

* estimates* what should go

together?

Page 89: UX-Lx -a  tour of non-design deliverables

impact of Roadmaps on UX

* define UX Vision II* inspire & get inspired II* determine budget III* set expectations III* 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

Page 90: UX-Lx -a  tour of non-design deliverables

Process

Service Design

Roadmap

RequirementsReview

Roles

Steps

Page 91: UX-Lx -a  tour of non-design deliverables

A B?

Page 92: UX-Lx -a  tour of non-design deliverables

A B21 3 4

C D2a

1 3 5

2b

4b

4a

4c

6

Page 93: UX-Lx -a  tour of non-design deliverables

SITEMAP

wireframesrequire-

mentsusability test

Screen

FLOWproto-type

designprinciples

Persona

Page 94: UX-Lx -a  tour of non-design deliverables

1 2 3 4

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

Page 95: UX-Lx -a  tour of non-design deliverables

userresearch

conceptdesign

detaileddesign

prototype & evaluate

Page 96: UX-Lx -a  tour of non-design deliverables

C Dconceptdesign

detaileddesign

userresearch

prototype & evaluate

prototype & evaluate

Page 97: UX-Lx -a  tour of non-design deliverables

A B21 3 4

?

Page 98: UX-Lx -a  tour of non-design deliverables
Page 99: UX-Lx -a  tour of non-design deliverables
Page 100: UX-Lx -a  tour of non-design deliverables
Page 101: UX-Lx -a  tour of non-design deliverables
Page 102: UX-Lx -a  tour of non-design deliverables
Page 103: UX-Lx -a  tour of non-design deliverables

userreseach

concept design

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

Page 104: UX-Lx -a  tour of non-design deliverables

How-To forDesign Processes

1. brainstorm steps2. create diagram

3. document process(do NOT copy

someone else’s diagram)

Page 105: UX-Lx -a  tour of non-design deliverables

UX input for Design Processes

* team deliverables* preferred way of

working* team responsibilities

Page 106: UX-Lx -a  tour of non-design deliverables

Impact of Design Processes on UX

* define UX Vision III* inspire & get inspired II* determine budget IIII* set expectations IIII* analyze competition III* focus attention IIII* define way of working II* know what (not) to do IIII* 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

Page 107: UX-Lx -a  tour of non-design 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

Page 108: UX-Lx -a  tour of non-design deliverables

Total impact of non-design 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

Total impact of non-design UX

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

Page 109: UX-Lx -a  tour of non-design deliverables

Process

Manage

Business

Strategy

Evaluation

Design

Research

theseinfluence the

User Experience too!

Page 110: UX-Lx -a  tour of non-design deliverables

Process

Manage

Business

Strategy

Evaluation

Design

ResearchElement

s of

User

Experie

nce

MoreElements of

User Experience

Page 111: UX-Lx -a  tour of non-design deliverables
Page 112: UX-Lx -a  tour of non-design deliverables
Page 113: UX-Lx -a  tour of non-design deliverables
Page 114: UX-Lx -a  tour of non-design deliverables

peter boersma@pboersma

m reelements of

user experiencea tour of non-design

deliverables