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

52
Imagine I asked you to design a product. Maybe a website. For sharing medical information.

description

Talk given at UX London, June 2009.

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

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

Imagine I asked you to design a product.

Maybe a website.

For sharing medical information.

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

The product is for the blind.

And the deaf.

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

Could you do it?

Where would you start?

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

Designing from the Inside-Out: Behaviour as the Engine of Product DesignDan Saffer, Kicker Studio

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

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.

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

But.

The best products are usually not those that are designed with only the outside in mind.

Page 7: Designing from the Inside-Out: Behaviour as the Engine of Product Design
Page 8: 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.

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

It is easier to focus on form than behaviour.

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

Likewise, it is equally easy to focus on the mechanics: the technology that makes the product possible.

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

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.

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

This isn’t to say we should ignore aesthetics or technology, because that would be foolish.

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

The best products are designed from the inside-out.

Meaning, everything flows from behaviour.

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

BehaviourHow 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

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

An honest job of design should flow from the inside out, not from the outside in.Henry Dreyfuss, 1955

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

We mold clay into a pot, but it is the emptiness inside that makes the vessel useful.Tao Te Ching

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

The best productsare aesthetically-pleasingare plug and playhave personal or professional valueseem transparentoffer clear affordances/instructionput functionality on the correct platformhave responsive feedbackuse conventions......or something radically bettermake it difficult to make mistakesare aware of context of usehave moments of delightrespect time and effort

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

The best way to achieve most of those characteristics is by focusing on behaviour as the starting point.

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

But then we’ve got this problem.

If The Interface is The Product, how do we design from the inside out?

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

A lot of products have been made from the inside out that you’d never want to own or use.

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

Step 1: Behaviour as Design Strategy

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

Avoid what Nicholas Nova calls the utilitarian fallacy: “a tendency to think that people want/must have products to optimize their lives.”

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

Behaviour can be a major product differentiator.

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

Differentiators have traditionally been features.

But we can make behaviour the differentiator. In not only how the product behaves, but the behaviour it engenders.

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

Behaviour is one defense against feature-itis.

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

People love features. We enjoy comparing products side-by-side and choosing the one with the most features.

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

[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

Obligatory Don Norman Quote

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

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.

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

It’s easy to replicate features. But is is hard to copy how features behave if care is taken to design them well.

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

Step 2: Behaviour as Design Research

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

Stop looking for people’s goals and preferences, start looking for what they do and why they do it.

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

MotivationsExpectationsActions

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

Translating goals or (worse) preferences into a design will probably lead to something terrible.

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

Step 3: Behaviour as Product Structure

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

How does the system behave when users engage with it?

In other words, what is the feedback like?

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

The same feature can feel completely different based on how it responds and how it is accessed.

Transitions matter.

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

What activities does the product need to support?

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

Especially figure out what is the core activity. This will determine the product’s Buddha Nature.

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

The core activity also determines the Hero Task.

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

What behaviour do you want to encourage? Discourage?

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

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.

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

It can be helpful when concepting to consider metaphor. If this product was an action, what would it be?

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

There is a big difference between:

Design a shower

and

Design something to clean a person

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

How would it work if it was magic?Alan Cooper

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

Where does your mobile phone’s ringer “live?”

Where does Twitter live?

Where does a product like Last.fm live?

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

Functional cartographyShould 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.

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

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.

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

This is how we overcome the interface/inside-out paradox.

Behaviour drives the form and the mechanics.

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

So am I saying form follows function?

Somewhat. But don’t quote me.

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

We’re often not making things better, we’re just making things different.Peter Saville

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

Go make things better.

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

[email protected] on Twitter