user experience (ux) demystified

69
UXDEMYSTIFIED alan blood, design manager, familysearch.org

Upload: alan-blood

Post on 21-Apr-2017

13.720 views

Category:

Design


8 download

TRANSCRIPT

Page 1: User Experience (UX) Demystified

UXDEMYSTIFIEDalan blood,

design manager, familysearch.org

Page 2: User Experience (UX) Demystified

Part 1

WHAT UX ISPart 2

BUSINESS & CODEPart 3

REAL LIFE

Page 3: User Experience (UX) Demystified

...UX, UI, IXD, ID, UE, USABILITY TESTING, HUMAN FACTORS, DESIGN, GRAPHIC DESIGN, INTERACTION DESIGN, INFORMATION ARCHITECTURE, CUSTOMER-FIRST, USER CENTERED DESIGN, ACTIVITY CENTERED DESIGN, MOBILE FIRST, CONTENT FIRST, CONTENT STRATEGY, USER RESEARCH, CONTEXTUAL INQUIRY, HEURISTIC EVALUATION, TYPOGRAPHY, GRIDS, RESPONSIVE DESIGN, CONTEXTUAL DESIGN, WEB DESIGN, TASK FLOW ANALYSIS, SITE MAP, PRODUCT DESIGN, ACCESSIBILITY, PERSONAS, ILLUSTRATION, ICONOGRAPHY, ART DIRECTION, CREATIVE DIRECTION, DESIGN STRATEGY, ETHNOGRAPHY, USAGE PATTERNS, COMPARATIVE ANALYSIS, MARKET RESEARCH, MENTAL MODELS, MOOD BOARDS, COMPOSITION, BRANDING, COLOR THEORY, GESTALT PRINCIPLES, DESIGN LANGUAGE, STYLE GUIDES, USER INTERFACE GUIDELINES, SEO, OPEN OR CLOSED CARD SORTS, MODERATED AND UNMODERATED TESTING, AFFINITY EXERCISES, LEAN UX, UX RESEARCH, UX DESIGN, COLOR THEORY, FLAT DESIGN, SKEUOMORPH, COGNITIVE DISSONANCE, AESTHETIC USABILITY EFFECT, 80/20 RULE, AFFORDANCE, ARCHETYPES, CHUNKING, DEFENSIBLE SPACE, DEPTH OF PROCESSING, FEEDBACK LOOP, GOLDEN RATIO, FITTS’ LAW, HIERARCHY OF NEEDS, SIGNAL:NOISE RATIO, OCKHAM’S RAZOR, PERFORMANCE LOAD, PROTOTYPING, MOBILE WEB, NATIVE WEB, WAYFINDING, RECOGNITION OVER RECALL, PROGRESSIVE DISCLOSURE, TOP-DOWN LIGHTING BIAS, WHITESPACE, STORYTELLING, RULE OF THIRDS, PRINT PUBLISHING, LETTERPRESS, HTML, CSS, HTML5, CSS3, PHOTOSHOP, ILLUSTRATOR, FIREWORKS, INDESIGN, MEDIAQUERIES, JQUERY, JAVASCRIPT, HTML5 CANVAS, ONLINE VS. OFFLINE, LOCALIZATION, INTERNATIONALIZATION, GLOBALIZATION, PICTURE SUPERIORITY EFFECT...

Page 4: User Experience (UX) Demystified
Page 5: User Experience (UX) Demystified

...UX, UI, IXD, ID, UE, USABILITY TESTING, HUMAN FACTORS, DESIGN, GRAPHIC DESIGN, INTERACTION DESIGN, INFORMATION ARCHITECTURE, CUSTOMER-FIRST, USER CENTERED DESIGN, ACTIVITY CENTERED DESIGN, MOBILE FIRST, CONTENT FIRST, CONTENT STRATEGY, USER RESEARCH, CONTEXTUAL INQUIRY, HEURISTIC EVALUATION, TYPOGRAPHY, GRIDS, RESPONSIVE DESIGN, CONTEXTUAL DESIGN, WEB DESIGN, TASK FLOW ANALYSIS, SITE MAP, PRODUCT DESIGN, ACCESSIBILITY, PERSONAS, ILLUSTRATION, ICONOGRAPHY, ART DIRECTION, CREATIVE DIRECTION, DESIGN STRATEGY, ETHNOGRAPHY, USAGE PATTERNS, COMPARATIVE ANALYSIS, MARKET RESEARCH, MENTAL MODELS, MOOD BOARDS, COMPOSITION, BRANDING, COLOR THEORY, GESTALT PRINCIPLES, DESIGN LANGUAGE, STYLE GUIDES, USER INTERFACE GUIDELINES, SEO, OPEN OR CLOSED CARD SORTS, MODERATED AND UNMODERATED TESTING, AFFINITY EXERCISES, LEAN UX, UX RESEARCH, UX DESIGN, COLOR THEORY, FLAT DESIGN, SKEUOMORPH, COGNITIVE DISSONANCE, AESTHETIC USABILITY EFFECT, 80/20 RULE, AFFORDANCE, ARCHETYPES, CHUNKING, DEFENSIBLE SPACE, DEPTH OF PROCESSING, FEEDBACK LOOP, GOLDEN RATIO, FITTS’ LAW, HIERARCHY OF NEEDS, SIGNAL:NOISE RATIO, OCKHAM’S RAZOR, PERFORMANCE LOAD, PROTOTYPING, MOBILE WEB, NATIVE WEB, WAYFINDING, RECOGNITION OVER RECALL, PROGRESSIVE DISCLOSURE, TOP-DOWN LIGHTING BIAS, WHITESPACE, STORYTELLING, RULE OF THIRDS, PRINT PUBLISHING, LETTERPRESS, HTML, CSS, HTML5, CSS3, PHOTOSHOP, ILLUSTRATOR, FIREWORKS, INDESIGN, MEDIAQUERIES, JQUERY, JAVASCRIPT, HTML5 CANVAS, ONLINE VS. OFFLINE, LOCALIZATION, INTERNATIONALIZATION, GLOBALIZATION, PICTURE SUPERIORITY EFFECT...

“Information Age”=

TOO MUCH INFORMATION=

IRONY

Page 6: User Experience (UX) Demystified

THE

Purpose OF UX...

Page 7: User Experience (UX) Demystified

INCREASE RelevanceREDUCE Complexity

IMPROVE Timing

Page 8: User Experience (UX) Demystified

USER EXPERIENCEIS ALL ABOUT THE

Human Experience

Page 9: User Experience (UX) Demystified

THE MANYUX Roles & Disciplines

BOIL DOWN TO3 BASIC TYPES...

Page 10: User Experience (UX) Demystified
Page 11: User Experience (UX) Demystified
Page 12: User Experience (UX) Demystified
Page 13: User Experience (UX) Demystified
Page 14: User Experience (UX) Demystified
Page 15: User Experience (UX) Demystified

INCREASE Relevance

REDUCE Complexity

IMPROVE Timing

Page 16: User Experience (UX) Demystified

NEED PROOF?

OK, PROFESSOR.

HERE’S YOUR SCIENCE STUFF:http://dl.acm.org/citation.cfm?id=1089108

http://www.acsu.buffalo.edu/~rkishore/papers/Kim-CACM-48-10.pdf

Page 17: User Experience (UX) Demystified
Page 18: User Experience (UX) Demystified

PLEASE NOTE:UX IS NOT A TOOLBOX

It’s people trained in UX

PERIOD

Page 19: User Experience (UX) Demystified

Part 1

WHAT UX ISPart 2

BUSINESS & CODEPart 3

REAL LIFE

Page 20: User Experience (UX) Demystified

WHAT ABOUT Lean ?

Page 21: User Experience (UX) Demystified

FOCUS OF LEAN METHODS:LEARN FROM DATA, BUILD IDEAS,

MEASURE SUCCESS OFMINIMUM VIABLE PRODUCTS,

PIVOT OR PERSEVERE

Page 22: User Experience (UX) Demystified

Formulate a HypothesisDECIDE WHAT TO MEASURE

EXPERIMENTBAIL or CONTINUE

Page 23: User Experience (UX) Demystified

Lean = Business Focus

Page 24: User Experience (UX) Demystified

SO, WHAT ABOUT Agile ?

Page 25: User Experience (UX) Demystified

FOCUS OF AGILE DEVELOPMENT:TEST AND RELEASE SOLID CODE,

AS QUICKLY AND ACCURATELYAS POSSIBLE, COLLABORATE

Page 26: User Experience (UX) Demystified

Agile = Technology Focus

Page 27: User Experience (UX) Demystified

AND REMEMBER THAT

UX = User Focus( )

Page 28: User Experience (UX) Demystified

HERE’S A SUMMARY:(UX + BUSINESS + CODE) = Value

Page 29: User Experience (UX) Demystified

SO, HOW DOAgile, Lean, and UX

FIT TOGETHER?

Page 30: User Experience (UX) Demystified

2 Phases:DISCOVER

PRODUCE&

Page 31: User Experience (UX) Demystified

DISCOVERTURN THE LEAN

“STEERING WHEEL”

dig into datadiscover stuff

build ideas (prototypes)measure the codepivot or persevere

PRODUCEAPPLY THE AGILE

“GAS PEDAL”

design (the code)build stuffconfigure

testrelease

Phase 1 Phase 2

Page 32: User Experience (UX) Demystified

DISCOVERTURN THE LEAN

“STEERING WHEEL”

dig into datadiscover stuff

build ideas (prototypes)measure the code

pivot or persevere

PRODUCEAPPLY THE AGILE

“GAS PEDAL”

design (the code)build stuffconfigure

testrelease

Phase 1 Phase 2

Page 33: User Experience (UX) Demystified

DISCOVERTURN THE LEAN

“STEERING WHEEL”

dig into datadiscover stuff

build ideas (prototypes)measure the code

pivot or persevere

PRODUCEAPPLY THE AGILE

“GAS PEDAL”

design (the code)build stuffconfigure

testrelease

Phase 1 Phase 2+ UX Folks +Business Folks Technology Folks

Page 34: User Experience (UX) Demystified

DesignTHINKING

ACROSS PHASES

Page 35: User Experience (UX) Demystified

“Design thinking is a human-centered approach to innovation that draws from the designer's toolkit to

integrate the needs of people, the possibilities of technology, and the requirements for business success.

- Tim Brown, PRESIDENT & CEO OF IDEO

Page 36: User Experience (UX) Demystified

User Experience FolksARE THE GLUE

Page 37: User Experience (UX) Demystified

SEE WHAT HAPPENS WHEN

User Experience FolksARE NOT WELL UTILIZED...

Page 38: User Experience (UX) Demystified

Phase 1 Phase 2

Page 39: User Experience (UX) Demystified

Phase 1 Phase 2

Page 40: User Experience (UX) Demystified

Phase 1 Phase 2

Page 41: User Experience (UX) Demystified

Phase 1 Phase 2

AGILE AND LEAN ARE GREAT

AT ZEROING-IN...

Page 42: User Experience (UX) Demystified

Phase 1 Phase 2

BUT, ZEROING-IN

TO WHAT?

Page 43: User Experience (UX) Demystified

Phase 1 Phase 2

...AND WILL THE END RESULT

work for users?

Page 44: User Experience (UX) Demystified

DID CUSTOMER WANTS

LINE UP WITH

User Needs?

Page 45: User Experience (UX) Demystified

SEE WHAT HAPPENS WHEN

User Experience FolksARE AN EQUAL PARTNER...

Page 46: User Experience (UX) Demystified

Partner with your UX resources!

Page 47: User Experience (UX) Demystified

Phase 1 Phase 2

Work with UX to hammer out business

value...

Page 48: User Experience (UX) Demystified

Phase 1 Phase 2

..UX helps to ensure that the solution works

for your users!

Page 49: User Experience (UX) Demystified

Phase 1 Phase 2

Page 50: User Experience (UX) Demystified

Phase 1 Phase 2

Page 51: User Experience (UX) Demystified

Phase 1 Phase 2

ZERO-IN USING

Triangulation

Page 52: User Experience (UX) Demystified

“Triangulation is a powerful technique that facilitates validation of data through cross verification from two

or more sources. In particular, it refers to the application and combination of several research

methodologies in the study of the same phenomenon.

Bogdan, R. C. & Biklen, S. K. (2006). Qualitative research in education: An introduction to theory and methods. Allyn & Bacon. ISBN 978-0-205-51225-6.

Page 53: User Experience (UX) Demystified

“Triangulation gives a more detailed and balanced picture of the situation.

Altrichter, H., Feldman, A., Posch, P. & Somekh, B. (2008). Teachers investigate their work; An introduction to action research across the professions. Routledge. p. 147. (2nd edition).

Page 54: User Experience (UX) Demystified

INCREASE Relevance

REDUCE Complexity

IMPROVE Timing

Page 55: User Experience (UX) Demystified

UX (USERS)+

LEAN (BUSINESS) +

AGILE (TECHNOLOGY) =

Value for People

Page 56: User Experience (UX) Demystified

OATH OF NON-ALLEGIANCE

- Alistair Cockburn

“I promise not to exclude from consideration any idea based on its source, but to consider ideas

across schools and heritages in order to find the ones that best suit the current situation.

Page 57: User Experience (UX) Demystified

Part 1

WHAT UX ISPart 2

BUSINESS & CODEPart 3

VALUE FOR PEOPLE

Page 58: User Experience (UX) Demystified

NASA, APOLLO 13,AND TOO MANY KINDS OF

CO2 SCRUBBERS

Page 59: User Experience (UX) Demystified

MINIMUM VIABLE PRODUCT

LIMITED TO MATERIALS ON-HANDAIR TOXICITY INCREASING

LIVES COULD BE LOST

Constraints InspireCreativity

Page 60: User Experience (UX) Demystified

MINIMUM VIABLE PRODUCT

HAD TO WORK THE FIRST TIMEUSER CIRCUMSTANCES MUST BE KNOWN

SOLUTION MUST BE PROVED

User Research and TestingWere Required

Page 61: User Experience (UX) Demystified

MINIMUM VIABLE PRODUCT

COULDN’T DELIVER AN OBJECTDELIVERY REQUIRED HANDHOLDING

FEEDBACK LOOP HAD TO BE CLOSED

Simple, Relevant,and Timely

Page 62: User Experience (UX) Demystified

AGILE

TEAM WAS FOCUSED AND CAPABLE RAPID DEVELOPMENT OF SOLUTION

EFFECTIVE COLLABORATION

Had to be developed on groundAND in space...

Page 63: User Experience (UX) Demystified

USER EXPERIENCE

GROUND CREW UNDERSTOOD USERS SOLUTION EFFECTIVELY RELAYED

ASTRONAUTS UNDERSTOOD

Understanding of users wasrequired, or lives would be lost

Page 64: User Experience (UX) Demystified

UX (USERS)+

LEAN (BUSINESS) +

AGILE (TECHNOLOGY) =

3 Lives Saved

Page 65: User Experience (UX) Demystified

Yes, there’s a

PUNCHLINE

Page 66: User Experience (UX) Demystified

HOW MUCHMONEY AND TIME WAS LOST

because there were

TWO DIFFERENTCO2 FILTER DESIGNSON THE APOLLO 13 MISSION?

Page 67: User Experience (UX) Demystified

THE LIVES OFJames Lovell,John Swigert,

and Fred Haise

COULD HAVE BEEN

LOST

Page 68: User Experience (UX) Demystified

IN THE FINAL ANALYSIS

WAS IT WORTH

the cost and the risk TO NEGLECT THEUSER EXPERIENCE?

Page 69: User Experience (UX) Demystified

Thank you.