interaction09 foundations of interaction design

41
Foundations of IxD: A path to IxD critique Interaction 09 | Vancouver Dave Malouf Professor of Interaction Design Savannah College of Art & Design

Upload: david-malouf

Post on 27-Jan-2015

104 views

Category:

Design


0 download

DESCRIPTION

Presentation I gave at Interaction 09 | Vancouver on The Foundations of Interaction Design. Video is available at http://library.ixda.org/node/25

TRANSCRIPT

Page 1: Interaction09 Foundations Of Interaction Design

Foundations of IxD: A path to IxD critiqueInteraction 09 | Vancouver

Dave MaloufProfessor of Interaction DesignSavannah College of Art & Design

Page 2: Interaction09 Foundations Of Interaction Design

Overview

• Whom am I & how did I get here?– I promise it is relevant– Then who are you?

• What is “Foundation”?• Foundation in education & practice?• Foundation relationship to critique• A case against “Foundation”• Let’s DISCUSS!

Interaction 09 | Vancouver Foundations of IxD 2

Page 3: Interaction09 Foundations Of Interaction Design

DAVE MALOUFAn Interaction Designer’s Tale

Interaction 09 | Vancouver 3Foundations of IxD

Page 4: Interaction09 Foundations Of Interaction Design

Interaction 09 | Vancouver Foundations of IxD 4

Page 5: Interaction09 Foundations Of Interaction Design

WHO ARE YOU?

Interaction 09 | Vancouver 5Foundations of IxD

Page 6: Interaction09 Foundations Of Interaction Design

Are you …

• Design educated?– Have a BFA or similar in …

• Graphics• Communication• Industrial Design• Architecture

– Worked in a design studio• HCI Educated?• Info Sys/Info Arch Educated?• Social Science Educated?• Other/Self?

Interaction 09 | Vancouver Foundations of IxD 6

Page 7: Interaction09 Foundations Of Interaction Design

FOUNDATIONAn approach to design education a base for sound practice

Interaction 09 | Vancouver 7Foundations of IxD

Page 8: Interaction09 Foundations Of Interaction Design

What is Foundation?

• Creates a solid base of core theories and crafts– These can transcend all design disciplines

• Art History/Criticism• Color• 2D Design

• Goal is to give broad understanding of theory, and opportunity to focus on craft before diving deeper into your chosen discipline.

Interaction 09 | Vancouver Foundations of IxD 8

Page 9: Interaction09 Foundations Of Interaction Design

Design Education – Take 1Basic skills + Practice

• Draw– & Sketch

• Color theory• 2D• 3D• History• Criticism• STUDIO (5x)• Theory & practice

skillsInteraction 09 | Vancouver Foundations of IxD 9

Page 10: Interaction09 Foundations Of Interaction Design

Design Education – Take 2Pratt Institute – Brooklyn, NY

• Sketch (a lot!)• Primitives• Craft• PracticeEverything is done in studio

Let’s go deeper here …

Interaction 09 | Vancouver Foundations of IxD 10

Page 11: Interaction09 Foundations Of Interaction Design

Meet Rowena Reed KostellowCo-founder of Pratt Industrial Design

She actually preferred “3D design”

• Primitive mastery was a key part of the Pratt School.

• Extension of Bauhaus and other Euro design education practices

Interaction 09 | Vancouver Foundations of IxD 11

Page 12: Interaction09 Foundations Of Interaction Design

Her legacy is amazing!

Interaction 09 | Vancouver Foundations of IxD 12

Page 13: Interaction09 Foundations Of Interaction Design

What does it all mean?

• What is Foundation (G-d Damn it!)?• There are 6 elements that every 3D

designer needs to know:– Line– Plane (surface)– Volume (space & form)– Value (Light & Dark)– Texture– Color

Interaction 09 | Vancouver Foundations of IxD 13

Page 14: Interaction09 Foundations Of Interaction Design

There is a also a progression

• In 3D design you can’t just jump right in

• “Primitives” must be mastered, – and in mastering these

you master craft

• Primitives include– Rectilinear Volumes– Curvilinear Volumes– Rectilinear & Curvilinear– Fragments– Planar constructions– Lines in Space– Advanced Studies in

Form• Construction• Convexity• Concavity

– Studies in Space• Studies in Space• Space Design

Interaction 09 | Vancouver Foundations of IxD 14

Page 15: Interaction09 Foundations Of Interaction Design

Why?

• Well obviously to develop craft• But also to develop a design language• And practiced critique

Interaction 09 | Vancouver Foundations of IxD 15

Page 16: Interaction09 Foundations Of Interaction Design

Primitive examples

Rectilinear Forms Cylindrical Forms

Interaction 09 | Vancouver Foundations of IxD 16

Page 17: Interaction09 Foundations Of Interaction Design

A nice read … changed my life!

Interaction 09 | Vancouver Foundations of IxD 17

Page 18: Interaction09 Foundations Of Interaction Design

WHAT ABOUT IXD?Sorry that took so long

Interaction 09 | Vancouver 18Foundations of IxD

Page 19: Interaction09 Foundations Of Interaction Design

Does IxD have foundations?

• Not in any course, I have taken or seen

• But still …– Do we build anything?– Is there something that we shape and

mold even if that something is?

Interaction 09 | Vancouver Foundations of IxD 19

Page 20: Interaction09 Foundations Of Interaction Design

Wait!?! Am I the first to do this?

• NO WAY!– I’m the first to call it “Foundations” or

connect it directly to Pratt Foundation thinking.

• So who else? – Jonas Löwegren• Pliability• Fluidity

Interaction 09 | Vancouver Foundations of IxD 20

Page 21: Interaction09 Foundations Of Interaction Design

Let’s get startedSo what are my element foundations?

• Time• Abstraction• Metaphor

• Negativity (for all of them)

• Motion (recent addition)

• Robert & Marc’s keynotes begs me to look deeper at “behavior”. – Can you craft emotional response? – What does it mean to “tug at someone’s heart

strings?”

Interaction 09 | Vancouver Foundations of IxD 21

Page 22: Interaction09 Foundations Of Interaction Design

And where are aesthetic values?

Interaction 09 | Vancouver Foundations of IxD 22

Page 23: Interaction09 Foundations Of Interaction Design

Time

• Duration– Attention, or “posture”

• Frequency– How many times in X

period

• Rhythm– Predictable or

syncopated

• Delay– In our response– In the system’s

response

Interaction 09 | Vancouver Foundations of IxD 23

Adam Brodowski, IxD/ID Student @ SCAD

Page 24: Interaction09 Foundations Of Interaction Design

Abstraction

• Level of directness or interaction– Command Line– Voice Command– Mouse – Point/Click– Stylus – Tap/Click– Finger – Tap Click

• Movement equals same direction response.

Interaction 09 | Vancouver Foundations of IxD 24

Page 25: Interaction09 Foundations Of Interaction Design

Another Example

Interaction 09 | Vancouver Foundations of IxD 25

Page 26: Interaction09 Foundations Of Interaction Design

Metaphors

Everything in computers is a metaphor – Dan Saffer, IA Summit 2005

• Trash can/recycle bin• Disk• File/Folder• Shopping cart

Interaction 09 | Vancouver Foundations of IxD 26

Page 27: Interaction09 Foundations Of Interaction Design

Why metaphor

• The virtual nature of digital interfaces

• We need to map what we see to our real world thinking

Interaction 09 | Vancouver Foundations of IxD 27

Page 28: Interaction09 Foundations Of Interaction Design

Not absolute

Since all metaphors fail if we dive into them. Computer use is a lesson in knowing when to stop.

Interaction 09 | Vancouver Foundations of IxD 28

Page 29: Interaction09 Foundations Of Interaction Design

Movement has an aesthetic

• Pleasing movements

• Craft of motion

• Intuitive gestures

Page 30: Interaction09 Foundations Of Interaction Design

Behavior?

• Can behavior be “material”?• Is it something we manipulate?• OR is it something, like experience:

We craft the system that encourages, provokes and discourages.

Interaction 09 | Vancouver Foundations of IxD 30

Page 31: Interaction09 Foundations Of Interaction Design

Behavior

• Behavior is not a material, but the response to material.– Akin to understanding

• Behavior can’t be forced, but the conditions can be made so extreme as to insist. (Herd, Brainwash, Shock therapy)

Interaction 09 | Vancouver Foundations of IxD 31

Page 32: Interaction09 Foundations Of Interaction Design

WHAT DOES THIS MEAN TO ME?

Interaction 09 | Vancouver 32Foundations of IxD

Page 33: Interaction09 Foundations Of Interaction Design

Putting it to practice

• Having a language to share• Learning a basis for critique beyond

usability evaluation• Evaluate aesthetic value systems

Interaction 09 | Vancouver Foundations of IxD 33

Page 34: Interaction09 Foundations Of Interaction Design

Tools are not enough

“Every tool is a weapon if you hold it right”– Ani Difranco

• It isn’t the power of our tools that matter, but it is knowing what to do with them.

• We need more than HCI to guide us.Interaction 09 | Vancouver Foundations of IxD 34

Page 35: Interaction09 Foundations Of Interaction Design

CriticismWho here took art history?

• Not rules– Language

• Not patterns– Trends– emotions

Interaction 09 | Vancouver Foundations of IxD 35

Page 36: Interaction09 Foundations Of Interaction Design

It’s what creates value in a PicasoBeauty is not the same as “liking”, but is an unavoidable emotional response. Ugly is not the opposite for Beauty.

Interaction 09 | Vancouver Foundations of IxD 36

Page 37: Interaction09 Foundations Of Interaction Design

It’s how we make judgments of qualityPick the timeless icon!Kitchen Aide Cuisinart

Interaction 09 | Vancouver Foundations of IxD 37

Page 38: Interaction09 Foundations Of Interaction Design

A CASE AGAINST FOUNDATION

Interaction 09 | Vancouver 38Foundations of IxD

Page 39: Interaction09 Foundations Of Interaction Design

Gotta listen to the boss

• SCAD Industrial Design ChairTom Gattis

• Concentrate more on thinking and processing skills

• Less about creating beautiful objects• More about designing beautiful

systems

Interaction 09 | Vancouver Foundations of IxD 39

Page 40: Interaction09 Foundations Of Interaction Design

In the end, balance will prevailFor IxD, unlike ID there are not enough leaders currently with mastery of IxD primitives.

Interaction 09 | Vancouver Foundations of IxD 40

Page 41: Interaction09 Foundations Of Interaction Design

Questions? Comments?

David Maloufhttp://davemalouf.com/http://twitter.com/daveixd/ http://iact.in/ (SCAD IxD Students)

Interaction 09 | Vancouver Foundations of IxD 41