UX Matters

109
USER EXPERIENCE REALLY MATTERS HEY LAUNCHBOX:

description

A talk given to the entrepreneurs at LaunchBox Digital 2009 about how to value and incorporate User Experience principles in their products.

Transcript of UX Matters

Page 1: UX Matters

USER EXPERIENCEREALLY MATTERS

HEY LAUNCHBOX:

Page 2: UX Matters

INTRODUCTIONS

Page 3: UX Matters

We work here

Page 4: UX Matters

BRIAN WILLIAMSCEO & President of News Operations

@barn

Page 5: UX Matters

M. JACKSON WILKINSONUser Experience Strategist & Music Director

@whafro

Page 6: UX Matters

M. JACKSON WILKINSONUser Experience Strategist & Music Director

That’s“Michael”

Page 7: UX Matters
Page 8: UX Matters
Page 9: UX Matters
Page 10: UX Matters
Page 11: UX Matters
Page 12: UX Matters
Page 13: UX Matters

Page 14: UX Matters

★★

Page 15: UX Matters
Page 16: UX Matters

WHAT IS UX?

Page 17: UX Matters

IMPROVING THE USER’S PERCEPTION OF A PRODUCT

THROUGH GREAT ARCHITECTURE AND

INTERACTION DESIGN

Page 18: UX Matters

IMPROVING THE USER’S PERCEPTION OF A PRODUCT

THROUGH GREAT ARCHITECTURE AND

INTERACTION DESIGN

Page 19: UX Matters

IMPROVING THE USER’S PERCEPTION OF A PRODUCT

THROUGH GREAT ARCHITECTURE AND

INTERACTION DESIGN

Page 20: UX Matters

IMPROVING THE USER’S PERCEPTION OF A PRODUCT

THROUGH GREAT ARCHITECTURE AND

INTERACTION DESIGN

Page 21: UX Matters

FINDING WHAT YOU NEED

Page 22: UX Matters

SOLVING A PROBLEM

Page 23: UX Matters
Page 24: UX Matters

IMPORTANT?

Page 25: UX Matters

ONE WORD:

Page 26: UX Matters
Page 27: UX Matters

DESPITE SHORTCOMINGS

copy & paste no MMS

at&t

no video camera

no Flash

Page 28: UX Matters

We’ve learned and struggled for a few years here figuring out how to make a decent phone. PC guys are not going to just figure this out. They’re not going to just walk in.

Ed ColliganCEO, Palm

Page 29: UX Matters

EXPERIENCE

Page 30: UX Matters

But even in version 1.0, the iPhone is still the most sophisticated, outlook-changing piece of electronics to come along in years. It does so many things so well, and so pleasurably, that you

tend to forgive its foibles.

David PogueThe New York Times

Page 31: UX Matters
Page 32: UX Matters
Page 33: UX Matters
Page 34: UX Matters
Page 35: UX Matters
Page 36: UX Matters
Page 37: UX Matters

CART SIGN IN CHECK OUT

Page 38: UX Matters

CART

SIGN IN

CHECK OUT

Page 39: UX Matters

$300 MILLION

Page 40: UX Matters

QUESTIONS?

Page 41: UX Matters

WHERE IS UX?

Page 42: UX Matters
Page 43: UX Matters
Page 44: UX Matters

VISUALDESIGN

Page 45: UX Matters

VISUALDESIGN

USER EXPERIENCEPLANNING

Page 46: UX Matters

VISUALDESIGN

USER EXPERIENCEPLANNING

INTERACTIVEDESIGN

Page 47: UX Matters
Page 48: UX Matters

UX PLANNINGa user-centric approach to determining

our goals and how we can best achieve them(UX: User Experience)

Page 49: UX Matters

DESIGN RESEARCHdetermines goals, needs, omissions, & pain points through a variety of lenses

Page 50: UX Matters

DESIGN RESEARCH

HEURISTICANALYSIS

determines goals, needs, omissions, & pain points through a variety of lenses

Page 51: UX Matters

DESIGN RESEARCH

HEURISTICANALYSIS

USERRESEARCH

determines goals, needs, omissions, & pain points through a variety of lenses

Page 52: UX Matters

DESIGN RESEARCHdetermines goals, needs, omissions, & pain points through a variety of lenses

HEURISTICANALYSIS

USERRESEARCH

OTHERSOURCES

Page 53: UX Matters

STRATEGYdrafts broad objectives to satisfy

established needs and goals withinestablished parameters

Page 54: UX Matters

TACTICALANALYSIS

determines methods that execute the strategy for the project in the

most effective way reasonable

Page 55: UX Matters

INTERACTIVEARCHITECTURE

structures the final product based on thetactics and strategy developed previously,aiming to provide the best user experience

Page 56: UX Matters

VISUAL DESIGNA brand-centric approach to projecting

the appropriate visual personality forthe project

Page 57: UX Matters

BRAND RESEARCHestablishes the brand’s personality and any

parameters on its use for this project

Page 58: UX Matters

BRAND RESEARCHestablishes the brand’s personality and any

parameters on its use for this project

BRANDGUIDELINES

Page 59: UX Matters

BRAND RESEARCHestablishes the brand’s personality and any

parameters on its use for this project

BRANDGUIDELINES

BRANDSURVEYS

Page 60: UX Matters

MOODBOARD MOODBOARD MOODBOARD

BRAND DESIGNEXPLORATION

conceptualizes multiple possible design directionsfrom one or more designer based on the established

brand personality & the project context

Page 61: UX Matters

MOODBOARD MOODBOARD MOODBOARD

BRAND DESIGNEXPLORATION

conceptualizes multiple possible design directionsfrom one or more designer based on the established

brand personality & the project context

Page 62: UX Matters

DESIGN DIRECTIONsynthesizes feedback from the design

exploration to yield a single direction for the design of the project

Page 63: UX Matters

INITIAL DESIGNa first-take at a synthesis between the

established visual design direction and theinteractive architecture provided by the

user experience planning process

Page 64: UX Matters

FINAL DESIGNa completed refinement of the initial design

based on feedback from clients, stakeholders,and often users themselves.

to build

Page 65: UX Matters

QUESTIONS SO FAR?

Page 66: UX Matters

PRINCIPLES

Page 67: UX Matters

FOCUS ON HUMANS

Page 68: UX Matters

STRIVE FOR SIMPLICITY

Page 69: UX Matters

EMBRACE THE CURVE

Page 70: UX Matters

CONTEXT IS KING

Page 71: UX Matters

ESTABLISH TRUST

Page 72: UX Matters

CREATE DELIGHT

Page 73: UX Matters

It is not enough that we build products that function, that are

understandable and usable. We also need to build products that bring joy

and excitement, pleasure and fun, and, yes, beauty to people’s lives.

Donald NormanThe Design of Everyday Things

Page 74: UX Matters

BE HUMAN

Page 75: UX Matters

QUESTIONS?

Page 76: UX Matters

UX IN PRACTICE

Page 77: UX Matters

USER RESEARCH

Page 78: UX Matters
Page 79: UX Matters
Page 80: UX Matters

CONCEPT MODELING

Page 81: UX Matters
Page 82: UX Matters
Page 83: UX Matters

USER STORIES

Page 84: UX Matters
Page 85: UX Matters

USER FLOWS

Page 86: UX Matters
Page 87: UX Matters

WIREFRAMES & PROTOTYPES

Page 88: UX Matters
Page 89: UX Matters
Page 90: UX Matters
Page 91: UX Matters

USER RESEARCH

Page 92: UX Matters
Page 93: UX Matters

QUICK TIPS

Page 94: UX Matters

SPEED MATTERS. PERCEPTION

MATTERS MORE.

Page 95: UX Matters
Page 96: UX Matters

BEWARE OF COGNITIVE OVERLOAD

Page 97: UX Matters
Page 98: UX Matters
Page 99: UX Matters

CONSIDER TERMS YOUR USERS WILL USE

Page 100: UX Matters

TRIGGER WORDS

Page 101: UX Matters

PROVIDE SENSIBLE DEFAULTS

Page 102: UX Matters

TRY BEFORE YOU BUY

Page 103: UX Matters
Page 104: UX Matters

TAKE ADVANTAGE OF HUMAN NATURE

Page 105: UX Matters

FAIL WITH FEEDBACK

Page 106: UX Matters

VOLUNTEERSFOR A QUICK LIVE AUDIT

Page 107: UX Matters

QUESTIONS?

Page 108: UX Matters

FIN