SlideShare ist ein Scribd-Unternehmen logo
1 von 52
Downloaden Sie, um offline zu lesen
Imagine I asked you
to design a product.

Maybe a website.

For sharing medical
information.
The product is for the blind.

And the deaf.
Could you do it?

Where would you start?
Designing from the
Inside-Out: Behaviour
as the Engine
of Product Design
Dan Saffer, Kicker Studio
Users experience products from
the outside-in, namely from the
interface and the physical form.

In other words, as far as users
are concerned, the interface
is the product.
But.

The best products are usually
not those that are designed
with only the outside in mind.
Designing from the Inside-Out: Behaviour as the Engine of Product Design
Those delight briefly. But prolonged
use turns delight to anger and
disgust. They are quickly discarded,
replaced, and forgotten.

They are the junk food
of products.
It is easier to focus on
form than behaviour.
Likewise, it is equally easy
to focus on the mechanics:
the technology that makes
the product possible.
Easier not because the work
is easier (it isn’t).

But it is easier to talk or
demonstrate or even think
about how a product looks
or will be built than it is to
design how it will work.
This isn’t to say we should
ignore aesthetics or technology,
because that would be foolish.
The best products
are designed from
the inside-out.

Meaning, everything flows
from behaviour.
Behaviour
How the product acts (feedback)
The tasks the product allows users to do
Maximising the abilities of the product
A focus on actions it (you) want to
engender through use
An honest job of design
should flow from the inside
out, not from the outside in.
Henry Dreyfuss, 1955
We mold clay into a pot,
but it is the emptiness inside
that makes the vessel useful.
Tao Te Ching
The best products
are aesthetically-pleasing
are plug and play
have personal or professional value
seem transparent
offer clear affordances/instruction
put functionality on the correct platform
have responsive feedback
use conventions...
...or something radically better
make it difficult to make mistakes
are aware of context of use
have moments of delight
respect time and effort
The best way to achieve most
of those characteristics is by
focusing on behaviour as the
starting point.
But then we’ve got this problem.

If The Interface is The Product,
how do we design from the inside out?
A lot of products have been made
from the inside out that you’d never
want to own or use.
Step 1: Behaviour
as Design Strategy
Avoid what Nicholas Nova
calls the utilitarian fallacy:
“a tendency to think that people
want/must have products to
optimize their lives.”
Behaviour can be
a major product
differentiator.
Differentiators have traditionally
been features.

But we can make behaviour the
differentiator. In not only how
the product behaves, but the
behaviour it engenders.
Behaviour is one defense
against feature-itis.
People love features.
We enjoy comparing
products side-by-side and
choosing the one with the
most features.
Obligatory Don Norman Quote

[P]eople are not willing to pay for a
system that looks simpler because it
looks less capable…[Make] the actual
complexity low, the real simplicity
high. That’s an exciting design
challenge: make it look powerful
while also making it easy to use.
Don Norman
Companies love features, too.
It gives them something to easily
market and talk about. It also allows
them to simply replicate what their
competitors are doing without having
to come up with real differentiators.
It’s easy to replicate features.
But is is hard to copy how features
behave if care is taken to design
them well.
Step 2: Behaviour
as Design Research
Stop looking for people’s
goals and preferences,
start looking for what they
do and why they do it.
Motivations
Expectations
Actions
Translating goals or (worse)
preferences into a design will
probably lead to something terrible.
Step 3: Behaviour
as Product Structure
How does the system behave
when users engage with it?

In other words, what is the
feedback like?
The same feature can feel
completely different based
on how it responds and how
it is accessed.

Transitions matter.
What activities does the
product need to support?
Especially figure out what is
the core activity. This will
determine the product’s
Buddha Nature.
The core activity also
determines the Hero Task.
What behaviour do you want
to encourage? Discourage?
It is hard to change learned behaviour.
Once people get used to do something
one way, especially if they do it very
regularly, it is hard to get them to
change. It is often easier to change the
non-human parts of the system than it is
to change human behaviour.
It can be helpful when concepting
to consider metaphor. If this
product was an action, what
would it be?
There is a big difference between:

Design a shower

and

Design something to clean a person
How would it work
if it was magic?
Alan Cooper
Where does your mobile phone’s
ringer “live?”

Where does Twitter live?

Where does a product like Last.fm live?
Functional cartography
Should the controls be digital, physical, or both?
When and where will the feature be used?
What’s the feature’s priority?
Does it need to be available all the time? Frequently?
How much resources should be spent?
Consider ergonomics.
Will a physical control ruin the form? Will a screen?
How tangible should the feature be?
Does the feature need a visible presence (affordance)?

This can also spread cross-platform too.
Start from the behaviour, and then
figure out what should control it: the
physical form, UI elements on a screen,
or even gestures in space. For users, the
interface is the system, and they don’t
care which discipline(s) designed it,
only that it looks good and works well.
This is how we overcome the
interface/inside-out paradox.

Behaviour drives the form
and the mechanics.
So am I saying form
follows function?

Somewhat. But don’t quote me.
We’re often not making
things better, we’re just
making things different.
Peter Saville
Go make things better.
Thanks.
dan@kickerstudio.com
odannyboy on Twitter

Weitere ähnliche Inhalte

Was ist angesagt?

Designing an Experience
Designing an ExperienceDesigning an Experience
Designing an ExperienceTaylor Wallace
 
The Last Productivity Hack You'll Ever Need
The Last Productivity Hack You'll Ever NeedThe Last Productivity Hack You'll Ever Need
The Last Productivity Hack You'll Ever NeedKari Beaulieu
 
Apps as Machines — at FH Potsdam
Apps as Machines — at FH PotsdamApps as Machines — at FH Potsdam
Apps as Machines — at FH PotsdamMartin Jordan
 
Ideation in service design. Ideation methods and tools
Ideation in service design. Ideation methods and toolsIdeation in service design. Ideation methods and tools
Ideation in service design. Ideation methods and toolsKatarzyna Młynarczyk
 
Capturing Contexts: A workshop with jobs-to-be-done tools / Service Experienc...
Capturing Contexts: A workshop with jobs-to-be-done tools / Service Experienc...Capturing Contexts: A workshop with jobs-to-be-done tools / Service Experienc...
Capturing Contexts: A workshop with jobs-to-be-done tools / Service Experienc...Martin Jordan
 
Emergent UX: Seducing the Six Minds - IXDA-NYC
Emergent UX: Seducing the Six Minds - IXDA-NYCEmergent UX: Seducing the Six Minds - IXDA-NYC
Emergent UX: Seducing the Six Minds - IXDA-NYCJohn Whalen
 
Design Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the peopleDesign Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the peopleRafael Citadella Daron
 
Inspiration session - Digital trends
Inspiration session - Digital trendsInspiration session - Digital trends
Inspiration session - Digital trendsPieter Baert
 
Design Thinking: The one thing that will transform the way you think
Design Thinking: The one thing that will transform the way you thinkDesign Thinking: The one thing that will transform the way you think
Design Thinking: The one thing that will transform the way you thinkDigital Surgeons
 
Finding Problems Worth Solving
Finding Problems Worth Solving Finding Problems Worth Solving
Finding Problems Worth Solving Paul Fox, Ph.D.
 
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustEric Reiss
 
MDKSocial | Social Strategy for Everybody!
MDKSocial | Social Strategy for Everybody!MDKSocial | Social Strategy for Everybody!
MDKSocial | Social Strategy for Everybody!Michael Koenka
 
Learning in the Age of Knowledge on Demand
Learning in the Age of Knowledge on DemandLearning in the Age of Knowledge on Demand
Learning in the Age of Knowledge on DemandTim O'Reilly
 
Service Design Drinks Warsaw #1 / Uncovering the job your service is hired for
Service Design Drinks Warsaw #1 / Uncovering the job your service is hired forService Design Drinks Warsaw #1 / Uncovering the job your service is hired for
Service Design Drinks Warsaw #1 / Uncovering the job your service is hired forMartin Jordan
 
LeanUX is a Useful F*&king Lie
LeanUX is a Useful F*&king LieLeanUX is a Useful F*&king Lie
LeanUX is a Useful F*&king LieWilliam Evans
 
Executive Innovation Briefing for Brazilian Cooperatives
Executive Innovation Briefing for Brazilian CooperativesExecutive Innovation Briefing for Brazilian Cooperatives
Executive Innovation Briefing for Brazilian CooperativesTerri Griffith
 
Exceptional Design is Emotional Design
Exceptional Design is Emotional DesignExceptional Design is Emotional Design
Exceptional Design is Emotional DesignMarissa Louie
 

Was ist angesagt? (20)

Designing an Experience
Designing an ExperienceDesigning an Experience
Designing an Experience
 
MVP For Teens
MVP For Teens MVP For Teens
MVP For Teens
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
The Last Productivity Hack You'll Ever Need
The Last Productivity Hack You'll Ever NeedThe Last Productivity Hack You'll Ever Need
The Last Productivity Hack You'll Ever Need
 
Apps as Machines — at FH Potsdam
Apps as Machines — at FH PotsdamApps as Machines — at FH Potsdam
Apps as Machines — at FH Potsdam
 
Ideation in service design. Ideation methods and tools
Ideation in service design. Ideation methods and toolsIdeation in service design. Ideation methods and tools
Ideation in service design. Ideation methods and tools
 
Capturing Contexts: A workshop with jobs-to-be-done tools / Service Experienc...
Capturing Contexts: A workshop with jobs-to-be-done tools / Service Experienc...Capturing Contexts: A workshop with jobs-to-be-done tools / Service Experienc...
Capturing Contexts: A workshop with jobs-to-be-done tools / Service Experienc...
 
Emergent UX: Seducing the Six Minds - IXDA-NYC
Emergent UX: Seducing the Six Minds - IXDA-NYCEmergent UX: Seducing the Six Minds - IXDA-NYC
Emergent UX: Seducing the Six Minds - IXDA-NYC
 
Design Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the peopleDesign Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the people
 
Inspiration session - Digital trends
Inspiration session - Digital trendsInspiration session - Digital trends
Inspiration session - Digital trends
 
Design Thinking: The one thing that will transform the way you think
Design Thinking: The one thing that will transform the way you thinkDesign Thinking: The one thing that will transform the way you think
Design Thinking: The one thing that will transform the way you think
 
Finding Problems Worth Solving
Finding Problems Worth Solving Finding Problems Worth Solving
Finding Problems Worth Solving
 
Designing for Change
Designing for Change Designing for Change
Designing for Change
 
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dust
 
MDKSocial | Social Strategy for Everybody!
MDKSocial | Social Strategy for Everybody!MDKSocial | Social Strategy for Everybody!
MDKSocial | Social Strategy for Everybody!
 
Learning in the Age of Knowledge on Demand
Learning in the Age of Knowledge on DemandLearning in the Age of Knowledge on Demand
Learning in the Age of Knowledge on Demand
 
Service Design Drinks Warsaw #1 / Uncovering the job your service is hired for
Service Design Drinks Warsaw #1 / Uncovering the job your service is hired forService Design Drinks Warsaw #1 / Uncovering the job your service is hired for
Service Design Drinks Warsaw #1 / Uncovering the job your service is hired for
 
LeanUX is a Useful F*&king Lie
LeanUX is a Useful F*&king LieLeanUX is a Useful F*&king Lie
LeanUX is a Useful F*&king Lie
 
Executive Innovation Briefing for Brazilian Cooperatives
Executive Innovation Briefing for Brazilian CooperativesExecutive Innovation Briefing for Brazilian Cooperatives
Executive Innovation Briefing for Brazilian Cooperatives
 
Exceptional Design is Emotional Design
Exceptional Design is Emotional DesignExceptional Design is Emotional Design
Exceptional Design is Emotional Design
 

Andere mochten auch

Design Fiction @ Shift 2008
Design Fiction @ Shift 2008Design Fiction @ Shift 2008
Design Fiction @ Shift 2008Julian Bleecker
 
The Mind and Consciousness As an Interface
The Mind and Consciousness As an InterfaceThe Mind and Consciousness As an Interface
The Mind and Consciousness As an Interfacenicolas nova
 
FutureEverything Singapore 2015
FutureEverything Singapore 2015FutureEverything Singapore 2015
FutureEverything Singapore 2015Changeist
 
Props to Prototypes: Design Fiction Part 2 Design Connexity 2009
Props to Prototypes: Design Fiction Part 2 Design Connexity 2009Props to Prototypes: Design Fiction Part 2 Design Connexity 2009
Props to Prototypes: Design Fiction Part 2 Design Connexity 2009Julian Bleecker
 
UK UPA User experience for social change
UK UPA User experience for social changeUK UPA User experience for social change
UK UPA User experience for social changeDan Lockton
 
Resource Management in Technology
Resource Management in TechnologyResource Management in Technology
Resource Management in TechnologyEddie Stover
 
Design Fiction presentation
Design Fiction presentation Design Fiction presentation
Design Fiction presentation Adam Owen
 
BUILD GREAT PRODUCTS: Introduction to LEAN Product Development
BUILD GREAT PRODUCTS: Introduction to LEAN Product DevelopmentBUILD GREAT PRODUCTS: Introduction to LEAN Product Development
BUILD GREAT PRODUCTS: Introduction to LEAN Product DevelopmentKlooff
 
Be Product Developers - Eddie Stover
Be Product Developers - Eddie StoverBe Product Developers - Eddie Stover
Be Product Developers - Eddie StoverEddie Stover
 
Seeing Competency-Based Assessment in a Different Light
Seeing Competency-Based Assessment in a Different Light Seeing Competency-Based Assessment in a Different Light
Seeing Competency-Based Assessment in a Different Light Touchstone Institute
 
6000 Years of Device Design
6000 Years of Device Design6000 Years of Device Design
6000 Years of Device DesignDan Saffer
 
KEF product design powerpoint
KEF product design powerpointKEF product design powerpoint
KEF product design powerpointalexbilton
 
Design Fiction: Something and the Something in the Age of the Something
Design Fiction: Something and the Something in the Age of the SomethingDesign Fiction: Something and the Something in the Age of the Something
Design Fiction: Something and the Something in the Age of the SomethingJulian Bleecker
 
Using Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to ProductUsing Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to ProductDan Saffer
 
Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009Dan Saffer
 
Gaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web AppsGaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web AppsDan Saffer
 
Microinteractions
MicrointeractionsMicrointeractions
MicrointeractionsDan Saffer
 
Design in the Post-PC Era
Design in the Post-PC EraDesign in the Post-PC Era
Design in the Post-PC EraDan Saffer
 
How to Lie with Design Strategy
How to Lie with Design StrategyHow to Lie with Design Strategy
How to Lie with Design StrategyDan Saffer
 

Andere mochten auch (20)

My Elastic City, Anab Jain
My Elastic City, Anab JainMy Elastic City, Anab Jain
My Elastic City, Anab Jain
 
Design Fiction @ Shift 2008
Design Fiction @ Shift 2008Design Fiction @ Shift 2008
Design Fiction @ Shift 2008
 
The Mind and Consciousness As an Interface
The Mind and Consciousness As an InterfaceThe Mind and Consciousness As an Interface
The Mind and Consciousness As an Interface
 
FutureEverything Singapore 2015
FutureEverything Singapore 2015FutureEverything Singapore 2015
FutureEverything Singapore 2015
 
Props to Prototypes: Design Fiction Part 2 Design Connexity 2009
Props to Prototypes: Design Fiction Part 2 Design Connexity 2009Props to Prototypes: Design Fiction Part 2 Design Connexity 2009
Props to Prototypes: Design Fiction Part 2 Design Connexity 2009
 
UK UPA User experience for social change
UK UPA User experience for social changeUK UPA User experience for social change
UK UPA User experience for social change
 
Resource Management in Technology
Resource Management in TechnologyResource Management in Technology
Resource Management in Technology
 
Design Fiction presentation
Design Fiction presentation Design Fiction presentation
Design Fiction presentation
 
BUILD GREAT PRODUCTS: Introduction to LEAN Product Development
BUILD GREAT PRODUCTS: Introduction to LEAN Product DevelopmentBUILD GREAT PRODUCTS: Introduction to LEAN Product Development
BUILD GREAT PRODUCTS: Introduction to LEAN Product Development
 
Be Product Developers - Eddie Stover
Be Product Developers - Eddie StoverBe Product Developers - Eddie Stover
Be Product Developers - Eddie Stover
 
Seeing Competency-Based Assessment in a Different Light
Seeing Competency-Based Assessment in a Different Light Seeing Competency-Based Assessment in a Different Light
Seeing Competency-Based Assessment in a Different Light
 
6000 Years of Device Design
6000 Years of Device Design6000 Years of Device Design
6000 Years of Device Design
 
KEF product design powerpoint
KEF product design powerpointKEF product design powerpoint
KEF product design powerpoint
 
Design Fiction: Something and the Something in the Age of the Something
Design Fiction: Something and the Something in the Age of the SomethingDesign Fiction: Something and the Something in the Age of the Something
Design Fiction: Something and the Something in the Age of the Something
 
Using Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to ProductUsing Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to Product
 
Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009
 
Gaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web AppsGaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web Apps
 
Microinteractions
MicrointeractionsMicrointeractions
Microinteractions
 
Design in the Post-PC Era
Design in the Post-PC EraDesign in the Post-PC Era
Design in the Post-PC Era
 
How to Lie with Design Strategy
How to Lie with Design StrategyHow to Lie with Design Strategy
How to Lie with Design Strategy
 

Ähnlich wie Designing from the Inside-Out: Behaviour as the Engine of Product Design

UX London Redux - Dan Saffer
UX London Redux - Dan SafferUX London Redux - Dan Saffer
UX London Redux - Dan Saffercpetzny
 
You aren't your target market. - UX Research Basics
You aren't your target market. - UX Research BasicsYou aren't your target market. - UX Research Basics
You aren't your target market. - UX Research BasicsAngela Obias
 
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners   Experience Dynamics Web SeminarUsability Tips And Tricks For Beginners   Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners Experience Dynamics Web SeminarExperience Dynamics
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience DesignKiera McMaster
 
World Interaction Design Day 2019 // Mito Digital - Social Behavior Design
World Interaction Design Day 2019 // Mito Digital - Social Behavior DesignWorld Interaction Design Day 2019 // Mito Digital - Social Behavior Design
World Interaction Design Day 2019 // Mito Digital - Social Behavior DesignMito
 
10 Principles to Build an Addictive Product and Service
10 Principles to Build an Addictive Product and Service10 Principles to Build an Addictive Product and Service
10 Principles to Build an Addictive Product and ServiceBorrys Hasian
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015Katelyn Caillouet
 
Make products easy to-use
Make products easy to-useMake products easy to-use
Make products easy to-usebrucedgreen
 
Submitting to Low-Fidelity User Research: a Primer
Submitting to Low-Fidelity User Research: a PrimerSubmitting to Low-Fidelity User Research: a Primer
Submitting to Low-Fidelity User Research: a PrimerIan Fitzpatrick
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developersNick Myers
 
Design in Startups
Design in StartupsDesign in Startups
Design in StartupsALPHA Camp
 
Diy user engagement, white paper
Diy user engagement, white paperDiy user engagement, white paper
Diy user engagement, white paperJulia Shalet
 
How to Create Insanely Cool UX Designs Using Micro-interactions?
How to Create Insanely Cool UX Designs Using Micro-interactions?How to Create Insanely Cool UX Designs Using Micro-interactions?
How to Create Insanely Cool UX Designs Using Micro-interactions?Kaspar Lavik
 
Hcde k 12 charrette workbook
Hcde k 12 charrette workbookHcde k 12 charrette workbook
Hcde k 12 charrette workbookValerie Remaker
 
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...UXPA International
 
How to Design a Web App People Love
How to Design a Web App People LoveHow to Design a Web App People Love
How to Design a Web App People LovePete Kistler
 
Building Character: Creating Consistent Experiences With Design Principles- ...
Building Character: Creating Consistent Experiences With Design Principles-  ...Building Character: Creating Consistent Experiences With Design Principles-  ...
Building Character: Creating Consistent Experiences With Design Principles- ...Mad*Pow
 

Ähnlich wie Designing from the Inside-Out: Behaviour as the Engine of Product Design (20)

UX London Redux - Dan Saffer
UX London Redux - Dan SafferUX London Redux - Dan Saffer
UX London Redux - Dan Saffer
 
You aren't your target market. - UX Research Basics
You aren't your target market. - UX Research BasicsYou aren't your target market. - UX Research Basics
You aren't your target market. - UX Research Basics
 
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners   Experience Dynamics Web SeminarUsability Tips And Tricks For Beginners   Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
 
Design Drivers
Design DriversDesign Drivers
Design Drivers
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
World Interaction Design Day 2019 // Mito Digital - Social Behavior Design
World Interaction Design Day 2019 // Mito Digital - Social Behavior DesignWorld Interaction Design Day 2019 // Mito Digital - Social Behavior Design
World Interaction Design Day 2019 // Mito Digital - Social Behavior Design
 
10 Principles to Build an Addictive Product and Service
10 Principles to Build an Addictive Product and Service10 Principles to Build an Addictive Product and Service
10 Principles to Build an Addictive Product and Service
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015
 
Make products easy to-use
Make products easy to-useMake products easy to-use
Make products easy to-use
 
Submitting to Low-Fidelity User Research: a Primer
Submitting to Low-Fidelity User Research: a PrimerSubmitting to Low-Fidelity User Research: a Primer
Submitting to Low-Fidelity User Research: a Primer
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developers
 
Design in Startups
Design in StartupsDesign in Startups
Design in Startups
 
People-First Design Paper
People-First Design PaperPeople-First Design Paper
People-First Design Paper
 
Diy user engagement, white paper
Diy user engagement, white paperDiy user engagement, white paper
Diy user engagement, white paper
 
How to Create Insanely Cool UX Designs Using Micro-interactions?
How to Create Insanely Cool UX Designs Using Micro-interactions?How to Create Insanely Cool UX Designs Using Micro-interactions?
How to Create Insanely Cool UX Designs Using Micro-interactions?
 
Hcde k 12 charrette workbook
Hcde k 12 charrette workbookHcde k 12 charrette workbook
Hcde k 12 charrette workbook
 
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...
 
How to Design a Web App People Love
How to Design a Web App People LoveHow to Design a Web App People Love
How to Design a Web App People Love
 
Building Character: Creating Consistent Experiences With Design Principles- ...
Building Character: Creating Consistent Experiences With Design Principles-  ...Building Character: Creating Consistent Experiences With Design Principles-  ...
Building Character: Creating Consistent Experiences With Design Principles- ...
 
Rapid Prototyping
Rapid PrototypingRapid Prototyping
Rapid Prototyping
 

Mehr von Dan Saffer

Practical Creativity
Practical CreativityPractical Creativity
Practical CreativityDan Saffer
 
The New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityThe New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityDan Saffer
 
The Complexity of Simplicity
The Complexity of SimplicityThe Complexity of Simplicity
The Complexity of SimplicityDan Saffer
 
Designing for (and with) New Technology
Designing for (and with) New TechnologyDesigning for (and with) New Technology
Designing for (and with) New TechnologyDan Saffer
 
What User-Centered Design is Good For
What User-Centered Design is Good ForWhat User-Centered Design is Good For
What User-Centered Design is Good ForDan Saffer
 
Tap is the New Click
Tap is the New ClickTap is the New Click
Tap is the New ClickDan Saffer
 
Ideation and Design Principles Workshop
Ideation and Design Principles WorkshopIdeation and Design Principles Workshop
Ideation and Design Principles WorkshopDan Saffer
 
Designing Smart and Clever Applications
Designing Smart and Clever ApplicationsDesigning Smart and Clever Applications
Designing Smart and Clever ApplicationsDan Saffer
 
Making Good Design Decisions
Making Good Design DecisionsMaking Good Design Decisions
Making Good Design DecisionsDan Saffer
 
New Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction DesignersNew Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction DesignersDan Saffer
 
The Role of Metaphor in Interaction Design
The Role of Metaphor in Interaction DesignThe Role of Metaphor in Interaction Design
The Role of Metaphor in Interaction DesignDan Saffer
 
How to Lie with Design Research
How to Lie with Design ResearchHow to Lie with Design Research
How to Lie with Design ResearchDan Saffer
 

Mehr von Dan Saffer (12)

Practical Creativity
Practical CreativityPractical Creativity
Practical Creativity
 
The New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityThe New Era of (Non-) Discoverability
The New Era of (Non-) Discoverability
 
The Complexity of Simplicity
The Complexity of SimplicityThe Complexity of Simplicity
The Complexity of Simplicity
 
Designing for (and with) New Technology
Designing for (and with) New TechnologyDesigning for (and with) New Technology
Designing for (and with) New Technology
 
What User-Centered Design is Good For
What User-Centered Design is Good ForWhat User-Centered Design is Good For
What User-Centered Design is Good For
 
Tap is the New Click
Tap is the New ClickTap is the New Click
Tap is the New Click
 
Ideation and Design Principles Workshop
Ideation and Design Principles WorkshopIdeation and Design Principles Workshop
Ideation and Design Principles Workshop
 
Designing Smart and Clever Applications
Designing Smart and Clever ApplicationsDesigning Smart and Clever Applications
Designing Smart and Clever Applications
 
Making Good Design Decisions
Making Good Design DecisionsMaking Good Design Decisions
Making Good Design Decisions
 
New Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction DesignersNew Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction Designers
 
The Role of Metaphor in Interaction Design
The Role of Metaphor in Interaction DesignThe Role of Metaphor in Interaction Design
The Role of Metaphor in Interaction Design
 
How to Lie with Design Research
How to Lie with Design ResearchHow to Lie with Design Research
How to Lie with Design Research
 

Kürzlich hochgeladen

UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 

Kürzlich hochgeladen (20)

UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 

Designing from the Inside-Out: Behaviour as the Engine of Product Design

  • 1. Imagine I asked you to design a product. Maybe a website. For sharing medical information.
  • 2. The product is for the blind. And the deaf.
  • 3. Could you do it? Where would you start?
  • 4. Designing from the Inside-Out: Behaviour as the Engine of Product Design Dan Saffer, Kicker Studio
  • 5. Users experience products from the outside-in, namely from the interface and the physical form. In other words, as far as users are concerned, the interface is the product.
  • 6. But. The best products are usually not those that are designed with only the outside in mind.
  • 8. Those delight briefly. But prolonged use turns delight to anger and disgust. They are quickly discarded, replaced, and forgotten. They are the junk food of products.
  • 9. It is easier to focus on form than behaviour.
  • 10. Likewise, it is equally easy to focus on the mechanics: the technology that makes the product possible.
  • 11. Easier not because the work is easier (it isn’t). But it is easier to talk or demonstrate or even think about how a product looks or will be built than it is to design how it will work.
  • 12. This isn’t to say we should ignore aesthetics or technology, because that would be foolish.
  • 13. The best products are designed from the inside-out. Meaning, everything flows from behaviour.
  • 14. Behaviour How the product acts (feedback) The tasks the product allows users to do Maximising the abilities of the product A focus on actions it (you) want to engender through use
  • 15. An honest job of design should flow from the inside out, not from the outside in. Henry Dreyfuss, 1955
  • 16. We mold clay into a pot, but it is the emptiness inside that makes the vessel useful. Tao Te Ching
  • 17. The best products are aesthetically-pleasing are plug and play have personal or professional value seem transparent offer clear affordances/instruction put functionality on the correct platform have responsive feedback use conventions... ...or something radically better make it difficult to make mistakes are aware of context of use have moments of delight respect time and effort
  • 18. The best way to achieve most of those characteristics is by focusing on behaviour as the starting point.
  • 19. But then we’ve got this problem. If The Interface is The Product, how do we design from the inside out?
  • 20. A lot of products have been made from the inside out that you’d never want to own or use.
  • 21. Step 1: Behaviour as Design Strategy
  • 22. Avoid what Nicholas Nova calls the utilitarian fallacy: “a tendency to think that people want/must have products to optimize their lives.”
  • 23. Behaviour can be a major product differentiator.
  • 24. Differentiators have traditionally been features. But we can make behaviour the differentiator. In not only how the product behaves, but the behaviour it engenders.
  • 25. Behaviour is one defense against feature-itis.
  • 26. People love features. We enjoy comparing products side-by-side and choosing the one with the most features.
  • 27. Obligatory Don Norman Quote [P]eople are not willing to pay for a system that looks simpler because it looks less capable…[Make] the actual complexity low, the real simplicity high. That’s an exciting design challenge: make it look powerful while also making it easy to use. Don Norman
  • 28. Companies love features, too. It gives them something to easily market and talk about. It also allows them to simply replicate what their competitors are doing without having to come up with real differentiators.
  • 29. It’s easy to replicate features. But is is hard to copy how features behave if care is taken to design them well.
  • 30. Step 2: Behaviour as Design Research
  • 31. Stop looking for people’s goals and preferences, start looking for what they do and why they do it.
  • 33. Translating goals or (worse) preferences into a design will probably lead to something terrible.
  • 34. Step 3: Behaviour as Product Structure
  • 35. How does the system behave when users engage with it? In other words, what is the feedback like?
  • 36. The same feature can feel completely different based on how it responds and how it is accessed. Transitions matter.
  • 37. What activities does the product need to support?
  • 38. Especially figure out what is the core activity. This will determine the product’s Buddha Nature.
  • 39. The core activity also determines the Hero Task.
  • 40. What behaviour do you want to encourage? Discourage?
  • 41. It is hard to change learned behaviour. Once people get used to do something one way, especially if they do it very regularly, it is hard to get them to change. It is often easier to change the non-human parts of the system than it is to change human behaviour.
  • 42. It can be helpful when concepting to consider metaphor. If this product was an action, what would it be?
  • 43. There is a big difference between: Design a shower and Design something to clean a person
  • 44. How would it work if it was magic? Alan Cooper
  • 45. Where does your mobile phone’s ringer “live?” Where does Twitter live? Where does a product like Last.fm live?
  • 46. Functional cartography Should the controls be digital, physical, or both? When and where will the feature be used? What’s the feature’s priority? Does it need to be available all the time? Frequently? How much resources should be spent? Consider ergonomics. Will a physical control ruin the form? Will a screen? How tangible should the feature be? Does the feature need a visible presence (affordance)? This can also spread cross-platform too.
  • 47. Start from the behaviour, and then figure out what should control it: the physical form, UI elements on a screen, or even gestures in space. For users, the interface is the system, and they don’t care which discipline(s) designed it, only that it looks good and works well.
  • 48. This is how we overcome the interface/inside-out paradox. Behaviour drives the form and the mechanics.
  • 49. So am I saying form follows function? Somewhat. But don’t quote me.
  • 50. We’re often not making things better, we’re just making things different. Peter Saville
  • 51. Go make things better.