The Language of Interaction

the language of interactiondavid sherwinemily carr universitymarch 30, 2011Tree of Codes by Jonathan Safran Foer, from Visual Editions

so, what do you do? interaction designerPhoto 1314251438 by HeyRocker on Flickr / CC share remix license

uh… what’s occupation? What’s your that? hmm… well, how much time do you have for me to tell you?Photo 1314251438 by HeyRocker on Flickr / CC share remix license

“interaction designers design for everyday lifeby shaping those human experiences that sit atthe intersection of needs [desireability], businessgoals [viability], and technology [feasibility].”—www.ecuad.ca/programs/undergrad/bdesign/interaction"…interaction design is ﬁrst and foremostthe design of behavior that occurs over time."—Alan Cooper, David Cronin, Robert Reimann, About Face 3"interaction is how people relate to otherpeople through the mediating inﬂuenceof product."—Richard Buchanan"interaction designers make awesomeproducts, services, and systems that

“my husband studies the wayspeople interact with technology,then determines if any thingshould be made better,and if so, how.”—Mary Paynter Sherwin

technology: “the sum of theways in which social groups providethemselves with the materialobjects of their civilization.”

frogMOB:Work Bikes

Jan Chipchase, The Mobile Frontier:A study of mobile money use in Afghanistan

technology changes human behavior,human behavior changes technology

“my husband studies the wayspeople interact with technology,then determines if any thingshould be made better,and if so, how.”—Mary Paynter Sherwin

10,000omission and/or transcription errorscan occur per year for a typical200-bed hospital or clinichow can we minimize these errorsand their impact on patient care?

prototypes fromparticipatory design testingsessions at frogSF withdoctors and nurses

testing tasks via a high-ﬁdelityinteractive prototype on atouch tablet PC screen

industrialdesigninteractiondesigncommunicationdesign

Tree of Codes by Jonathan Safran Foer, from Visual Editions

let’s try a little experiment…let’s read a poem three ways:1 you read it in your mind2 all of you read it out loud3 i read it and you listen

“Thought is thought, and notanything more. Seeing is seeing.What is is what is. These three togetherare what they are, and their total is one,which is what there is and is equalto zero. A is not A; one is not one;this too is the rule.Only insofar as one isspeechless can one reallythink with words.”—from Robert Bringhurst’s “Saraha’s Exercise for Beginners,”in the book Pieces of Map, Pieces of Music

what just happened?we illustrated the 3 challengesboth artists and designers facein trying to craft interactions

material you are processingmetaphor the poem inpractice your head, formulating its intent

“In interaction design,the system is the material.”—Scott Nazarian, Creative Director, frog design

TEXT WATCH EMAIL CALLREAD language is the ﬁrst material we may apply to an interaction PLAY STATUS CHAT

language is an interfacefor prototyping an experience… …and a well-designed product or service expresses a vocabulary that matches people’s needs

how do you cook pasta?Photo 197840294 by Oskay on Flickr / CC share remix license

how do you cook pasta? verbs connote actionPhoto 197840294 by Oskay on Flickr / CC share remix license

how do you cook pasta? who will initiate or receive the action?Photo 197840294 by Oskay on Flickr / CC share remix license

how do you cook pasta? nouns are the objects acted uponPhoto 197840294 by Oskay on Flickr / CC share remix license

how do you cook pasta al dente? adjectives are metadataPhoto 197840294 by Oskay on Flickr / CC share remix license

can you cook pasta al dente for dinner tonight? providing the activity’s contextPhoto 197840294 by Oskay on Flickr / CC share remix license

can you cook pasta al dente for dinner tonight? Illustration by Mark Baskinger from the forthcoming book Drawing Ideas

and make me a cup of iced tea?“A cup of…” by industrial designer Tithi Kutchamuch from Creative Workshop

and can you help me resist eating dessert?Temptd, a social support application by frog design, partnering with MTV’s I Used to Be Fat

individual actions USE CASES VOCABULARY IS ACTED UPON sum of actions required to TASKS complete task CONTEXT CHANGES time, place, and CONTEXT people involved motivations for GOALS CONSEQUENCES initiating a task CHANGE DESIRED BEHAVIOR: LOSE WEIGHT

through research,we capture the real and the incorporeal:desires, hopes, beliefs, needs, wants,frustrations, motivations…

through design,we capture the real and the incorporeal:desires, hopes, beliefs, needs, wants,frustrations, motivations…

through painting,we capture the real and the incorporeal:desires, hopes, beliefs, needs, wants,frustrations, motivations…

through ﬁlm,we capture the real and the incorporeal:desires, hopes, beliefs, needs, wants,frustrations, motivations…

through sculpture,we capture the real and the incorporeal:desires, hopes, beliefs, needs, wants,frustrations, motivations…

with the right insight, we canclarify intent and increase oursupport of desired behaviors

over time, desired interactionscan accumulate into a liveable storywe hope to inhabit

“The Future of Health Care Is Social” by frog design

“The secret is in listening to the words,and arranging, and listening,and listening again.—Robert Wallace, Writing Poems

material i map the intent of my wordsmetaphor to the intentpractice of yours, ﬁnding where A = B

“metaphor: a ﬁgure of speechin which a term or phrase is appliedto something to which it is notliterally applicable in orderto suggest a resemblance…”—Dictionary.com

i’m not talking aboutsmall metaphors…

…or big, poorly constructed onesPhoto 3928200642 by x-ray delta one on Flickr / CC share remix license

metaphorsare at the heartof how we modelinteractive systems

PATTERNSrepetitive pathwaysand structuresPRINCIPLESguidelines preservingthe integrity of the aboveFEATURE CLUSTERSfunctionality organizedﬁt to the patternsBEHAVIOR OVER TIMEuse of animation,transition, and motion

understand the metaphor of a system,know how to shape interactions within it

new modes of input allow new metaphors to emerge“SAM Gets Dirty” by designer Mark Notermann from Creative Workshop

material i map the intent of my wordsmetaphor to the intentpractice of yours, ﬁnding where A = B

material focusing your individual voice,metaphor informed bypractice the experiences of your peers

“A new poem is created byeveryone that reads poetically—not that its raw material is original…but that every individual brings with him,when he exercises his individuality,a way of seeing and feeling thatin its interaction with old materialcreates something new, somethingpreviously not existing in experience.”—from John Dewey’s Art as Experience

so it goes for a designer…our experience is summative

Photo 2425646723 by Bekathwia on Flickr / CC share remix license

material art and design, stitched togethermetaphor by technologypractice and language

digital + interactioninteractive arts design animation ﬁlm, video + integrated technology media ceramics critical and industrial sculpture design cultural practice print media photography language arts visual arts drawing illustration communication painting design ART “THE INTERFACES” DESIGN

language may be our v1 interfacefor summarizing experience

but what we paint, draw, ﬁlm, sculpt,and design with technology…

human emotion lives inthe spaces between

“Happiness is not a noun or a verb.It’s a conjunction.”—Eric Weiner, The Geography of Bliss

http://changeorder.typepad.com	7260
http://designmind.frogdesign.com	4858
http://uiclub.blogbus.com	4383
http://ianchia.com	1031
http://www.davidsherwin.com	445
http://www.refreshtallahassee.org	232
http://paper.li	115
http://feeds.feedburner.com	94
http://carolynfarino.posterous.com	92
http://emmachambon.posterous.com	90
http://www.un-a-un.com	71
http://translate.googleusercontent.com	63
http://flavors.me	62
http://wayneong.blogbus.com	42
http://colectivoplanner.tumblr.com	34
https://twitter.com	32
http://www.typepad.com	29
http://lotiem.wordpress.com	29
http://to-and-fro.tumblr.com	28
http://dm.localhost.com	28
http://xianguo.com	24
http://www.changeorder.typepad.com	19
http://www.chengchangqian.com	18
http://modclothixd.tumblr.com	17
http://freemagico.wordpress.com	16
http://dm3.localhost.com	15
https://david-sherwin.squarespace.com	14
url_unknown	11
http://www.zhuaxia.com	11
http://nazareh.tumblr.com	9
http://things2bnoticed.wordpress.com	7
http://ideaporium.orcasinc.com	6
http://static.slidesharecdn.com	6
http://reader.youdao.com	5
http://feeds.frogdesign.com	5
http://safe.tumblr.com	5
http://us-w1.rockmelt.com	5
http://thinkemotions.blogspot.com	5
http://aesonosea.tumblr.com	4
http://www.slideshare.net	4
http://www.twylah.com	3
http://feedsky.blogbus.com	3
https://designmind.frogdesign.com	3
http://posterous.com	3
http://fanyi.youdao.com	2
http://cureforthecommondigital.collected.info	2
http://anonymouse.org	2
http://webcache.googleusercontent.com	2
http://thomashordern.posterous.com	2
http://uiclub.blogbus.com} {733460833\|\|\|pingback	2
http://es.flavors.me	2

The Language of Interaction

by frog

Accessibility

Categories

Upload Details

Usage Rights

63 Embeds 19,263

Statistics

The Language of Interaction Presentation Transcript