big-tent ux (ux camp west 2016)

156
Big-tent UX @pboersma UX Camp West 2016

Upload: peter-boersma

Post on 06-Jan-2017

6.486 views

Category:

Design


5 download

TRANSCRIPT

Page 1: Big-tent UX (UX Camp West 2016)

Big-tent UX

@pboersmaUX Camp West 2016

Page 2: Big-tent UX (UX Camp West 2016)

Peter Boersma* Dutch but married to Hamburger Deern * information ergonomist = computer science + cognitive ergonomics * interaction designer * UX strategist * design process freak * UX Cocktail Hours in Amsterdam since 2001

Page 3: Big-tent UX (UX Camp West 2016)

T-model for UX (2004)

Page 4: Big-tent UX (UX Camp West 2016)

every field

shallow skills

deep skills

business skills

skills of other fields skills of other fields

Page 5: Big-tent UX (UX Camp West 2016)

UX = many related fields

Page 6: Big-tent UX (UX Camp West 2016)

UX = many related fields

user experience skills

Page 7: Big-tent UX (UX Camp West 2016)

every UX practitioner is unique

user experience practitioner X

Page 8: Big-tent UX (UX Camp West 2016)

every UX practitioner is unique

user experience practitioner Y

Page 9: Big-tent UX (UX Camp West 2016)

every UX practitioner is unique

user experience practitioner Z

Page 10: Big-tent UX (UX Camp West 2016)

every UX practitioner is unique

unicorn

Page 11: Big-tent UX (UX Camp West 2016)

7 main pillars

Page 12: Big-tent UX (UX Camp West 2016)

Business

Page 13: Big-tent UX (UX Camp West 2016)

Strategy

Page 14: Big-tent UX (UX Camp West 2016)

Resource Management

Page 15: Big-tent UX (UX Camp West 2016)

Research

Page 16: Big-tent UX (UX Camp West 2016)

Design

Page 17: Big-tent UX (UX Camp West 2016)

Evaluation

Page 18: Big-tent UX (UX Camp West 2016)

Implementation

Page 19: Big-tent UX (UX Camp West 2016)

7 main pillars

Page 20: Big-tent UX (UX Camp West 2016)

Big-tent UX

Page 21: Big-tent UX (UX Camp West 2016)

Business

Page 22: Big-tent UX (UX Camp West 2016)
Page 23: Big-tent UX (UX Camp West 2016)

X

Page 24: Big-tent UX (UX Camp West 2016)
Page 25: Big-tent UX (UX Camp West 2016)
Page 26: Big-tent UX (UX Camp West 2016)

Business

Page 27: Big-tent UX (UX Camp West 2016)

Strategy

Page 28: Big-tent UX (UX Camp West 2016)

sales service

communitiescore brandclient

client

Page 29: Big-tent UX (UX Camp West 2016)

competitor

competitorcompetitor

competitorcompetitor

big competitor

big competitor

client

client competitor

competitor

sub-brandcommunities

corebrand

onlinesupport

onlinesales

client

Page 30: Big-tent UX (UX Camp West 2016)
Page 31: Big-tent UX (UX Camp West 2016)
Page 32: Big-tent UX (UX Camp West 2016)
Page 33: Big-tent UX (UX Camp West 2016)
Page 34: Big-tent UX (UX Camp West 2016)
Page 35: Big-tent UX (UX Camp West 2016)
Page 36: Big-tent UX (UX Camp West 2016)
Page 37: Big-tent UX (UX Camp West 2016)
Page 38: Big-tent UX (UX Camp West 2016)

Strategy

Page 39: Big-tent UX (UX Camp West 2016)

Resource Management

Page 40: Big-tent UX (UX Camp West 2016)

Roadmap Management

Page 41: Big-tent UX (UX Camp West 2016)

progress

progress

progress

progress

Page 42: Big-tent UX (UX Camp West 2016)

area

area

area area

area

progress

progress progress

progress progress

progress

progress progress

progress progress

moment momentmoment moment

Page 43: Big-tent UX (UX Camp West 2016)
Page 44: Big-tent UX (UX Camp West 2016)

Scope Management

Page 45: Big-tent UX (UX Camp West 2016)

easy hard

merely contributes

essential

quick win

repair quality

winner!

pick just a few of these for your release!

Page 46: Big-tent UX (UX Camp West 2016)

Time & Budget Management

Page 47: Big-tent UX (UX Camp West 2016)

estimate

assumptions

calculations

(explanations)risks

Page 48: Big-tent UX (UX Camp West 2016)

example estimate

assuming we design 10 wireframes (5 complex + 5 medium)

plus 15 components we estimate

we need 300 hours

butwe don’t know the

documentation needsof the developer

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

Page 49: Big-tent UX (UX Camp West 2016)

Culture Management

Page 50: Big-tent UX (UX Camp West 2016)

Kim Goodwin on Org. Culture

Page 51: Big-tent UX (UX Camp West 2016)

People’s Social Style

Page 52: Big-tent UX (UX Camp West 2016)

Guarded

Open

Indirect Direct

Page 53: Big-tent UX (UX Camp West 2016)

Guarded

Open

Indirect Direct

People oriented

Page 54: Big-tent UX (UX Camp West 2016)

Guarded

Open

Indirect Direct

Task oriented

Page 55: Big-tent UX (UX Camp West 2016)

Guarded

Open

Indirect DirectSlowpace

Page 56: Big-tent UX (UX Camp West 2016)

Guarded

Open

Indirect DirectFast pace

Page 57: Big-tent UX (UX Camp West 2016)

Relator Socializer

Thinker Director

Guarded

Open

Indirect Direct

Page 58: Big-tent UX (UX Camp West 2016)

Resource Management

Page 59: Big-tent UX (UX Camp West 2016)

Research

Page 60: Big-tent UX (UX Camp West 2016)
Page 61: Big-tent UX (UX Camp West 2016)

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

Page 62: Big-tent UX (UX Camp West 2016)
Page 63: Big-tent UX (UX Camp West 2016)
Page 64: Big-tent UX (UX Camp West 2016)

ask: what is the idea?

Page 65: Big-tent UX (UX Camp West 2016)

ask: why now?

Page 66: Big-tent UX (UX Camp West 2016)

and find out the value of answers

Page 67: Big-tent UX (UX Camp West 2016)
Page 68: Big-tent UX (UX Camp West 2016)

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

Page 69: Big-tent UX (UX Camp West 2016)
Page 70: Big-tent UX (UX Camp West 2016)
Page 71: Big-tent UX (UX Camp West 2016)

Design Research

Page 72: Big-tent UX (UX Camp West 2016)
Page 73: Big-tent UX (UX Camp West 2016)
Page 74: Big-tent UX (UX Camp West 2016)

Research

Page 75: Big-tent UX (UX Camp West 2016)

Design

Page 76: Big-tent UX (UX Camp West 2016)
Page 77: Big-tent UX (UX Camp West 2016)
Page 78: Big-tent UX (UX Camp West 2016)
Page 79: Big-tent UX (UX Camp West 2016)
Page 80: Big-tent UX (UX Camp West 2016)
Page 81: Big-tent UX (UX Camp West 2016)
Page 82: Big-tent UX (UX Camp West 2016)

MOBILE APP

MUSIC PLAYER IN BAR

matching

user profile

bar profile

OUT OF SCOPE

Page 83: Big-tent UX (UX Camp West 2016)
Page 84: Big-tent UX (UX Camp West 2016)

“Concept diagram” for bank siteLife

Play Buy

based onreal motivations of real people

with modules to discover

and personalise

with informationabout products & processes

Learn

aimed at sellingrelevant products in a transparent

fashion

Page 85: Big-tent UX (UX Camp West 2016)
Page 86: Big-tent UX (UX Camp West 2016)
Page 87: Big-tent UX (UX Camp West 2016)
Page 88: Big-tent UX (UX Camp West 2016)
Page 89: Big-tent UX (UX Camp West 2016)
Page 90: Big-tent UX (UX Camp West 2016)
Page 91: Big-tent UX (UX Camp West 2016)

Design

Page 92: Big-tent UX (UX Camp West 2016)

Evaluation

Page 93: Big-tent UX (UX Camp West 2016)

EvaluationWith a few people * focus group* usability test * releasing an MVP

With many people * public beta

With all users* analytics * A/B tests * SEO

Page 94: Big-tent UX (UX Camp West 2016)
Page 95: Big-tent UX (UX Camp West 2016)
Page 96: Big-tent UX (UX Camp West 2016)
Page 97: Big-tent UX (UX Camp West 2016)
Page 98: Big-tent UX (UX Camp West 2016)
Page 99: Big-tent UX (UX Camp West 2016)
Page 100: Big-tent UX (UX Camp West 2016)

A

Page 101: Big-tent UX (UX Camp West 2016)

B

Page 102: Big-tent UX (UX Camp West 2016)

C

Page 103: Big-tent UX (UX Camp West 2016)
Page 104: Big-tent UX (UX Camp West 2016)

28% better

Page 105: Big-tent UX (UX Camp West 2016)

Evaluation

Page 106: Big-tent UX (UX Camp West 2016)

Implementation

Page 107: Big-tent UX (UX Camp West 2016)
Page 108: Big-tent UX (UX Camp West 2016)
Page 109: Big-tent UX (UX Camp West 2016)
Page 110: Big-tent UX (UX Camp West 2016)
Page 111: Big-tent UX (UX Camp West 2016)
Page 112: Big-tent UX (UX Camp West 2016)
Page 113: Big-tent UX (UX Camp West 2016)
Page 114: Big-tent UX (UX Camp West 2016)

WTF is “the full allotment”!?Thank you for submitting your application to the American Kennel Club. Unfortunately, we are unable to complete the processing of your application.The dog name you selected cannot be used because American Kennel Club has already registered the full allotment of this breed with your requested name.So that we may continue processing your application, please print a VALID name choice in the space below.

Page 115: Big-tent UX (UX Camp West 2016)

American Kennel Club guidelines

Page 116: Big-tent UX (UX Camp West 2016)
Page 117: Big-tent UX (UX Camp West 2016)

Agile and UXAgile is useful

for in-house developers of increments toexisting systems.

Page 118: Big-tent UX (UX Camp West 2016)

Promising applications of Agile

Page 119: Big-tent UX (UX Camp West 2016)

Promising applications of Agile

Page 120: Big-tent UX (UX Camp West 2016)

Promising applications of Agile

Page 121: Big-tent UX (UX Camp West 2016)

The 5-day sprint (2010)

Page 122: Big-tent UX (UX Camp West 2016)

Implementation

Page 123: Big-tent UX (UX Camp West 2016)

7 main pillars

Page 124: Big-tent UX (UX Camp West 2016)

from pillars to tent

Page 125: Big-tent UX (UX Camp West 2016)

Process

Page 126: Big-tent UX (UX Camp West 2016)

why document your process?1. to agree on what ‘things’ are called

2. to link design activities with other processes

3. to increase efficiency through standardization

4. to speed up integration of team members

5. to explain to your client where they are involved

6. to measure your work, so you can improve it

Page 127: Big-tent UX (UX Camp West 2016)

Start with sketching your process

Page 128: Big-tent UX (UX Camp West 2016)

SITEMAP

wireframesrequire-

ments usabilitytest

Screen

FLOWproto- type

design principles

Persona

Page 129: Big-tent UX (UX Camp West 2016)

1 2 3 4

Persona

SITEMAP

wireframesrequire-

ments

usabilitytest

Screen

FLOW

proto- type

design principles

Page 130: Big-tent UX (UX Camp West 2016)

1 2 3 4userresearch conceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usabilitytest

Screen

FLOW

proto- type

design principles

Page 131: Big-tent UX (UX Camp West 2016)
Page 132: Big-tent UX (UX Camp West 2016)
Page 133: Big-tent UX (UX Camp West 2016)
Page 134: Big-tent UX (UX Camp West 2016)
Page 135: Big-tent UX (UX Camp West 2016)
Page 136: Big-tent UX (UX Camp West 2016)
Page 137: Big-tent UX (UX Camp West 2016)
Page 138: Big-tent UX (UX Camp West 2016)
Page 139: Big-tent UX (UX Camp West 2016)
Page 140: Big-tent UX (UX Camp West 2016)
Page 141: Big-tent UX (UX Camp West 2016)
Page 142: Big-tent UX (UX Camp West 2016)
Page 143: Big-tent UX (UX Camp West 2016)
Page 144: Big-tent UX (UX Camp West 2016)
Page 145: Big-tent UX (UX Camp West 2016)

http://www.slideshare.net/Hienadz.Drahun/50-visual-definitions-of-user-experience

Page 146: Big-tent UX (UX Camp West 2016)
Page 147: Big-tent UX (UX Camp West 2016)

userresearch conceptdesign

detaileddesign

prototype & evaluate

Persona

SITEMAP

wireframesrequire-

ments

usabilitytest

Screen

FLOW

proto- type

design principles

Page 148: Big-tent UX (UX Camp West 2016)

10 steps1. identify your current deliverables

2.create diagram with deliverables & phases

3.describe activities, specifying input & output 4.present process to rest of company

5.improve diagram & descriptions

...

Page 149: Big-tent UX (UX Camp West 2016)

10 steps...

6.create templates & instructions for deliverables

7.update diagram & descriptions 8.promote your process, internally & externally

9.measure & evaluate working with the process

10. continue to improve the process

Page 150: Big-tent UX (UX Camp West 2016)

a plan for process improvement

I will <do something>together with <another role>

and we will change <a part of the process>to improve <a success metric>

before <a deadline>.

Page 151: Big-tent UX (UX Camp West 2016)

Process

Page 152: Big-tent UX (UX Camp West 2016)

Big-tent UXBusiness Strategy

Resource Management

DesignEvaluationImplementation

Research

Page 153: Big-tent UX (UX Camp West 2016)

Big-tent UXBusiness Strategy

Resource Management

DesignEvaluationImplementation

Research

Process

Page 154: Big-tent UX (UX Camp West 2016)

UX = many related fields

user experience skills

Page 155: Big-tent UX (UX Camp West 2016)

every UX practitioner is unique

user experience practitioner X

Page 156: Big-tent UX (UX Camp West 2016)

Big-tent UX

@pboersmaUX Camp West 2016