ux axioms - 26 principles to drive better product design

75
UX axioms [email protected] Erik Dahl @eadahl #uxaxioms

Upload: erik-dahl

Post on 11-Aug-2014

37.418 views

Category:

Design


6 download

DESCRIPTION

User Experience (UX) theory and practice can be confusing for the uninitiated. This talk outlines a set of UX Axioms designers and developers alike can use to integrate UX into their practice. Erik shares hard-won lessons learned from practicing UX in the real world for over 10 years. Building real products and services involves an ongoing series of design compromises. There is no ideal process or magic bullet for integrating UX or creating amazing user experiences. However, understanding and applying UX Axioms will allow you to adapt to the situation at hand and build products that resonate with and delight your end-users. More info at http://www.uxaxioms.com/

TRANSCRIPT

Page 1: UX Axioms - 26 Principles to Drive Better Product Design

UXaxioms

[email protected] Dahl @eadahl#uxaxioms

Page 2: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl #uxaxioms

Page 3: UX Axioms - 26 Principles to Drive Better Product Design

COLUMBUS, OH

BOSTON, MA...a boutique design consultancy and innovation lab. We help companies design products and services that deliver great experiences for their customers by turning human experiences with technology products into positive, meaningful interactions.

@goinvo

Page 4: UX Axioms - 26 Principles to Drive Better Product Design

#designaxioms

Page 5: UX Axioms - 26 Principles to Drive Better Product Design

#healthaxioms

Page 6: UX Axioms - 26 Principles to Drive Better Product Design

UXaxioms

#uxaxioms

Page 7: UX Axioms - 26 Principles to Drive Better Product Design

“IF YOU THINK GOOD DESIGN IS EXPENSIVE, YOU SHOULD LOOK AT THE COST OF BAD DESIGN”

Dr. Ralf Speth, CEO Jaguar

#uxaxioms

Page 8: UX Axioms - 26 Principles to Drive Better Product Design

WTF IS UX?

#uxaxioms

Page 9: UX Axioms - 26 Principles to Drive Better Product Design

#uxaxioms www.slideshare.net/Hienadz.Drahun/50-visual-definitions-of-user-experience

The Elements of User ExperienceA basic duality: The Web was originally conceived as a hypertextual information space;but the development of increasingly sophisticated front- and back-end technologies hasfostered its use as a remote software interface. This dual nature has led to much confusion,as user experience practitioners have attempted to adapt their terminology to cases beyondthe scope of its original application. The goal of this document is to define some of theseterms within their appropriate contexts, and to clarify the underlying relationships amongthese various elements.

Jesse James [email protected]

Visual Design: graphic treatment of interfaceelements (the "look" in "look-and-feel")

Information Architecture: structural designof the information space to facilitateintuitive access to content

Interaction Design: development ofapplication flows to facilitate user tasks,defining how the user interacts withsite functionality

Navigation Design: design of interfaceelements to facilitate the user's movementthrough the information architectureInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding

Functional Specifications: "feature set":detailed descriptions of functionality the sitemust include in order to meet user needs

User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site

Content Requirements: definition ofcontent elements required in the sitein order to meet user needs

Interface Design: as in traditional HCI:design of interface elements to facilitateuser interaction with functionalityInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding

Web as software interface Web as hypertext system

Visual Design: visual treatment of text,graphic page elements and navigationalcomponents

Concrete

Abstract

time

Conception

Completion

FunctionalSpecifications

ContentRequirements

InteractionDesign

InformationArchitecture

Visual Design

Information DesignInterface Design Navigation Design

Site ObjectivesUser Needs

User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site

This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development)that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within auser experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today.

task-oriented information-oriented

30 March 2000

© 2000 Jesse James Garrett http://www.jjg.net/ia/

Page 10: UX Axioms - 26 Principles to Drive Better Product Design

Concrete

Abstract

time

Conception

Completion

FunctionalSpecifications

ContentRequirements

InteractionDesign

InformationArchitecture

Visual Design

Information DesignInterface Design Navigation Design

Site ObjectivesUser Needs

#uxaxioms

USER EXPERIENCE (UX) DESIGN IS A HOLISTIC ORIENTATION LOOKING

AT HOW ‘WHAT WE MAKE’ IMPACTS PEOPLE, BUSINESS, AND

THE WORLD; AS WELL AS THE STRATEGY TO IMPLEMENT IT

Page 11: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

AXIOM NO. 01

IT’S ALL ABOUT PEOPLE; IT’S NOT ABOUT THE OBJECT

Page 12: UX Axioms - 26 Principles to Drive Better Product Design

Joe Ballay

Page 13: UX Axioms - 26 Principles to Drive Better Product Design

...it is in its transparency that it fulfills its function

Page 14: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

FOCUS ON THE EXPERIENCE, NOT ON THE FUNCTION

AXIOM NO. 02

Page 15: UX Axioms - 26 Principles to Drive Better Product Design

Get out something to write on/with.

ACTIVITY

Page 16: UX Axioms - 26 Principles to Drive Better Product Design

You have 20 seconds. Design a vase.

ACTIVITY

Page 17: UX Axioms - 26 Principles to Drive Better Product Design

You have 20 seconds. Design a vase. Design a better way for people to enjoy flowers in their home.

ACTIVITY

Page 18: UX Axioms - 26 Principles to Drive Better Product Design

You have 20 seconds. Design a vase. Design a better way for people to enjoy flowers in their home. Design a better way for people to connect with nature.

ACTIVITY

Page 19: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

STORIES ARE HOW WE UNDERSTAND AND

SHAPE THE WORLD

AXIOM NO. 03

Page 20: UX Axioms - 26 Principles to Drive Better Product Design

Pace Layers

Page 21: UX Axioms - 26 Principles to Drive Better Product Design

Clifford Geertz

Culture is simply the ensemble of stories we tell ourselves about ourselves.

Page 22: UX Axioms - 26 Principles to Drive Better Product Design

Harry Crews

Page 23: UX Axioms - 26 Principles to Drive Better Product Design

Truth of the matter was, stories was everything and everything was stories. Everybody told stories. It was a way of saying who they were in the world. It was their understanding of themselves. It was letting themselves know how they believed the world worked; the right way and the way that was not so right.

Page 24: UX Axioms - 26 Principles to Drive Better Product Design

1. Accomplishment 2. Beauty 3. Community 4. Creation 5. Duty 6. Enlightenment 7. Freedom 8. Harmony

15 Core Meanings

9. Justice 10. Oneness 11. Redemption 12. Security 13. Truth 14. Validation 15. Wonder

www.makingmeaning.org

Page 25: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

PAY ATTENTION TO PATTERNS

AXIOM NO. 04

Page 26: UX Axioms - 26 Principles to Drive Better Product Design

Culture is an underlying shared system of information and knowledge that is manifest through patterns of

norms, behaviors and signifiers.

Page 27: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

PROBLEM FINDING BEFORE PROBLEMS SOLVING

AXIOM NO. 05

Page 28: UX Axioms - 26 Principles to Drive Better Product Design

“If I had an hour to solve a problem and my life depended on the solution,

I would spend the first fifty-five minutes determining the proper

question to ask, for once I know the proper question, I could solve the problem in less than five minutes.”

Albert Einstein

Page 29: UX Axioms - 26 Principles to Drive Better Product Design

“If I had eight hours to chop down a tree,

I’d spend six sharpening my axe.”

Abraham Lincoln

Page 30: UX Axioms - 26 Principles to Drive Better Product Design
Page 31: UX Axioms - 26 Principles to Drive Better Product Design
Page 32: UX Axioms - 26 Principles to Drive Better Product Design

PROBLEM SOLVERS !

HOW DO I DO GOOD WORK?

PROBLEM FINDERS !

WHAT IS GOOD WORK?

Page 33: UX Axioms - 26 Principles to Drive Better Product Design

REFRAME THE PROBLEM TO OPEN UP NEW SOLUTIONS

Page 34: UX Axioms - 26 Principles to Drive Better Product Design

GLOBAL VS. LOCAL MAXIMA

Page 35: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

EXPOSE AND CHALLENGE ASSUMPTIONS

AXIOM NO. 06

Page 36: UX Axioms - 26 Principles to Drive Better Product Design

“Uncertainty is an uncomfortable position,

but certainty is an absurd one.”

Voltaire

Page 37: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

EXPLORE THE BIG PICTURE AND THE DETAILS AT ONCE

AXIOM NO. 07

Page 38: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

KNOW YOUR MATERIALITY: PEOPLE, TECHNOLOGY,

BUSINESS, AESTHETICS…

AXIOM NO. 08

Page 39: UX Axioms - 26 Principles to Drive Better Product Design

SYNTHESIS OF MANY FIELDS !

CONSTANTLY EVOLVING LANDSCAPE

Page 40: UX Axioms - 26 Principles to Drive Better Product Design

Sell your expertise and you have a

limited repertoire. Sell your ignorance

and you have an unlimited repertoire. - RSW on Charles Eames

Page 41: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

DON’T TRUST WHAT PEOPLE SAY; OPEN YOUR EYES

AXIOM NO. 09

Page 42: UX Axioms - 26 Principles to Drive Better Product Design

“What people say, what people do, and

what they say they do are entirely

different things.” - Margaret Mead

Page 43: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

CREATE MODELS NOT JUST NARRATIVES;

USE FRAMEWORKS

AXIOM NO. 10

Page 44: UX Axioms - 26 Principles to Drive Better Product Design

The Deal Addict will split their time between Browsing and Shopping. Their Browsing is punctuated by an effort to find the best deal regardless of the product. Their Shopping is defined by comparative pricing.

Inspire Me will spend a majority of their time Browsing. Their experience is marked by an indirect path through the product offering to find something that excites them.

Basic Value will not spend any time in the Research or Browse phases and will spend as little time as possible in the Shop phase. They want to get their shopping done and get on with life.

The Flexible Learner will split their time evenly across the phases as they inform themselves. They may not finalize the purchase within the 30 minute window.

Critical Explorer will spend all of their time in the Research phase. They are unlikely to complete their Research and commit to a purchase within the 30 minute window.

ResearchResearch is the gathering and/or analysis of detailed information about a specific product, groups of products or services.

Deal Addict needs to feel powerful and successful at saving money; feed that need with information about savings.

Inspire Me shops for pleasure, wants to surf around. Help them jump from one idea to the next to see what is hot.

Basic Value will appreciate consistency. Keep designs and interactions for basic shopping activities consistent and predictable.

Flexible Learner needs to stay in a comfort zone. Provide a consistent experience with information, language and interactions across channels.

Critical Explorer wants in-depth information about products. Help them dig deep to find out more and provide that information.

BrowseBrowse is the perusal of products or services without the direct intention of purchasing.

ShopShopping is the act of searching for a specific product, groups of products or services with the direct intention of purchasing.

PurchasePurchasing is the act of the exchange or transaction between the guest and the store.

Goal Save Money

EMOTIONAL ANALYTICAL

See What’s New Supply BasicNeeds

Feel Confidence Find More Information

The Critical Explorer will move out of the Research phase if/when the right product is identified.

Flexible Learner will move onto Shop only when they are confident in their decision.

Inspire Me will move out of Browse when something delights them.

Basic Value will move out of the Shop phase when the needed product is located.

Deal Addict will move from Shop to Purchase if they are confident they are getting the best deal.

Target Personas | :30 Minutes to Shop This diagram shows how each persona would spend 30 minutes of their online experience.

Heuristics

Deal Addict Flexible LearnerBasic Value Critical ExplorerInspire Me

Page 45: UX Axioms - 26 Principles to Drive Better Product Design

Fitbit One

Page 46: UX Axioms - 26 Principles to Drive Better Product Design

LABAN MOVEMENT ANALYSIS

Light

Strong

Direct

Indirect

Sudden

Sustained

WEIGHT SPACE TIME

Page 47: UX Axioms - 26 Principles to Drive Better Product Design

Light

Strong

Direct

Indirect

Sudden

Sustained

WEIGHT SPACE TIME

LABAN MOVEMENT ANALYSIS

PUNCHING

Page 48: UX Axioms - 26 Principles to Drive Better Product Design

Light

Strong

Direct

Indirect

Sudden

Sustained

WEIGHT SPACE TIME

LABAN MOVEMENT ANALYSIS

GLIDING

Page 49: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

REFRAME CONSTRAINTS AS FORCING FUNCTIONS

AXIOM NO. 11

Page 50: UX Axioms - 26 Principles to Drive Better Product Design

New Languages

Page 51: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

TAME COMPLEXITY; DON’T SIMPLIFY

AXIOM NO. 12

Page 52: UX Axioms - 26 Principles to Drive Better Product Design

COMPLEXITY DESIGN OPPORTUNITY

TIME

i

$

Page 53: UX Axioms - 26 Principles to Drive Better Product Design

The law of conservation of complexity in human-computer interaction states that every application has an inherent amount of complexity. This complexity cannot be wished away and has to be

dealt with, either in product development or in user interaction.

Larry Tesler, Xerox PARC

Page 54: UX Axioms - 26 Principles to Drive Better Product Design

COMPLEX, BUT NOT COMPLICATED

Page 55: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

MAKE NON-ARBITRARY DESIGN DECISIONS

AXIOM NO. 13

Page 56: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

SET AND MANAGE EXPECTATIONS

AXIOM NO. 14

Page 57: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

EVERYTHING IS DESIGNED AND EVERYTHING IS A

DESIGN CHALLENGE

AXIOM NO. 15

Page 58: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

BREAK SILOS; YOUR ROLE IS BIGGER

THAN YOU THINK

AXIOM NO. 16

Page 59: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

SAY ‘YES AND’; DON’T ALWAYS ASSUME

‘EITHER OR’

AXIOM NO. 17

Page 60: UX Axioms - 26 Principles to Drive Better Product Design
Page 61: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

IT’S ABOUT THE LIFECYCLE, THE JOURNEY AND THE TRANSITIONS;

NOT JUST KEY MOMENTS

AXIOM NO. 18

Page 62: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

EXTERNALIZE YOUR WORK FOR YOURSELF AND OTHERS

AXIOM NO. 19

Page 63: UX Axioms - 26 Principles to Drive Better Product Design
Page 64: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

CREATE AND CLOSE FEEDBACK LOOPS

AXIOM NO. 20

Page 65: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

MAKE STUFF AND THEN KILL IT

AXIOM NO. 21

Page 66: UX Axioms - 26 Principles to Drive Better Product Design
Page 67: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

CONTEXT, CONTEXT, CONTEXT

AXIOM NO. 22

Page 68: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

FOCUS ON A SINGLE THING AND DO IT REALLY WELL

AXIOM NO. 23

Page 69: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

UNDERSTAND AND PLAY WITH EMOTION

AXIOM NO. 24

Page 70: UX Axioms - 26 Principles to Drive Better Product Design
Page 71: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

ENGENDER TRUST

AXIOM NO. 25

Page 72: UX Axioms - 26 Principles to Drive Better Product Design

@eadahl#uxaxioms

COLLABORATE WITH OTHERS

AXIOM NO. 26

Page 73: UX Axioms - 26 Principles to Drive Better Product Design

#uxaxioms

IF A THING IS WORTH DOING, IT’S WORTH DOING WELL.

Page 74: UX Axioms - 26 Principles to Drive Better Product Design

www.uxaxioms.com

#uxaxioms

Page 75: UX Axioms - 26 Principles to Drive Better Product Design

[email protected] Dahl @eadahl