SlideShare ist ein Scribd-Unternehmen logo
1 von 73
the language of interaction
david sherwin

emily carr university
march 30, 2011




Tree of Codes by Jonathan Safran Foer, from Visual Editions
so, what do you do?




             interaction designer




Photo 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 life
by shaping those human experiences that sit at
the intersection of needs [desireability], business
goals [viability], and technology [feasibility].”
—www.ecuad.ca/programs/undergrad/bdesign/interaction



"…interaction design is first and foremost
the design of behavior that occurs over time."
—Alan Cooper, David Cronin, Robert Reimann, About Face 3



"interaction is how people relate to other
people through the mediating influence
of product."
—Richard Buchanan



"interaction designers make awesome
products, services, and systems that
“my husband studies the ways
people interact with technology,
then determines if any thing
should be made better,
and if so, how.”

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

—Mary Paynter Sherwin
technology: “the sum of the
ways in which social groups provide
themselves with the material
objects 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 ways
people interact with technology,
then determines if any thing
should be made better,
and if so, how.”

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

—Mary Paynter Sherwin
10,000
omission and/or transcription errors
can occur per year for a typical
200-bed hospital or clinic

how can we minimize these errors
and their impact on patient care?
prototypes from
participatory design testing
sessions at frogSF with
doctors and nurses
testing tasks via a high-fidelity
interactive prototype on a
touch tablet PC screen
industrial
design


interaction
design


communication
design
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 mind
2 all of you read it out loud
3 i read it and you listen
“Thought is thought, and not
anything more. Seeing is seeing.
What is is what is. These three together
are what they are, and their total is one,
which is what there is and is equal
to zero. A is not A; one is not one;
this too is the rule.

Only insofar as one is
speechless can one really
think 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 challenges
both artists and designers face
in trying to craft interactions
material   you are
           processing
metaphor   the poem in
practice   your head,
           formulating
           its intent
“In interaction design,
the system is the material.”
—Scott Nazarian, Creative Director, frog design
TEXT


       WATCH


                                                EMAIL

                   CALL




READ
               language is the first material
               we may apply to an interaction



        PLAY
                          STATUS                        CHAT
language is an interface
for 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 action



Photo 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 upon



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

                                                              adjectives are metadata



Photo 197840294 by Oskay on Flickr / CC share remix license
can you cook pasta al dente for dinner tonight?

                                                         providing the activity’s context



Photo 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 film,
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 can
clarify intent and increase our
support of desired behaviors
over time, desired interactions
can accumulate into a liveable story
we 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   you are
           processing
metaphor   the poem in
practice   your head,
           formulating
           its intent
material   i map the intent
           of my words
metaphor
           to the intent
practice   of yours, finding
           where A = B
“metaphor: a figure of speech
in which a term or phrase is applied
to something to which it is not
literally applicable in order
to suggest a resemblance…”

—Dictionary.com
i’m not talking about
small metaphors…
…or big, poorly constructed ones




Photo 3928200642 by x-ray delta one on Flickr / CC share remix license
metaphors
are at the heart
of how we model
interactive systems
PATTERNS
repetitive pathways
and structures

PRINCIPLES
guidelines preserving
the integrity of the above

FEATURE CLUSTERS
functionality organized
fit to the patterns

BEHAVIOR OVER TIME
use 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   you are
           processing
metaphor   the poem in
practice   your head,
           formulating
           its intent
material   i map the intent
           of my words
metaphor
           to the intent
practice   of yours, finding
           where A = B
material   focusing your
           individual voice,
metaphor
           informed by
practice   the experiences
           of your peers
“A new poem is created by
everyone 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 that
in its interaction with old material
creates something new, something
previously 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 together
metaphor
           by technology
practice   and language
digital +                       interaction
interactive arts                         design
      animation
   film, 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 interface
for summarizing experience
but what we paint, draw, film, sculpt,
and design with technology…
human emotion lives in
the spaces between
“Happiness is not a noun or a verb.
It’s a conjunction.”

—Eric Weiner, The Geography of Bliss
The Language of Interaction

Weitere ähnliche Inhalte

Was ist angesagt?

Ideology & translation
Ideology & translationIdeology & translation
Ideology & translationGamze Ks
 
1. introduction to semantics
1. introduction to semantics1. introduction to semantics
1. introduction to semanticsAsmaa Alzelibany
 
Ambiguities in nlp
Ambiguities in nlpAmbiguities in nlp
Ambiguities in nlpRaza Azeem
 
Translation Studies
Translation StudiesTranslation Studies
Translation StudiesArdiansyah -
 
Part 3.3 proposition
Part 3.3   propositionPart 3.3   proposition
Part 3.3 propositionLê Hương
 
Cognitive Linguistics: The Case Of Find
Cognitive Linguistics: The Case Of FindCognitive Linguistics: The Case Of Find
Cognitive Linguistics: The Case Of FindJESSIE GRACE RUBRICO
 
Introduction to Systemic Functional Linguistics
Introduction to Systemic Functional LinguisticsIntroduction to Systemic Functional Linguistics
Introduction to Systemic Functional LinguisticsAleeenaFarooq
 
Translation quality assessment redefined
Translation quality assessment redefinedTranslation quality assessment redefined
Translation quality assessment redefinedDenis Khamin
 
Systemic functional grammar
Systemic functional grammarSystemic functional grammar
Systemic functional grammarShumail Arif
 
05 Specialized Translation #1 Economic Translation
05 Specialized Translation #1 Economic Translation05 Specialized Translation #1 Economic Translation
05 Specialized Translation #1 Economic TranslationOlga Łabendowicz
 
Deep Learning for Semantic Composition
Deep Learning for Semantic CompositionDeep Learning for Semantic Composition
Deep Learning for Semantic CompositionMLReview
 
Some Relationships between Lexical Items
Some Relationships between Lexical Items Some Relationships between Lexical Items
Some Relationships between Lexical Items Ma Lovely
 
key Terms in translation studies
key Terms in translation studieskey Terms in translation studies
key Terms in translation studiesBuhsra
 
The origins of language
The origins of languageThe origins of language
The origins of languageBarozh
 
Semantics and semantic development
Semantics and semantic development Semantics and semantic development
Semantics and semantic development Maryam Bibi
 
Ideational Theory by John Locke
Ideational Theory by John LockeIdeational Theory by John Locke
Ideational Theory by John LockeTehreemSajjad3
 
The role of corrective feedback in second language learning
The role of corrective feedback in second language learningThe role of corrective feedback in second language learning
The role of corrective feedback in second language learningAmir Hamid Forough Ameri
 

Was ist angesagt? (20)

Ideology & translation
Ideology & translationIdeology & translation
Ideology & translation
 
1. introduction to semantics
1. introduction to semantics1. introduction to semantics
1. introduction to semantics
 
Recursion
RecursionRecursion
Recursion
 
Ambiguities in nlp
Ambiguities in nlpAmbiguities in nlp
Ambiguities in nlp
 
Translation Studies
Translation StudiesTranslation Studies
Translation Studies
 
Sociolinguistics
SociolinguisticsSociolinguistics
Sociolinguistics
 
Part 3.3 proposition
Part 3.3   propositionPart 3.3   proposition
Part 3.3 proposition
 
Cognitive Linguistics: The Case Of Find
Cognitive Linguistics: The Case Of FindCognitive Linguistics: The Case Of Find
Cognitive Linguistics: The Case Of Find
 
Introduction to Systemic Functional Linguistics
Introduction to Systemic Functional LinguisticsIntroduction to Systemic Functional Linguistics
Introduction to Systemic Functional Linguistics
 
Translation quality assessment redefined
Translation quality assessment redefinedTranslation quality assessment redefined
Translation quality assessment redefined
 
Systemic functional grammar
Systemic functional grammarSystemic functional grammar
Systemic functional grammar
 
05 Specialized Translation #1 Economic Translation
05 Specialized Translation #1 Economic Translation05 Specialized Translation #1 Economic Translation
05 Specialized Translation #1 Economic Translation
 
Deep Learning for Semantic Composition
Deep Learning for Semantic CompositionDeep Learning for Semantic Composition
Deep Learning for Semantic Composition
 
Some Relationships between Lexical Items
Some Relationships between Lexical Items Some Relationships between Lexical Items
Some Relationships between Lexical Items
 
key Terms in translation studies
key Terms in translation studieskey Terms in translation studies
key Terms in translation studies
 
The origins of language
The origins of languageThe origins of language
The origins of language
 
Semantics and semantic development
Semantics and semantic development Semantics and semantic development
Semantics and semantic development
 
Morphology derivation
Morphology   derivationMorphology   derivation
Morphology derivation
 
Ideational Theory by John Locke
Ideational Theory by John LockeIdeational Theory by John Locke
Ideational Theory by John Locke
 
The role of corrective feedback in second language learning
The role of corrective feedback in second language learningThe role of corrective feedback in second language learning
The role of corrective feedback in second language learning
 

Andere mochten auch

The Language of Interaction
The Language of InteractionThe Language of Interaction
The Language of InteractionBill DeRouchey
 
Types of Social Interaction
Types of Social InteractionTypes of Social Interaction
Types of Social InteractionMai Tymico
 
Cognitive and language development
Cognitive and language developmentCognitive and language development
Cognitive and language developmentCarla Piper
 
Design with Words | Talkabot
Design with Words | TalkabotDesign with Words | Talkabot
Design with Words | TalkabotErika Hall
 
Group interaction and social processes-sociology (PPT)
Group interaction and social processes-sociology (PPT)Group interaction and social processes-sociology (PPT)
Group interaction and social processes-sociology (PPT)Ysa Garcera
 
Cognitive language acquisition theories presentation
Cognitive language acquisition theories presentationCognitive language acquisition theories presentation
Cognitive language acquisition theories presentationHina Honey
 
Language in Social Contexts
Language in Social ContextsLanguage in Social Contexts
Language in Social Contextsnaa134
 
Introduction to sosiolinguistics
Introduction to sosiolinguisticsIntroduction to sosiolinguistics
Introduction to sosiolinguisticsSari Kusumaningrum
 
Chapter10: Social Interaction and Social Processes
Chapter10: Social Interaction and Social ProcessesChapter10: Social Interaction and Social Processes
Chapter10: Social Interaction and Social ProcessesAnna Lou Cañete
 
Social interaction and social... process
Social interaction and social... processSocial interaction and social... process
Social interaction and social... processkakafarooq
 
Chapter 5-Social Interaction
Chapter 5-Social InteractionChapter 5-Social Interaction
Chapter 5-Social InteractionMEEvans
 
Language & culture
Language & cultureLanguage & culture
Language & cultureJoel Acosta
 
Input and Interaction in second language learning
Input and Interaction in second language learningInput and Interaction in second language learning
Input and Interaction in second language learningMahsa Farahanynia
 

Andere mochten auch (19)

The Language of Interaction
The Language of InteractionThe Language of Interaction
The Language of Interaction
 
Social Processes
Social ProcessesSocial Processes
Social Processes
 
LANGUAGE AND CULTURE
LANGUAGE AND CULTURELANGUAGE AND CULTURE
LANGUAGE AND CULTURE
 
Types of Social Interaction
Types of Social InteractionTypes of Social Interaction
Types of Social Interaction
 
Social Interaction
Social InteractionSocial Interaction
Social Interaction
 
Cognitive and language development
Cognitive and language developmentCognitive and language development
Cognitive and language development
 
Design with Words | Talkabot
Design with Words | TalkabotDesign with Words | Talkabot
Design with Words | Talkabot
 
Group interaction and social processes-sociology (PPT)
Group interaction and social processes-sociology (PPT)Group interaction and social processes-sociology (PPT)
Group interaction and social processes-sociology (PPT)
 
Cognitive language acquisition theories presentation
Cognitive language acquisition theories presentationCognitive language acquisition theories presentation
Cognitive language acquisition theories presentation
 
Language in Social Contexts
Language in Social ContextsLanguage in Social Contexts
Language in Social Contexts
 
Introduction to sosiolinguistics
Introduction to sosiolinguisticsIntroduction to sosiolinguistics
Introduction to sosiolinguistics
 
Social Interaction
Social InteractionSocial Interaction
Social Interaction
 
Social interaction and social processes.ppt(diones)
Social interaction and social processes.ppt(diones)Social interaction and social processes.ppt(diones)
Social interaction and social processes.ppt(diones)
 
Relationship between Language and Culture
Relationship between Language and CultureRelationship between Language and Culture
Relationship between Language and Culture
 
Chapter10: Social Interaction and Social Processes
Chapter10: Social Interaction and Social ProcessesChapter10: Social Interaction and Social Processes
Chapter10: Social Interaction and Social Processes
 
Social interaction and social... process
Social interaction and social... processSocial interaction and social... process
Social interaction and social... process
 
Chapter 5-Social Interaction
Chapter 5-Social InteractionChapter 5-Social Interaction
Chapter 5-Social Interaction
 
Language & culture
Language & cultureLanguage & culture
Language & culture
 
Input and Interaction in second language learning
Input and Interaction in second language learningInput and Interaction in second language learning
Input and Interaction in second language learning
 

Ähnlich wie The Language of Interaction

Metaphors for learning
Metaphors for learningMetaphors for learning
Metaphors for learningGail Smith
 
Conceptualizing the Maker: Empowering Personal Identity through Creative Appr...
Conceptualizing the Maker: Empowering Personal Identity through Creative Appr...Conceptualizing the Maker: Empowering Personal Identity through Creative Appr...
Conceptualizing the Maker: Empowering Personal Identity through Creative Appr...Binaebi Akah
 
AUTHENTIC IN ALL CAPS Case Study & Interview with Christy Dena
AUTHENTIC IN ALL CAPS Case Study & Interview with Christy Dena AUTHENTIC IN ALL CAPS Case Study & Interview with Christy Dena
AUTHENTIC IN ALL CAPS Case Study & Interview with Christy Dena TMC Resource Kit
 
Remix Culture 4 Learning
Remix Culture 4 LearningRemix Culture 4 Learning
Remix Culture 4 LearningErin Reilly
 
Using Remix with Readers and Writers
Using Remix with Readers and WritersUsing Remix with Readers and Writers
Using Remix with Readers and WritersSara Kajder
 
IxD14 London Redux
IxD14 London ReduxIxD14 London Redux
IxD14 London ReduxJake Causby
 
DRIVE 2016 | 26 October: Smart Industry T2T
DRIVE 2016 | 26 October: Smart Industry T2TDRIVE 2016 | 26 October: Smart Industry T2T
DRIVE 2016 | 26 October: Smart Industry T2TCLICKNL
 
IxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsIxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsJayan Narayanan
 
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang : being creativ...
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang :  being creativ...Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang :  being creativ...
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang : being creativ...Saiful Hidayat
 
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders: Collective Dream...
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders:  Collective Dream...David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders:  Collective Dream...
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders: Collective Dream...RSD Relating Systems Thinking and Design
 
Facebook your homework
Facebook your homeworkFacebook your homework
Facebook your homeworkMark Rea
 
Designing for meaningful_experiences_i_xda slideshare
Designing for meaningful_experiences_i_xda slideshareDesigning for meaningful_experiences_i_xda slideshare
Designing for meaningful_experiences_i_xda slideshareDavid Kozatch
 
Nmc 2007 Publish
Nmc 2007 PublishNmc 2007 Publish
Nmc 2007 Publishurauch
 
Final Project - Research Question
Final Project - Research QuestionFinal Project - Research Question
Final Project - Research QuestionShamik Ray
 

Ähnlich wie The Language of Interaction (20)

Metaphors for learning
Metaphors for learningMetaphors for learning
Metaphors for learning
 
Conceptualizing the Maker: Empowering Personal Identity through Creative Appr...
Conceptualizing the Maker: Empowering Personal Identity through Creative Appr...Conceptualizing the Maker: Empowering Personal Identity through Creative Appr...
Conceptualizing the Maker: Empowering Personal Identity through Creative Appr...
 
Use of StoryKit
Use of StoryKitUse of StoryKit
Use of StoryKit
 
Funk Wave Bounce
Funk Wave BounceFunk Wave Bounce
Funk Wave Bounce
 
AUTHENTIC IN ALL CAPS Case Study & Interview with Christy Dena
AUTHENTIC IN ALL CAPS Case Study & Interview with Christy Dena AUTHENTIC IN ALL CAPS Case Study & Interview with Christy Dena
AUTHENTIC IN ALL CAPS Case Study & Interview with Christy Dena
 
Speakit
SpeakitSpeakit
Speakit
 
Remix Culture 4 Learning
Remix Culture 4 LearningRemix Culture 4 Learning
Remix Culture 4 Learning
 
Using Remix with Readers and Writers
Using Remix with Readers and WritersUsing Remix with Readers and Writers
Using Remix with Readers and Writers
 
IxD14 London Redux
IxD14 London ReduxIxD14 London Redux
IxD14 London Redux
 
Portfolio
PortfolioPortfolio
Portfolio
 
DRIVE 2016 | 26 October: Smart Industry T2T
DRIVE 2016 | 26 October: Smart Industry T2TDRIVE 2016 | 26 October: Smart Industry T2T
DRIVE 2016 | 26 October: Smart Industry T2T
 
Portfolio
PortfolioPortfolio
Portfolio
 
IxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsIxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital Interactions
 
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang : being creativ...
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang :  being creativ...Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang :  being creativ...
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang : being creativ...
 
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders: Collective Dream...
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders:  Collective Dream...David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders:  Collective Dream...
David McKenzie, Darwin Muljono and Elizabeth B.-N. Sanders: Collective Dream...
 
Facebook your homework
Facebook your homeworkFacebook your homework
Facebook your homework
 
Digital movie making3
Digital movie making3Digital movie making3
Digital movie making3
 
Designing for meaningful_experiences_i_xda slideshare
Designing for meaningful_experiences_i_xda slideshareDesigning for meaningful_experiences_i_xda slideshare
Designing for meaningful_experiences_i_xda slideshare
 
Nmc 2007 Publish
Nmc 2007 PublishNmc 2007 Publish
Nmc 2007 Publish
 
Final Project - Research Question
Final Project - Research QuestionFinal Project - Research Question
Final Project - Research Question
 

Mehr von frog

Re-Designing Citizenship
Re-Designing CitizenshipRe-Designing Citizenship
Re-Designing Citizenshipfrog
 
The rise of digital humanitarianism
The rise of digital humanitarianismThe rise of digital humanitarianism
The rise of digital humanitarianismfrog
 
Aging By Design: An Overview
Aging By Design: An OverviewAging By Design: An Overview
Aging By Design: An Overviewfrog
 
Understanding human motivation_in_the_age_of_connected_machines
Understanding human motivation_in_the_age_of_connected_machinesUnderstanding human motivation_in_the_age_of_connected_machines
Understanding human motivation_in_the_age_of_connected_machinesfrog
 
Off the Page Into the Wild: Designing For the Internet of Things
Off the Page Into the Wild: Designing For the Internet of ThingsOff the Page Into the Wild: Designing For the Internet of Things
Off the Page Into the Wild: Designing For the Internet of Thingsfrog
 
Envisioning the Balance: The Dyanmic Role of Design in Entrepreneurship
Envisioning the Balance: The Dyanmic Role of Design in EntrepreneurshipEnvisioning the Balance: The Dyanmic Role of Design in Entrepreneurship
Envisioning the Balance: The Dyanmic Role of Design in Entrepreneurshipfrog
 
WIAD: Design For Everyday Life
WIAD: Design For Everyday LifeWIAD: Design For Everyday Life
WIAD: Design For Everyday Lifefrog
 
SXSW: Designing Smart Objects for Emotional People
SXSW: Designing Smart Objects for Emotional PeopleSXSW: Designing Smart Objects for Emotional People
SXSW: Designing Smart Objects for Emotional Peoplefrog
 
frog POV: Now That Data is Everything
frog POV: Now That Data is Everythingfrog POV: Now That Data is Everything
frog POV: Now That Data is Everythingfrog
 
Tech Trends 2014
Tech Trends 2014 Tech Trends 2014
Tech Trends 2014 frog
 
frog Wearables
frog Wearablesfrog Wearables
frog Wearablesfrog
 
Investing in local communities by sharing the power of design
Investing in local communities by sharing the power of design Investing in local communities by sharing the power of design
Investing in local communities by sharing the power of design frog
 
Shaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile DevelopmentShaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile Developmentfrog
 
Wearable Technology and the Connected City
Wearable Technology and the Connected City Wearable Technology and the Connected City
Wearable Technology and the Connected City frog
 
Data in the city
Data in the cityData in the city
Data in the cityfrog
 
Is This Progress? More Meaning in Our Digital Life
Is This Progress? More Meaning in Our Digital LifeIs This Progress? More Meaning in Our Digital Life
Is This Progress? More Meaning in Our Digital Lifefrog
 
Teaching Old Markets New Tricks
Teaching Old Markets New Tricks Teaching Old Markets New Tricks
Teaching Old Markets New Tricks frog
 
Design Is Hacking How We Learn
Design Is Hacking How We LearnDesign Is Hacking How We Learn
Design Is Hacking How We Learnfrog
 
2013 Tech Trends
2013 Tech Trends2013 Tech Trends
2013 Tech Trendsfrog
 
Design Research Super Teams
Design Research Super TeamsDesign Research Super Teams
Design Research Super Teamsfrog
 

Mehr von frog (20)

Re-Designing Citizenship
Re-Designing CitizenshipRe-Designing Citizenship
Re-Designing Citizenship
 
The rise of digital humanitarianism
The rise of digital humanitarianismThe rise of digital humanitarianism
The rise of digital humanitarianism
 
Aging By Design: An Overview
Aging By Design: An OverviewAging By Design: An Overview
Aging By Design: An Overview
 
Understanding human motivation_in_the_age_of_connected_machines
Understanding human motivation_in_the_age_of_connected_machinesUnderstanding human motivation_in_the_age_of_connected_machines
Understanding human motivation_in_the_age_of_connected_machines
 
Off the Page Into the Wild: Designing For the Internet of Things
Off the Page Into the Wild: Designing For the Internet of ThingsOff the Page Into the Wild: Designing For the Internet of Things
Off the Page Into the Wild: Designing For the Internet of Things
 
Envisioning the Balance: The Dyanmic Role of Design in Entrepreneurship
Envisioning the Balance: The Dyanmic Role of Design in EntrepreneurshipEnvisioning the Balance: The Dyanmic Role of Design in Entrepreneurship
Envisioning the Balance: The Dyanmic Role of Design in Entrepreneurship
 
WIAD: Design For Everyday Life
WIAD: Design For Everyday LifeWIAD: Design For Everyday Life
WIAD: Design For Everyday Life
 
SXSW: Designing Smart Objects for Emotional People
SXSW: Designing Smart Objects for Emotional PeopleSXSW: Designing Smart Objects for Emotional People
SXSW: Designing Smart Objects for Emotional People
 
frog POV: Now That Data is Everything
frog POV: Now That Data is Everythingfrog POV: Now That Data is Everything
frog POV: Now That Data is Everything
 
Tech Trends 2014
Tech Trends 2014 Tech Trends 2014
Tech Trends 2014
 
frog Wearables
frog Wearablesfrog Wearables
frog Wearables
 
Investing in local communities by sharing the power of design
Investing in local communities by sharing the power of design Investing in local communities by sharing the power of design
Investing in local communities by sharing the power of design
 
Shaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile DevelopmentShaping a Technology Strategy for Mobile Development
Shaping a Technology Strategy for Mobile Development
 
Wearable Technology and the Connected City
Wearable Technology and the Connected City Wearable Technology and the Connected City
Wearable Technology and the Connected City
 
Data in the city
Data in the cityData in the city
Data in the city
 
Is This Progress? More Meaning in Our Digital Life
Is This Progress? More Meaning in Our Digital LifeIs This Progress? More Meaning in Our Digital Life
Is This Progress? More Meaning in Our Digital Life
 
Teaching Old Markets New Tricks
Teaching Old Markets New Tricks Teaching Old Markets New Tricks
Teaching Old Markets New Tricks
 
Design Is Hacking How We Learn
Design Is Hacking How We LearnDesign Is Hacking How We Learn
Design Is Hacking How We Learn
 
2013 Tech Trends
2013 Tech Trends2013 Tech Trends
2013 Tech Trends
 
Design Research Super Teams
Design Research Super TeamsDesign Research Super Teams
Design Research Super Teams
 

Kürzlich hochgeladen

General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 

Kürzlich hochgeladen (20)

General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 

The Language of Interaction

  • 1. the language of interaction david sherwin emily carr university march 30, 2011 Tree of Codes by Jonathan Safran Foer, from Visual Editions
  • 2. so, what do you do? interaction designer Photo 1314251438 by HeyRocker on Flickr / CC share remix license
  • 3. 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
  • 4. “interaction designers design for everyday life by shaping those human experiences that sit at the intersection of needs [desireability], business goals [viability], and technology [feasibility].” —www.ecuad.ca/programs/undergrad/bdesign/interaction "…interaction design is first and foremost the design of behavior that occurs over time." —Alan Cooper, David Cronin, Robert Reimann, About Face 3 "interaction is how people relate to other people through the mediating influence of product." —Richard Buchanan "interaction designers make awesome products, services, and systems that
  • 5. “my husband studies the ways people interact with technology, then determines if any thing should be made better, and if so, how.” —Mary Paynter Sherwin
  • 6. “my husband studies the ways people interact with technology, then determines if any thing should be made better, and if so, how.” —Mary Paynter Sherwin
  • 7. technology: “the sum of the ways in which social groups provide themselves with the material objects of their civilization.”
  • 9. Jan Chipchase, The Mobile Frontier: A study of mobile money use in Afghanistan
  • 10. technology changes human behavior, human behavior changes technology
  • 11. “my husband studies the ways people interact with technology, then determines if any thing should be made better, and if so, how.” —Mary Paynter Sherwin
  • 12. “my husband studies the ways people interact with technology, then determines if any thing should be made better, and if so, how.” —Mary Paynter Sherwin
  • 13. 10,000 omission and/or transcription errors can occur per year for a typical 200-bed hospital or clinic how can we minimize these errors and their impact on patient care?
  • 14.
  • 15. prototypes from participatory design testing sessions at frogSF with doctors and nurses
  • 16. testing tasks via a high-fidelity interactive prototype on a touch tablet PC screen
  • 18. Tree of Codes by Jonathan Safran Foer, from Visual Editions
  • 19. let’s try a little experiment… let’s read a poem three ways: 1 you read it in your mind 2 all of you read it out loud 3 i read it and you listen
  • 20. “Thought is thought, and not anything more. Seeing is seeing. What is is what is. These three together are what they are, and their total is one, which is what there is and is equal to zero. A is not A; one is not one; this too is the rule. Only insofar as one is speechless can one really think with words.” —from Robert Bringhurst’s “Saraha’s Exercise for Beginners,” in the book Pieces of Map, Pieces of Music
  • 21. what just happened? we illustrated the 3 challenges both artists and designers face in trying to craft interactions
  • 22. material you are processing metaphor the poem in practice your head, formulating its intent
  • 23. “In interaction design, the system is the material.” —Scott Nazarian, Creative Director, frog design
  • 24. TEXT WATCH EMAIL CALL READ language is the first material we may apply to an interaction PLAY STATUS CHAT
  • 25. language is an interface for prototyping an experience… …and a well-designed product or service expresses a vocabulary that matches people’s needs
  • 26. how do you cook pasta? Photo 197840294 by Oskay on Flickr / CC share remix license
  • 27. how do you cook pasta? verbs connote action Photo 197840294 by Oskay on Flickr / CC share remix license
  • 28. how do you cook pasta? who will initiate or receive the action? Photo 197840294 by Oskay on Flickr / CC share remix license
  • 29. how do you cook pasta? nouns are the objects acted upon Photo 197840294 by Oskay on Flickr / CC share remix license
  • 30. how do you cook pasta al dente? adjectives are metadata Photo 197840294 by Oskay on Flickr / CC share remix license
  • 31. can you cook pasta al dente for dinner tonight? providing the activity’s context Photo 197840294 by Oskay on Flickr / CC share remix license
  • 32. can you cook pasta al dente for dinner tonight? Illustration by Mark Baskinger from the forthcoming book Drawing Ideas
  • 33. and make me a cup of iced tea? “A cup of…” by industrial designer Tithi Kutchamuch from Creative Workshop
  • 34. 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
  • 35. 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
  • 36. through research, we capture the real and the incorporeal: desires, hopes, beliefs, needs, wants, frustrations, motivations…
  • 37. through design, we capture the real and the incorporeal: desires, hopes, beliefs, needs, wants, frustrations, motivations…
  • 38. through painting, we capture the real and the incorporeal: desires, hopes, beliefs, needs, wants, frustrations, motivations…
  • 39. through film, we capture the real and the incorporeal: desires, hopes, beliefs, needs, wants, frustrations, motivations…
  • 40. through sculpture, we capture the real and the incorporeal: desires, hopes, beliefs, needs, wants, frustrations, motivations…
  • 41.
  • 42. with the right insight, we can clarify intent and increase our support of desired behaviors
  • 43. over time, desired interactions can accumulate into a liveable story we hope to inhabit
  • 44. “The Future of Health Care Is Social” by frog design
  • 45. “The secret is in listening to the words, and arranging, and listening, and listening again. —Robert Wallace, Writing Poems
  • 46. material you are processing metaphor the poem in practice your head, formulating its intent
  • 47. material i map the intent of my words metaphor to the intent practice of yours, finding where A = B
  • 48. “metaphor: a figure of speech in which a term or phrase is applied to something to which it is not literally applicable in order to suggest a resemblance…” —Dictionary.com
  • 49. i’m not talking about small metaphors…
  • 50. …or big, poorly constructed ones Photo 3928200642 by x-ray delta one on Flickr / CC share remix license
  • 51. metaphors are at the heart of how we model interactive systems
  • 52.
  • 53.
  • 54.
  • 55. PATTERNS repetitive pathways and structures PRINCIPLES guidelines preserving the integrity of the above FEATURE CLUSTERS functionality organized fit to the patterns BEHAVIOR OVER TIME use of animation, transition, and motion
  • 56.
  • 57.
  • 58. understand the metaphor of a system, know how to shape interactions within it
  • 59. new modes of input allow new metaphors to emerge “SAM Gets Dirty” by designer Mark Notermann from Creative Workshop
  • 60. material you are processing metaphor the poem in practice your head, formulating its intent
  • 61. material i map the intent of my words metaphor to the intent practice of yours, finding where A = B
  • 62. material focusing your individual voice, metaphor informed by practice the experiences of your peers
  • 63. “A new poem is created by everyone 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 that in its interaction with old material creates something new, something previously not existing in experience.” —from John Dewey’s Art as Experience
  • 64. so it goes for a designer… our experience is summative
  • 65.
  • 66. Photo 2425646723 by Bekathwia on Flickr / CC share remix license
  • 67. material art and design, stitched together metaphor by technology practice and language
  • 68. digital + interaction interactive arts design animation film, 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
  • 69. language may be our v1 interface for summarizing experience
  • 70. but what we paint, draw, film, sculpt, and design with technology…
  • 71. human emotion lives in the spaces between
  • 72. “Happiness is not a noun or a verb. It’s a conjunction.” —Eric Weiner, The Geography of Bliss