what is design interaction?

125
Design for interaction Dan Saffer

Post on 17-Oct-2014

2.109 views

Category:

Design


0 download

DESCRIPTION

Resumen del primer capítulo del libro de Dan Saffer 'Design Interaction'.

TRANSCRIPT

Page 1: What is design interaction?

Design for interactionDan Saffer

Page 2: What is design interaction?

This book is about how digital products behave

Design for interaction

Page 3: What is design interaction?

“We become what we behold. We shape our tools, and thereafter our tools shape us”

Marshall McLuhan

Design for interaction

Page 4: What is design interaction?

Chapter 1

What is interaction design?

Page 5: What is design interaction?

Every day people use technology tools

Design for interaction

Page 6: What is design interaction?

These things are possible by good engineering

Design for interaction

Page 7: What is design interaction?

but…

Design for interaction

Page 8: What is design interaction?

It’s interaction design that makes them usable, useful and fun

Design for interaction

Page 9: What is design interaction?

Any behavior – how a product works – is involved, interaction designers should be

involved

Design for interaction

Page 10: What is design interaction?

Design for interaction

Page 11: What is design interaction?

Design for interaction

Bill Moggridge

Page 12: What is design interaction?

Design for interaction

Grid Compass - 1982

Page 13: What is design interaction?

In 1990 Bill Moggdrige realized that he and some of his colleagues had been

creating a very different kind of design

Design for interaction

Page 14: What is design interaction?

It wasn’t product design… but they were designing products

Design for interaction

Page 15: What is design interaction?

It wasn’t communication design… although they used some of that

discipline’s tools

Design for interaction

Page 16: What is design interaction?

It wasn’t computer science…although their work was related with

computers and software

Design for interaction

Page 17: What is design interaction?

It had to do with connecting people through the products they used

Design for interaction

Page 18: What is design interaction?

What was it?

Design for interaction

Page 19: What is design interaction?

Design for interaction

Interaction design!

Page 20: What is design interaction?

Interaction design has grown a discipline practiced but thousands of

people

Design for interaction

Page 21: What is design interaction?

Design for interaction

Page 22: What is design interaction?

Design for interaction

Page 23: What is design interaction?

Design for interaction

Page 24: What is design interaction?

Design for interaction

Page 25: What is design interaction?

Design for interaction

Page 26: What is design interaction?

The rise of commercial Internet and the incorporation of microprocessors

led to this explosive growth

Design for interaction

Page 27: What is design interaction?

Why?

Design for interaction

Page 28: What is design interaction?

Because a multitude of serious interaction problems needed to be

solved

Design for interaction

Page 29: What is design interaction?

It was the initial practitioners of interaction design who helped us begin to make sense of our newly digitized world

Design for interaction

Page 30: What is design interaction?

What are interactions and Interaction Design?

Design for interaction

Page 31: What is design interaction?

It’s a discipline tricky to define because…

Design for interaction

Page 32: What is design interaction?

1. It has interdisciplinary roots

Design for interaction

Page 33: What is design interaction?

Industrial design

Design for interaction

Page 34: What is design interaction?

Industrial design

Design for interaction

Communication design

Page 35: What is design interaction?

Industrial design

Design for interaction

Communication design

Human factors

Page 36: What is design interaction?

Industrial design

Design for interaction

Communication design

Human factors

Human-computer interaction

Page 37: What is design interaction?

2. A lot of interaction design is invisible

Design for interaction

Page 38: What is design interaction?

Design for interaction

Page 39: What is design interaction?

Design for interaction

Page 40: What is design interaction?

Design for interaction

Why do this operating systems feel so different?

Page 41: What is design interaction?

Design for interaction

Because interaction design is about behavior and this is much harder to

observe and understand than appereance

Page 42: What is design interaction?

Design for interaction

Interaction is a transaction between two entities… and exchange of

information

Page 43: What is design interaction?

Design for interaction

The interaction takes place between people, machines and systems

Page 44: What is design interaction?

Three ways of looking at Interaction Design

Design for interaction

Page 45: What is design interaction?

Design for interaction

See as an art, not as a science

Page 46: What is design interaction?

Design for interaction

It solves specific problems under a particular set of circunstances using

the available materials

Page 47: What is design interaction?

Design for interaction

Page 48: What is design interaction?

Design for interaction

It involves many methods and methodologies in its tasks

Page 49: What is design interaction?

Design for interaction

First way:Technology-Centered View

Page 50: What is design interaction?

Design for interaction

First way:Technology-Centered View

Interaction designers make digital technology useful, usable and pleasurable to use

Page 51: What is design interaction?

Design for interaction

Second way:Behaviorist View

Page 52: What is design interaction?

Design for interaction

Second way:Behaviorist View

Focuses on functionality and feedback. How a product behave

Page 53: What is design interaction?

Design for interaction

Third way:Social Interaction Design View

Page 54: What is design interaction?

Design for interaction

Third way:Social Interaction Design View

This revolving around facilitating communication between humans through products. Technology is

nearly irrelevant

Page 55: What is design interaction?

Why Interaction Design?

Design for interaction

Page 56: What is design interaction?

Design for interaction

“Design is to design a design to produce a design” - John Heskett

Page 57: What is design interaction?

Design for interaction

Design isn’t only decoration, styling and aesthetics

Page 58: What is design interaction?

Design for interaction

Communication and industrial design bring ways of working that interaction

design use

Page 59: What is design interaction?

Design for interaction

One:Focusing on users

Page 60: What is design interaction?

Design for interaction

One:Focusing on users

Designers know that users don’t understand or care how the company makes a product is run and

structured. Designers are advocates for end users.

Page 61: What is design interaction?

Design for interaction

Two:Finding alternatives

Page 62: What is design interaction?

Design for interaction

Two:Finding alternatives

Designing is about creating options, finding a third option, a multiple possible solution to problems

Page 63: What is design interaction?

Design for interaction

Two:Finding alternatives

Page 64: What is design interaction?

Design for interaction

Three:Using ideation and prototyping

Page 65: What is design interaction?

Design for interaction

Three:Using ideation and prototyping

Designers find their solutions through brainstorming and then, building models to test the

solution

Page 66: What is design interaction?

Design for interaction

Three:Using ideation and prototyping

Page 67: What is design interaction?

Design for interaction

Four:Collaborating and addressing

constraints

Page 68: What is design interaction?

Design for interaction

Four:Collaborating and addressing

constraints

Few designers work alone and usually need resources to produce what they dream up, and this

resources come with their own constraints

Page 69: What is design interaction?

Design for interaction

Five:Creating appropiate solutions

Page 70: What is design interaction?

Design for interaction

Five:Creating appropiate solutions

Designs solutions have to be appropriate to the situation

Page 71: What is design interaction?

Design for interaction

Five:Creating appropiate solutions

Page 72: What is design interaction?

Design for interaction

Six:Drawing on a wide range of influences

Page 73: What is design interaction?

Design for interaction

Six:Drawing on a wide range of influences

Designers bring to a table multidisciplinaty spectrum of ideas

Page 74: What is design interaction?

Design for interaction

Seven:Incorporing emotion

Page 75: What is design interaction?

Design for interaction

Seven:Incorporing emotion

Products without an emotional component are lifeless and do not connect with people

Page 76: What is design interaction?

Design for interaction

Seven:Incorporing emotion

Page 77: What is design interaction?

Brief History of Interaction Design

Design for interaction

Page 78: What is design interaction?

Design for interaction

Interaction design probably began in prerecorded history

Page 79: What is design interaction?

Design for interaction

Page 80: What is design interaction?

Design for interaction

1830s to 1940s

Samuel Morse

Page 81: What is design interaction?

Design for interaction

1830s to 1940s

Morse code transmitter

Page 82: What is design interaction?

Design for interaction

1940s to 1960s

ENIAC

Page 83: What is design interaction?

Design for interaction

1940s to 1960s

Punch cards

Page 84: What is design interaction?

Design for interaction

1940s to 1960s

Henry Dreyfus

Page 85: What is design interaction?

Design for interaction

1940s to 1960s

Human Factors

Page 86: What is design interaction?

Design for interaction

1940s to 1960s

Human Factors

Ergonomics

Page 87: What is design interaction?

Design for interaction

1940s to 1960s

Human Factors

Ergonomics

Cognitive psychology

Page 88: What is design interaction?

Design for interaction

1940s to 1960s

Vannevar Bush

Page 89: What is design interaction?

Design for interaction

1940s to 1960s

Memex

Page 90: What is design interaction?

Design for interaction

1960s to 1970s

Engelbart mouse

Page 91: What is design interaction?

Design for interaction

1960s to 1970s

Xerox Alto

Page 92: What is design interaction?

Design for interaction

1960s to 1970s

Pong

Page 93: What is design interaction?

Design for interaction

1960s to 1970s

Atari

Page 94: What is design interaction?

Design for interaction

1960s to 1970s

WordStar

Page 95: What is design interaction?

Design for interaction

1980s

Lisa

Page 96: What is design interaction?

Design for interaction

1980s

Nintendo

Page 97: What is design interaction?

Design for interaction

1980s

Shigeru Miyamoto

Page 98: What is design interaction?

Design for interaction

1990s

Network computing

Page 99: What is design interaction?

Design for interaction

1990sInteraction design as a formal discipline

Page 100: What is design interaction?

Design for interaction

1990s

Mosaic browser (back button)

Page 101: What is design interaction?

Design for interaction

1990s

Karaoke

Page 102: What is design interaction?

Design for interaction

1990s

PDAs

Page 103: What is design interaction?

Design for interaction

2000s to present

Ways of communication & social networks

Page 104: What is design interaction?

Design for interaction

2000s to present

Gestural interfaces

Page 105: What is design interaction?

Design for interaction

Some changes

TV

Page 106: What is design interaction?

Design for interaction

TV

Some changes

Page 107: What is design interaction?

Design for interaction

Phone

Some changes

Page 108: What is design interaction?

Design for interaction

Phone

Some changes

Page 109: What is design interaction?

The disciplines surrounding interaction design

Design for interaction

Page 110: What is design interaction?

Design for interaction

Page 111: What is design interaction?

Case StudyMicrosoft Office

Design for interaction

Page 112: What is design interaction?

Design for interaction

Word 2003

Page 113: What is design interaction?

Design for interaction

Word 2007

Page 114: What is design interaction?

Products and services

Design for interaction

Page 115: What is design interaction?

Interactions designers work on a wide variety of products

Design for interaction

Page 116: What is design interaction?

Design for interaction

Digital

Page 117: What is design interaction?

Design for interaction

Analog

Page 118: What is design interaction?

Design for interaction

Physical

Page 119: What is design interaction?

Design for interaction

Incorporeal

Page 120: What is design interaction?

Why practice interaction design?

Design for interaction

Page 121: What is design interaction?

Design for interaction

It wasn’t the big things that drove people

mad, it was the small stuff

Page 122: What is design interaction?

Design for interaction

Some of the good interaction designers do is make the world better by removing those little irritants in life

Page 123: What is design interaction?

Design for interaction

But…

Page 124: What is design interaction?

Design for interaction

Interaction design isn’t only about fixing problems; it’sn also about invention, about creating new

products, and by doing so, making the world a better place to live

Page 125: What is design interaction?

Design for interaction

Thanks