Influences on UX (Amsterdam UX Cocktail Hour)

109
peter boersma @pboersma Look Around You Influences on User Experience Amsterdam UX Cocktail Hour at Funda, July 21, 2011
  • date post

    18-Oct-2014
  • Category

    Design

  • view

    5.896
  • download

    1

description

Given at Amsterdam UX Cocktail Hour on July 21, 2011, this presentation shows h

Transcript of Influences on UX (Amsterdam UX Cocktail Hour)

Page 1: Influences on UX (Amsterdam UX Cocktail Hour)

peter boersma@pboersma

Look Around YouInfluences on

User Experience

Amsterdam UX Cocktail Hour at Funda, July 21, 2011

Page 2: Influences on UX (Amsterdam UX Cocktail Hour)
Page 3: Influences on UX (Amsterdam UX Cocktail Hour)
Page 4: Influences on UX (Amsterdam UX Cocktail Hour)
Page 5: Influences on UX (Amsterdam UX Cocktail Hour)

2001

Page 6: Influences on UX (Amsterdam UX Cocktail Hour)

2011

Page 7: Influences on UX (Amsterdam UX Cocktail Hour)
Page 8: Influences on UX (Amsterdam UX Cocktail Hour)

?

Page 9: Influences on UX (Amsterdam UX Cocktail Hour)

Design

ResearchStrategy

Page 10: Influences on UX (Amsterdam UX Cocktail Hour)

Process

Evaluation

Manage

Business

Design

Strategy

Research

Page 11: Influences on UX (Amsterdam UX Cocktail Hour)

Process

Manage

Business

Strategy

Evaluation

Design

ResearchElement

s of

User

Experie

nce

Page 12: Influences on UX (Amsterdam UX Cocktail Hour)

Process

Manage

Business

Strategy

Evaluation

Design

ResearchtypicalUser-Centered

Design( )

Page 13: Influences on UX (Amsterdam UX Cocktail Hour)

Process

Manage

Business

Strategy

Evaluation

Design

Research

MoreElements of

User Experience

Page 14: Influences on UX (Amsterdam UX Cocktail Hour)

Process

Manage

Business

Strategy

Evaluation

Design

Research

these influencethe User Experience

too!

Page 15: Influences on UX (Amsterdam UX Cocktail Hour)

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

Page 16: Influences on UX (Amsterdam UX Cocktail Hour)

for each deliverableI will show:

* the organizational role* an example & how-to* input by the UX team

* influence on UX

Page 17: Influences on UX (Amsterdam UX Cocktail Hour)

BusinessPitchScenarios

Estimate

Page 18: Influences on UX (Amsterdam UX Cocktail Hour)

Role:

The Account Manager

Page 19: Influences on UX (Amsterdam UX Cocktail Hour)
Page 20: Influences on UX (Amsterdam UX Cocktail Hour)
Page 21: Influences on UX (Amsterdam UX Cocktail Hour)
Page 22: Influences on UX (Amsterdam UX Cocktail Hour)

X

Page 23: Influences on UX (Amsterdam UX Cocktail Hour)
Page 24: Influences on UX (Amsterdam UX Cocktail Hour)
Page 25: Influences on UX (Amsterdam UX Cocktail Hour)
Page 26: Influences on UX (Amsterdam UX Cocktail Hour)

How-To for Pitching

1. en-vision the futureby visualizing it

2. set expectations around contribution

Page 27: Influences on UX (Amsterdam UX Cocktail Hour)

UX input for a Pitch

* visions of the future* partial solutions

* (answers to RFP & questions)

Page 28: Influences on UX (Amsterdam UX Cocktail Hour)

influence of the Pitch on UX

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

Page 29: Influences on UX (Amsterdam UX Cocktail Hour)

BusinessPitch

Scenarios

Estimate

Page 30: Influences on UX (Amsterdam UX Cocktail Hour)

Role:

The Estimator

Page 31: Influences on UX (Amsterdam UX Cocktail Hour)

how many sunflowers do you see?

Page 32: Influences on UX (Amsterdam UX Cocktail Hour)

“many”and

“a lot”are good first guesses!

Page 33: Influences on UX (Amsterdam UX Cocktail Hour)

output

assumptionscalculationsexplanations

risks

when possible

input for estimates

scope itemsrequirements

approachteam skills

experience with subjectexperience with client

experience of client

when available

Page 34: Influences on UX (Amsterdam UX Cocktail Hour)

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 35: Influences on UX (Amsterdam UX Cocktail Hour)

How-To for Estimating

1. you determine what gets estimated2. explore every

assumption you make

Page 36: Influences on UX (Amsterdam UX Cocktail Hour)

UX input for an Estimate

* assumptions* what’s easy/hard?

* estimates for deliverables

* risks

Page 37: Influences on UX (Amsterdam UX Cocktail Hour)

influence of an Estimate on UX

* define UX Vision * inspire & get inspired * determine budget * set expectations * analyze competition * focus attention * define way of working

* determine budget * set expectations

Page 38: Influences on UX (Amsterdam UX Cocktail Hour)

Strategy

Position

Competition

Page 39: Influences on UX (Amsterdam UX Cocktail Hour)

Role:

The Brand Strategist

Page 40: Influences on UX (Amsterdam UX Cocktail Hour)

sales service

communitiescore brandclient

client

Page 41: Influences on UX (Amsterdam UX Cocktail Hour)

Competitor

CompetitorCompetitor

CompetitorCompetitor

Big Competitor

Big Competitor

sales service

core brand

communities

client

client Competitor

Competitor

Page 42: Influences on UX (Amsterdam UX Cocktail Hour)

How-To for Positioning

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

4. identify differences

Page 43: Influences on UX (Amsterdam UX Cocktail Hour)

UX input for Positioning

* attributes that are important to users* competitors, in

terms of UX* scope-items that

differentiate

Page 44: Influences on UX (Amsterdam UX Cocktail Hour)

influence of Positioning on UX

* define UX Vision * inspire & get inspired * determine budget * set expectations * analyze competition * focus attention * define way of working

* analyze competition

* define UX Vision

* focus attention

Page 45: Influences on UX (Amsterdam UX Cocktail Hour)

Strategy

Position

Competition

Page 46: Influences on UX (Amsterdam UX Cocktail Hour)

Role:

The Competitor

Page 47: Influences on UX (Amsterdam UX Cocktail Hour)
Page 48: Influences on UX (Amsterdam UX Cocktail Hour)
Page 49: Influences on UX (Amsterdam UX Cocktail Hour)
Page 50: Influences on UX (Amsterdam UX Cocktail Hour)
Page 51: Influences on UX (Amsterdam UX Cocktail Hour)
Page 52: Influences on UX (Amsterdam UX Cocktail Hour)

How-To for Competitive Analysis

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

Page 53: Influences on UX (Amsterdam UX Cocktail Hour)

UX input forCompetitive Analysis

* competitors, in terms of UX

* SWOT analyses

Page 54: Influences on UX (Amsterdam UX Cocktail Hour)

influence of Competitive Analysis

* define UX Vision * inspire & get inspired * determine budget * set expectations * analyze competition * focus attention * define way of working

* analyze competition

* inspire & get inspired

* know what (not) to do

Page 55: Influences on UX (Amsterdam UX Cocktail Hour)

Research

Personas

Interviews

Page 56: Influences on UX (Amsterdam UX Cocktail Hour)

DesignConceptDetailed Design

Sketch

Page 57: Influences on UX (Amsterdam UX Cocktail Hour)

Evaluation

Prototype

Test

Page 58: Influences on UX (Amsterdam UX Cocktail Hour)

Manage

Scope

Optimize

Beta

Page 59: Influences on UX (Amsterdam UX Cocktail Hour)

Role:

The Project Manager

Page 60: Influences on UX (Amsterdam UX Cocktail Hour)

easy hard

contribution

essential

quickwin

repair quality

winner!

pickjust a few of these for your

project!

Page 61: Influences on UX (Amsterdam UX Cocktail Hour)

How-To for Scoping

1. rank all candidatescope items

2. determine theirdependencies

3. select the winners

Page 62: Influences on UX (Amsterdam UX Cocktail Hour)

UX input for Scoping

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

together?

Page 63: Influences on UX (Amsterdam UX Cocktail Hour)

influence of Scoping 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

* focus attention

* know what (not) to do

* set expectations * determine budget

Page 64: Influences on UX (Amsterdam UX Cocktail Hour)

Manage

Scope

Optimize

Beta

Page 65: Influences on UX (Amsterdam UX Cocktail Hour)

Role:

The Perfectionist

Page 66: Influences on UX (Amsterdam UX Cocktail Hour)

A

Page 67: Influences on UX (Amsterdam UX Cocktail Hour)

B

Page 68: Influences on UX (Amsterdam UX Cocktail Hour)

C

Page 69: Influences on UX (Amsterdam UX Cocktail Hour)
Page 70: Influences on UX (Amsterdam UX Cocktail Hour)
Page 71: Influences on UX (Amsterdam UX Cocktail Hour)

28% better

Page 72: Influences on UX (Amsterdam UX Cocktail Hour)

How-To for Optimizing

10 experimentto learn what works

with YOUR users

20 GOTO 10

Page 73: Influences on UX (Amsterdam UX Cocktail Hour)

UX input for Optimization

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

Page 74: Influences on UX (Amsterdam UX Cocktail Hour)

influence of Optimizing 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 * know what (not) to do

Page 75: Influences on UX (Amsterdam UX Cocktail Hour)

Process

Roadmap

Service Design

RequirementsReview

Roles

Steps

Page 76: Influences on UX (Amsterdam UX Cocktail Hour)

Role:

The Procrastinator

Page 77: Influences on UX (Amsterdam UX Cocktail Hour)

Area

Area

Area Area

Area

progress

progress progress

progress progress

progress

progress progress

progress progress

moment momentmoment moment

Page 78: Influences on UX (Amsterdam UX Cocktail Hour)

How-To for Roadmaps

1. define the futureof the system

2. identify incremental,meaningful steps

Page 79: Influences on UX (Amsterdam UX Cocktail Hour)

UX input for Roadmaps

* areas for progress* scope items per area

* estimates* what should go

together?

Page 80: Influences on UX (Amsterdam UX Cocktail Hour)

influence of Roadmaps 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

* set expectations* determine budget

* define UX Vision

* deliver successfully

Page 81: Influences on UX (Amsterdam UX Cocktail Hour)

Process

Roadmap

Service Design

RequirementsReview

Roles

Steps

Page 82: Influences on UX (Amsterdam UX Cocktail Hour)

Role:

The Process Freak

Page 83: Influences on UX (Amsterdam UX Cocktail Hour)

A B?

Page 84: Influences on UX (Amsterdam UX Cocktail Hour)

A B21 3 4

C D2a

1 3 5

2b

4b

4a

4c

6

Page 85: Influences on UX (Amsterdam UX Cocktail Hour)

SITEMAP

wireframesrequire-

mentsusability test

Screen

FLOWproto-type

designprinciples

Persona

Page 86: Influences on UX (Amsterdam UX Cocktail Hour)

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

A B

Page 87: Influences on UX (Amsterdam UX Cocktail Hour)

userresearch

conceptdesign

detaileddesign

prototype & evaluate

Page 88: Influences on UX (Amsterdam UX Cocktail Hour)

C Dconceptdesign

detaileddesign

userresearch

prototype & evaluate

prototype & evaluate

Page 89: Influences on UX (Amsterdam UX Cocktail Hour)

A B21 3 4

?

Page 90: Influences on UX (Amsterdam UX Cocktail Hour)
Page 91: Influences on UX (Amsterdam UX Cocktail Hour)
Page 92: Influences on UX (Amsterdam UX Cocktail Hour)
Page 93: Influences on UX (Amsterdam UX Cocktail Hour)
Page 94: Influences on UX (Amsterdam UX Cocktail Hour)
Page 95: Influences on UX (Amsterdam UX Cocktail Hour)
Page 96: Influences on UX (Amsterdam UX Cocktail Hour)
Page 97: Influences on UX (Amsterdam UX Cocktail Hour)
Page 98: Influences on UX (Amsterdam UX Cocktail Hour)
Page 99: Influences on UX (Amsterdam UX Cocktail Hour)
Page 100: Influences on UX (Amsterdam UX Cocktail Hour)
Page 101: Influences on UX (Amsterdam UX Cocktail Hour)
Page 102: Influences on UX (Amsterdam UX Cocktail Hour)

userreseach

concept design

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usability testScreen

FLOW

proto-type

designprinciples

Page 103: Influences on UX (Amsterdam UX Cocktail Hour)

How-To forDesign Processes

1. brainstorm steps2. create diagram

3. document process(do NOT copy

someone else’s diagram)

Page 104: Influences on UX (Amsterdam UX Cocktail Hour)

UX input forDesign Processes

* team deliverables* preferred way of

working* team responsibilities

Page 105: Influences on UX (Amsterdam UX Cocktail Hour)

influence of Design Processes

* 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

* focus attention

* define UX Vision

* set expectations

* define way of working

* deliver successfully* know what (not) to do

Page 106: Influences on UX (Amsterdam UX Cocktail Hour)

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

Page 107: Influences on UX (Amsterdam UX Cocktail Hour)

These roles:

influence the UX

Page 108: Influences on UX (Amsterdam UX Cocktail Hour)

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

Page 109: Influences on UX (Amsterdam UX Cocktail Hour)

peter boersma@pboersma

Look Around YouInfluence the

User Experience

Amsterdam UX Cocktail Hour at Funda, July 21, 2011