SlideShare ist ein Scribd-Unternehmen logo
1 von 43
Downloaden Sie, um offline zu lesen
Thirty spokes are united
   around the hub of a wheel,
   but the usefulness of the
   wheel depends on the space
   where nothing exists.



I’m an interaction designer. I sometimes work on objects (demos and kiosks mostly) that are
inside some of the spaces you design. So I don’t do what you do. But here’s my hunch: if you
don’t do it now, you probably will do what I do in the future. And even if you don’t do what I
do, designing like an interaction designer will probably yield some new results for you.
Materials

We spend a lot of time thinking about all the materials we need to use to craft an experience
for our clients and attendees. And the constraints we work under. When we think of materials,
we think of the wood, fabric, plastic, foamcore, whathaveyou--all the physical components of
the space. But those are only part of the story.
This is from CeBit back in March. Six years ago in the film Minority Report, which was set in
some twenty odd years in the future, this was science fiction. Now it is part of the fabric of
the reality we deal with--you deal with--all the time.
This is not your
   father’s design.



No it’s not. We need new tools to create new experiences like that one. We need a new
material.
Interaction as a Material
    Dan Saffer, Kicker Studio




And that’s what this talk is about. How to use interaction as a material in your work--and
really, how to think and design like an interaction designer.
What is interaction?

        Although technology is often involved,
        Interaction is not a technology
        Not necessarily about “interactives” either
        It is a way of designing
        Interaction (Design) starts with behavior
        you design from the inside-out




In other words, how does your space respond when people are in it? Most spaces are dumb,
silent, unknowing. They are the same at night when the lights are out and no one is there, as
they are when they are swimming with life. Thinking about interaction is how we make our
spaces more responsive.
quot;An honest job of design
   should flow from the
   inside out, not from the
   outside in.quot;

   Henry Dreyfuss, 1955
So before you think about the other materials, consider the behavior you want to engender
with the space. Start there, not from the outside in!
We mold clay into a pot,
   but it is the emptiness
   inside that makes
   the vessel useful.




Mitchell Mauk said yesterday that an exhibit is a frame, a backdrop for differentiating the
client’s product. What would happen if we put aside, just for a moment, the backdrop. What if
iy couldn’t use physical structures or carpeting or furniture or fabrics or signs or printed
material. Could you do it?
Program




What we’re talking about is program. Not computer program, but the architectural sense of it:
human movement and the building’s use.
“Moments that Matter”

        Time + Space + Emotion
        Halo moments influence others, but pick the
        right ones!
        “Seredipity, not staging”
        Not every moment matters




via IDEO’s Smart Spaces group.
INTERACTION = Communication

       Mediated by Objects and, yes, Spaces
       People to People
             One-to-one
             One-to-many
             Many-to-Many
       People to machines




One to one: people. People are often your greatest resource in the space.
One to many: demonstrations. Many-to-many: how do you connect the clients with the
attendees? And, here’s the kicker, how do you connect attendees to each other?
Zones of INTERACTION

                                    ATTRACTION


                                   OBSERVATION




                                   ENGAGEMENT




Attraction is where most people stop. “How can we draw them into our space?”

Piazza del Campo. Tower as attractor. Apartments as observation. The ground as
engagement.
Zones of INTERACTION

                                    ATTRACTION


                                   OBSERVATION




                                   ENGAGEMENT




Attraction is where most people stop. “How can we draw them into our space?”

Piazza del Campo. Tower as attractor. Apartments as observation. The ground as
engagement.
ATTRACTION AFFORDANCE




Microsoft’s surface.
SOCIAL interaction

        Not just one-way
        Culture of Participation
        Creating “Social Objects”
              People like the swag but they’ll remember
              the interaction
              They’ll “take with them” the social object
              even if they don’t take it with them



Interaction is never just one way. It is a back and forth between two entities. Trends: Citizen
journalism, Web 2.0 social networks and blogs, grassroots politics. How do you connect
attendees in a meaningful way?
Doesn’t have to be a high tech solution either...although it can be.
Doesn’t have to be a high tech solution either...although it can be.
Metaphor as a Way
   of Designing



I’m a big fan of metaphor. I find for myself it’s very hard to design anything unless there is
some kind of box or framework around it. And metaphor is one way to do that. Humans are
wired for metaphor, especially for abstract things. Time=Money for instance. It’s how we can
make physical the abstract.
Bill Verplank demonstrated how fruitful the right metaphor can be in design concepting and ideation. Cow as
metaphor for the project. Like food passes through a cow’s multi-chambered stomach, the end users experienced
a multi-phase workflow. Some of what the client ingested (data, or “grass”) was converted into profitable output
(actionable findings, the “milk and cream”).
SPACE AS AN OBJECT




So let’s try this, and you should try this yourself when it comes time to design your next
space. Think of the space you have to design as an object. I’m a device guy and I sometimes
do the opposite: imagine the object I have to design as space. But for now, imagine your next
space as an object. What does it look it? How does it interact?
Snowglobe. I love this as a metaphor for activity within a contained space. It’s beautiful, transparent, alive.
I also love this as a metaphor. A small container with layers, possibly many layers. But also space. Space.
Doors and windows are cut
   to make a room.
   It is the empty spaces that
   we use.




Now that our space is an object, what can someone do with it? How does it work?
Participation

        What can I do here?
        Not “What can you show me?”
        Levels of Interaction from the casual to
        the in-depth
        Think Vega$, Baby, Vega$!




Vegas has a level of games from nickel slots to high stakes poker. Barrier to entry is very very
low. Should your space be like a Las Vegas casino? Probably not.
Adaptive Spaces

 Spaces are no longer static (if they ever
 really were)
 What if the space changed depending on how
 it is being used, and by whom?
 What data are your attendees generating
 that you can use? (Without them filling out
 a survey)
 The secret sauce: Sensors
Types of Common Sensors

        Pressure
        Light
        Proximity
        Acoustic
        Tilt
        Motion
        Orientation


Sensors connected to computers allow you to collect data that is otherwise invisible and lost.
With sensors, the invisible can become visible and shared.
With sensors, you can completely change a space. Who are my Wii players? The Wii transforms rooms into an
amazing variety of spaces, and the game itself creates a “playing field” around it.
PROXIMITY ACTIVATES




Let’s start with the easiest level of entry. When someone enters the space, just a casual
wanderer, what can they interact with? What sensors detect their presence, and how to they
respond to it? Don’t be obnoxious with this.
Computers don’t only have to manipulate flat screen displays. Danny Rozin’s Wooden Mirror.
Phillips Lighting Glowing Places combines plastic seating with LED strips and pressure
sensors tomeasure the presence of people over time. Both the number of people sitting and
the length of time they stay create lighting effects in the furniture. Many people sitting for
brief periods of time result in more active lighting, whereas one or two people sitting for a
longer period trigger mellow lighting.
MOVEMENT ACTIVATES




Once you add in movement, the space can respond in other ways, tracking and recording
pathways through your space.
iO’s SensitiveWindow detects the positions and walking directions of passersby to trigger
the appropriate content, such as a full-screen movie created to surprise someone walking left
to right.
Fukuda’s Automatic Door adjusts to the shape of the user as she approaches the door.
Golan Levin’s quot;Double-Taker (Snout)quot; project.
GESTURE ACTIVATES




The more engaged people get in the space, the more you can ask of them to interact. This is
where touchscreens and more interactives come into play. You’ve attracted them in, they
have observed others using it, and you’ve hopefully provided some sort of attraction
affordance. Now people can really dig into what you have to offer.
Bathrooms have become the most interactive space in common use today. They are the
interaction design labs of the future, now. What they show us is the amount of lightweight,
easy interactions that can be done with simple gestures.
Of course, not restricted to bathrooms. You can turn on a Mthmos Airswitch light by merely
waving your hand slowly over the light. Users can make the light dim or brighten by moving
their hand upward or downward.
Larger touchscreens invite this clustering around. The U.S. Library of Congress has a set of
touchscreen exhibits that allow visitors to peruse its historic documents, such as the
Declaration of Independence.
WineM. At this level, you can also think about what people carry with them, namely their
mobile phones. You don’t need a specialized device like in this video. You can make good
use of people’s own devices.
And you can really get into it with having multiple people playing with an interactive display
all at once. This is a music making device called loopArenaMTC music device by sliding
musical “agents” with your fingertip.
The best designs
   are those that
   “dissolve into
   behavior.”
   Naoto Fukasawa
Look for those instances when you can add meaning and depth to what people are already
doing. Certainly don’t ruin someone’s experience with an intrusive interactive, but find the
moments you can enhance through connection, through interaction.
To make use of what is here,
   you must make use of what
   is not.
   Tao Te Ching




All these quotes have been from the Tao Te Ching. Use the space between your beautiful
walls, among the gorgeous furniture, and under your beautiful lighting. It’s all there for you
to use. You need to activate the space in between by using what it affords to create
meaningful, memorable interactions.
Thank you.




                          http://www.kickerstudio.com
                             dan@kickerstudio.com


Kicker Studio
http://www.kickerstudio.com

Weitere ähnliche Inhalte

Was ist angesagt?

Digital Wellness: Meaningful Daily Actions for Students - COVID
Digital Wellness: Meaningful Daily Actions for Students - COVIDDigital Wellness: Meaningful Daily Actions for Students - COVID
Digital Wellness: Meaningful Daily Actions for Students - COVIDMax Stossel
 
Digital Wellbeing: Meaningful Daily Actions for Parents - COVID
Digital Wellbeing: Meaningful Daily Actions for Parents - COVIDDigital Wellbeing: Meaningful Daily Actions for Parents - COVID
Digital Wellbeing: Meaningful Daily Actions for Parents - COVIDMax Stossel
 
Observing, Remembering & Sharing
Observing, Remembering & SharingObserving, Remembering & Sharing
Observing, Remembering & SharingMichael Surtees
 
Interaction design & quantified self
Interaction design & quantified selfInteraction design & quantified self
Interaction design & quantified selfPaul Sas
 
Miller audiology keynote_may2021
Miller audiology keynote_may2021Miller audiology keynote_may2021
Miller audiology keynote_may2021QUT
 
Employment branding is dead | Talent Connect Anaheim
Employment branding is dead | Talent Connect AnaheimEmployment branding is dead | Talent Connect Anaheim
Employment branding is dead | Talent Connect AnaheimLinkedIn Talent Solutions
 
Design Thinking as a Strategy for Innovation in Audiology
 Design Thinking as a Strategy for Innovation in Audiology Design Thinking as a Strategy for Innovation in Audiology
Design Thinking as a Strategy for Innovation in AudiologyQUT
 
UI For Alien Cowboys
UI For Alien CowboysUI For Alien Cowboys
UI For Alien CowboysMatt Jones
 
Designing Discreetness recap @ Thingscon
Designing Discreetness recap @ ThingsconDesigning Discreetness recap @ Thingscon
Designing Discreetness recap @ ThingsconSami Niemelä
 
IXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 RecapIXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 RecapFrank Grigurs
 
Inclusive Design: A Path to Innovation
Inclusive Design: A Path to InnovationInclusive Design: A Path to Innovation
Inclusive Design: A Path to InnovationJess Mitchell
 
Prototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX DesignersPrototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX DesignersSusan Oldham
 
Choose Boring Technology
Choose Boring TechnologyChoose Boring Technology
Choose Boring TechnologyDan McKinley
 
Right here, right now — when technology, interaction design and fashion converge
Right here, right now — when technology, interaction design and fashion convergeRight here, right now — when technology, interaction design and fashion converge
Right here, right now — when technology, interaction design and fashion convergeSami Niemelä
 
Design in Sight workshop presentation
Design in Sight workshop presentationDesign in Sight workshop presentation
Design in Sight workshop presentationStuart Chapman
 
Inclusive Design Ah-Ha moments at #opened16
Inclusive Design Ah-Ha moments at #opened16Inclusive Design Ah-Ha moments at #opened16
Inclusive Design Ah-Ha moments at #opened16Jess Mitchell
 

Was ist angesagt? (20)

Digital Wellness: Meaningful Daily Actions for Students - COVID
Digital Wellness: Meaningful Daily Actions for Students - COVIDDigital Wellness: Meaningful Daily Actions for Students - COVID
Digital Wellness: Meaningful Daily Actions for Students - COVID
 
Digital Wellbeing: Meaningful Daily Actions for Parents - COVID
Digital Wellbeing: Meaningful Daily Actions for Parents - COVIDDigital Wellbeing: Meaningful Daily Actions for Parents - COVID
Digital Wellbeing: Meaningful Daily Actions for Parents - COVID
 
Art of thinking clearly
Art of thinking clearlyArt of thinking clearly
Art of thinking clearly
 
ITP / SED Day 6
ITP / SED Day 6ITP / SED Day 6
ITP / SED Day 6
 
Observing, Remembering & Sharing
Observing, Remembering & SharingObserving, Remembering & Sharing
Observing, Remembering & Sharing
 
Inside the Box
Inside the BoxInside the Box
Inside the Box
 
Interaction design & quantified self
Interaction design & quantified selfInteraction design & quantified self
Interaction design & quantified self
 
Miller audiology keynote_may2021
Miller audiology keynote_may2021Miller audiology keynote_may2021
Miller audiology keynote_may2021
 
Employment branding is dead | Talent Connect Anaheim
Employment branding is dead | Talent Connect AnaheimEmployment branding is dead | Talent Connect Anaheim
Employment branding is dead | Talent Connect Anaheim
 
Design Thinking as a Strategy for Innovation in Audiology
 Design Thinking as a Strategy for Innovation in Audiology Design Thinking as a Strategy for Innovation in Audiology
Design Thinking as a Strategy for Innovation in Audiology
 
Rulespace
RulespaceRulespace
Rulespace
 
UI For Alien Cowboys
UI For Alien CowboysUI For Alien Cowboys
UI For Alien Cowboys
 
Designing Discreetness recap @ Thingscon
Designing Discreetness recap @ ThingsconDesigning Discreetness recap @ Thingscon
Designing Discreetness recap @ Thingscon
 
IXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 RecapIXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 Recap
 
Inclusive Design: A Path to Innovation
Inclusive Design: A Path to InnovationInclusive Design: A Path to Innovation
Inclusive Design: A Path to Innovation
 
Prototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX DesignersPrototyping Physical & Immersive Environments for UX Designers
Prototyping Physical & Immersive Environments for UX Designers
 
Choose Boring Technology
Choose Boring TechnologyChoose Boring Technology
Choose Boring Technology
 
Right here, right now — when technology, interaction design and fashion converge
Right here, right now — when technology, interaction design and fashion convergeRight here, right now — when technology, interaction design and fashion converge
Right here, right now — when technology, interaction design and fashion converge
 
Design in Sight workshop presentation
Design in Sight workshop presentationDesign in Sight workshop presentation
Design in Sight workshop presentation
 
Inclusive Design Ah-Ha moments at #opened16
Inclusive Design Ah-Ha moments at #opened16Inclusive Design Ah-Ha moments at #opened16
Inclusive Design Ah-Ha moments at #opened16
 

Andere mochten auch

The Role of Metaphor in Interaction Design
The Role of Metaphor in Interaction DesignThe Role of Metaphor in Interaction Design
The Role of Metaphor in Interaction DesignDan Saffer
 
Interaction design IS NOT ABOUT computing technology
Interaction design IS NOT ABOUT computing technologyInteraction design IS NOT ABOUT computing technology
Interaction design IS NOT ABOUT computing technologyfrog
 
6000 Years of Device Design
6000 Years of Device Design6000 Years of Device Design
6000 Years of Device DesignDan Saffer
 
Using Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to ProductUsing Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to ProductDan Saffer
 
Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009Dan Saffer
 
Gaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web AppsGaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web AppsDan Saffer
 
Microinteractions
MicrointeractionsMicrointeractions
MicrointeractionsDan Saffer
 
Design in the Post-PC Era
Design in the Post-PC EraDesign in the Post-PC Era
Design in the Post-PC EraDan Saffer
 
Tap is the New Click
Tap is the New ClickTap is the New Click
Tap is the New ClickDan Saffer
 
How to Lie with Design Strategy
How to Lie with Design StrategyHow to Lie with Design Strategy
How to Lie with Design StrategyDan Saffer
 
CIID Final project report
CIID Final project reportCIID Final project report
CIID Final project reporteilidh dickson
 
Designing Smart and Clever Applications
Designing Smart and Clever ApplicationsDesigning Smart and Clever Applications
Designing Smart and Clever ApplicationsDan Saffer
 
Practical Creativity
Practical CreativityPractical Creativity
Practical CreativityDan Saffer
 
New Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction DesignersNew Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction DesignersDan Saffer
 
What User-Centered Design is Good For
What User-Centered Design is Good ForWhat User-Centered Design is Good For
What User-Centered Design is Good ForDan Saffer
 
The New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityThe New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityDan Saffer
 
Ideation and Design Principles Workshop
Ideation and Design Principles WorkshopIdeation and Design Principles Workshop
Ideation and Design Principles WorkshopDan Saffer
 
Fingers, Thumbs & People: Designing for the way your users really hold and t...
Fingers, Thumbs & People: Designing for the way your users really hold and t...Fingers, Thumbs & People: Designing for the way your users really hold and t...
Fingers, Thumbs & People: Designing for the way your users really hold and t...Steven Hoober
 
How to Lie with Design Research
How to Lie with Design ResearchHow to Lie with Design Research
How to Lie with Design ResearchDan Saffer
 

Andere mochten auch (19)

The Role of Metaphor in Interaction Design
The Role of Metaphor in Interaction DesignThe Role of Metaphor in Interaction Design
The Role of Metaphor in Interaction Design
 
Interaction design IS NOT ABOUT computing technology
Interaction design IS NOT ABOUT computing technologyInteraction design IS NOT ABOUT computing technology
Interaction design IS NOT ABOUT computing technology
 
6000 Years of Device Design
6000 Years of Device Design6000 Years of Device Design
6000 Years of Device Design
 
Using Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to ProductUsing Microinteractions to get from Prototype to Product
Using Microinteractions to get from Prototype to Product
 
Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009Carpe Diem: Attention, Awareness, and Interaction Design 2009
Carpe Diem: Attention, Awareness, and Interaction Design 2009
 
Gaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web AppsGaming the Web: Using the Structure of Games to Design Better Web Apps
Gaming the Web: Using the Structure of Games to Design Better Web Apps
 
Microinteractions
MicrointeractionsMicrointeractions
Microinteractions
 
Design in the Post-PC Era
Design in the Post-PC EraDesign in the Post-PC Era
Design in the Post-PC Era
 
Tap is the New Click
Tap is the New ClickTap is the New Click
Tap is the New Click
 
How to Lie with Design Strategy
How to Lie with Design StrategyHow to Lie with Design Strategy
How to Lie with Design Strategy
 
CIID Final project report
CIID Final project reportCIID Final project report
CIID Final project report
 
Designing Smart and Clever Applications
Designing Smart and Clever ApplicationsDesigning Smart and Clever Applications
Designing Smart and Clever Applications
 
Practical Creativity
Practical CreativityPractical Creativity
Practical Creativity
 
New Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction DesignersNew Sources of Inspiration for Interaction Designers
New Sources of Inspiration for Interaction Designers
 
What User-Centered Design is Good For
What User-Centered Design is Good ForWhat User-Centered Design is Good For
What User-Centered Design is Good For
 
The New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityThe New Era of (Non-) Discoverability
The New Era of (Non-) Discoverability
 
Ideation and Design Principles Workshop
Ideation and Design Principles WorkshopIdeation and Design Principles Workshop
Ideation and Design Principles Workshop
 
Fingers, Thumbs & People: Designing for the way your users really hold and t...
Fingers, Thumbs & People: Designing for the way your users really hold and t...Fingers, Thumbs & People: Designing for the way your users really hold and t...
Fingers, Thumbs & People: Designing for the way your users really hold and t...
 
How to Lie with Design Research
How to Lie with Design ResearchHow to Lie with Design Research
How to Lie with Design Research
 

Ähnlich wie Interaction as a Material

Body and the city
Body and the cityBody and the city
Body and the cityjelle1975
 
Living Structures in Second Life Virtual Worlds Projects
Living Structures in Second Life Virtual Worlds ProjectsLiving Structures in Second Life Virtual Worlds Projects
Living Structures in Second Life Virtual Worlds ProjectsSiterma The World In 4D
 
How Print Design is the Future of Interaction
How Print Design is the Future of InteractionHow Print Design is the Future of Interaction
How Print Design is the Future of InteractionMike Kruzeniski
 
Designing a Future We Want to Live In - UX STRAT USA 2017
Designing a Future We Want to Live In - UX STRAT USA 2017Designing a Future We Want to Live In - UX STRAT USA 2017
Designing a Future We Want to Live In - UX STRAT USA 2017Andrew Hinton
 
Avatar Based Innovation End
Avatar Based Innovation EndAvatar Based Innovation End
Avatar Based Innovation EndThomas Kohler
 
Designing for the Collective User
Designing for the Collective UserDesigning for the Collective User
Designing for the Collective Usermartinnovation
 
New consumers and new business opportunities
New consumers and new business opportunitiesNew consumers and new business opportunities
New consumers and new business opportunitiesJames Boardwell
 
Designing for an internet of things
Designing for an internet of thingsDesigning for an internet of things
Designing for an internet of thingsTimo Arnall
 
Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015Danielle Leigh
 
Road To Innovation
Road To Innovation Road To Innovation
Road To Innovation Denise Caron
 
Designing Interaction with emotion
Designing Interaction with emotionDesigning Interaction with emotion
Designing Interaction with emotionMichihito Mizutani
 
Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015Danielle Leigh
 
A Design Journey /// Naba 2014
A Design Journey /// Naba 2014 A Design Journey /// Naba 2014
A Design Journey /// Naba 2014 Leandro Agro'
 
The web in the world
The web in the worldThe web in the world
The web in the worldTimo Arnall
 
Design for Physical Thinking by Jody Medich of Kicker Studio
Design for Physical Thinking by Jody Medich of Kicker StudioDesign for Physical Thinking by Jody Medich of Kicker Studio
Design for Physical Thinking by Jody Medich of Kicker Studiojmedich
 
Cossette at SXSW - Days 1 to 4 - Highlights
Cossette at SXSW - Days 1 to 4 - HighlightsCossette at SXSW - Days 1 to 4 - Highlights
Cossette at SXSW - Days 1 to 4 - HighlightsCossette
 

Ähnlich wie Interaction as a Material (20)

Body and the city
Body and the cityBody and the city
Body and the city
 
Living Structures in Second Life Virtual Worlds Projects
Living Structures in Second Life Virtual Worlds ProjectsLiving Structures in Second Life Virtual Worlds Projects
Living Structures in Second Life Virtual Worlds Projects
 
Leadership
LeadershipLeadership
Leadership
 
How Print Design is the Future of Interaction
How Print Design is the Future of InteractionHow Print Design is the Future of Interaction
How Print Design is the Future of Interaction
 
Designing a Future We Want to Live In - UX STRAT USA 2017
Designing a Future We Want to Live In - UX STRAT USA 2017Designing a Future We Want to Live In - UX STRAT USA 2017
Designing a Future We Want to Live In - UX STRAT USA 2017
 
Avatar Based Innovation End
Avatar Based Innovation EndAvatar Based Innovation End
Avatar Based Innovation End
 
Designing for the Collective User
Designing for the Collective UserDesigning for the Collective User
Designing for the Collective User
 
Trans talk
Trans talkTrans talk
Trans talk
 
New consumers and new business opportunities
New consumers and new business opportunitiesNew consumers and new business opportunities
New consumers and new business opportunities
 
Designing for an internet of things
Designing for an internet of thingsDesigning for an internet of things
Designing for an internet of things
 
Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015
 
Road To Innovation
Road To Innovation Road To Innovation
Road To Innovation
 
Designing Interaction with emotion
Designing Interaction with emotionDesigning Interaction with emotion
Designing Interaction with emotion
 
Talks TedxBilbao 2011
Talks TedxBilbao 2011Talks TedxBilbao 2011
Talks TedxBilbao 2011
 
Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015Danielle Leigh Portfolio 2015
Danielle Leigh Portfolio 2015
 
A Design Journey /// Naba 2014
A Design Journey /// Naba 2014 A Design Journey /// Naba 2014
A Design Journey /// Naba 2014
 
The web in the world
The web in the worldThe web in the world
The web in the world
 
Design for Physical Thinking by Jody Medich of Kicker Studio
Design for Physical Thinking by Jody Medich of Kicker StudioDesign for Physical Thinking by Jody Medich of Kicker Studio
Design for Physical Thinking by Jody Medich of Kicker Studio
 
Cossette at SXSW - Days 1 to 4 - Highlights
Cossette at SXSW - Days 1 to 4 - HighlightsCossette at SXSW - Days 1 to 4 - Highlights
Cossette at SXSW - Days 1 to 4 - Highlights
 
Participation
ParticipationParticipation
Participation
 

Kürzlich hochgeladen

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
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
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
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
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
 
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
 
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
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy ysrajece
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 

Kürzlich hochgeladen (20)

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毕业证纽卡斯尔大学学位证书一手渠道
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
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
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
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
 
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
 
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...
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy y
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 

Interaction as a Material

  • 1. Thirty spokes are united around the hub of a wheel, but the usefulness of the wheel depends on the space where nothing exists. I’m an interaction designer. I sometimes work on objects (demos and kiosks mostly) that are inside some of the spaces you design. So I don’t do what you do. But here’s my hunch: if you don’t do it now, you probably will do what I do in the future. And even if you don’t do what I do, designing like an interaction designer will probably yield some new results for you.
  • 2. Materials We spend a lot of time thinking about all the materials we need to use to craft an experience for our clients and attendees. And the constraints we work under. When we think of materials, we think of the wood, fabric, plastic, foamcore, whathaveyou--all the physical components of the space. But those are only part of the story.
  • 3. This is from CeBit back in March. Six years ago in the film Minority Report, which was set in some twenty odd years in the future, this was science fiction. Now it is part of the fabric of the reality we deal with--you deal with--all the time.
  • 4. This is not your father’s design. No it’s not. We need new tools to create new experiences like that one. We need a new material.
  • 5. Interaction as a Material Dan Saffer, Kicker Studio And that’s what this talk is about. How to use interaction as a material in your work--and really, how to think and design like an interaction designer.
  • 6. What is interaction? Although technology is often involved, Interaction is not a technology Not necessarily about “interactives” either It is a way of designing Interaction (Design) starts with behavior you design from the inside-out In other words, how does your space respond when people are in it? Most spaces are dumb, silent, unknowing. They are the same at night when the lights are out and no one is there, as they are when they are swimming with life. Thinking about interaction is how we make our spaces more responsive.
  • 7. quot;An honest job of design should flow from the inside out, not from the outside in.quot; Henry Dreyfuss, 1955 So before you think about the other materials, consider the behavior you want to engender with the space. Start there, not from the outside in!
  • 8. We mold clay into a pot, but it is the emptiness inside that makes the vessel useful. Mitchell Mauk said yesterday that an exhibit is a frame, a backdrop for differentiating the client’s product. What would happen if we put aside, just for a moment, the backdrop. What if iy couldn’t use physical structures or carpeting or furniture or fabrics or signs or printed material. Could you do it?
  • 9. Program What we’re talking about is program. Not computer program, but the architectural sense of it: human movement and the building’s use.
  • 10. “Moments that Matter” Time + Space + Emotion Halo moments influence others, but pick the right ones! “Seredipity, not staging” Not every moment matters via IDEO’s Smart Spaces group.
  • 11. INTERACTION = Communication Mediated by Objects and, yes, Spaces People to People One-to-one One-to-many Many-to-Many People to machines One to one: people. People are often your greatest resource in the space. One to many: demonstrations. Many-to-many: how do you connect the clients with the attendees? And, here’s the kicker, how do you connect attendees to each other?
  • 12. Zones of INTERACTION ATTRACTION OBSERVATION ENGAGEMENT Attraction is where most people stop. “How can we draw them into our space?” Piazza del Campo. Tower as attractor. Apartments as observation. The ground as engagement.
  • 13. Zones of INTERACTION ATTRACTION OBSERVATION ENGAGEMENT Attraction is where most people stop. “How can we draw them into our space?” Piazza del Campo. Tower as attractor. Apartments as observation. The ground as engagement.
  • 15. SOCIAL interaction Not just one-way Culture of Participation Creating “Social Objects” People like the swag but they’ll remember the interaction They’ll “take with them” the social object even if they don’t take it with them Interaction is never just one way. It is a back and forth between two entities. Trends: Citizen journalism, Web 2.0 social networks and blogs, grassroots politics. How do you connect attendees in a meaningful way?
  • 16. Doesn’t have to be a high tech solution either...although it can be.
  • 17. Doesn’t have to be a high tech solution either...although it can be.
  • 18. Metaphor as a Way of Designing I’m a big fan of metaphor. I find for myself it’s very hard to design anything unless there is some kind of box or framework around it. And metaphor is one way to do that. Humans are wired for metaphor, especially for abstract things. Time=Money for instance. It’s how we can make physical the abstract.
  • 19. Bill Verplank demonstrated how fruitful the right metaphor can be in design concepting and ideation. Cow as metaphor for the project. Like food passes through a cow’s multi-chambered stomach, the end users experienced a multi-phase workflow. Some of what the client ingested (data, or “grass”) was converted into profitable output (actionable findings, the “milk and cream”).
  • 20. SPACE AS AN OBJECT So let’s try this, and you should try this yourself when it comes time to design your next space. Think of the space you have to design as an object. I’m a device guy and I sometimes do the opposite: imagine the object I have to design as space. But for now, imagine your next space as an object. What does it look it? How does it interact?
  • 21. Snowglobe. I love this as a metaphor for activity within a contained space. It’s beautiful, transparent, alive.
  • 22. I also love this as a metaphor. A small container with layers, possibly many layers. But also space. Space.
  • 23. Doors and windows are cut to make a room. It is the empty spaces that we use. Now that our space is an object, what can someone do with it? How does it work?
  • 24. Participation What can I do here? Not “What can you show me?” Levels of Interaction from the casual to the in-depth Think Vega$, Baby, Vega$! Vegas has a level of games from nickel slots to high stakes poker. Barrier to entry is very very low. Should your space be like a Las Vegas casino? Probably not.
  • 25. Adaptive Spaces Spaces are no longer static (if they ever really were) What if the space changed depending on how it is being used, and by whom? What data are your attendees generating that you can use? (Without them filling out a survey) The secret sauce: Sensors
  • 26. Types of Common Sensors Pressure Light Proximity Acoustic Tilt Motion Orientation Sensors connected to computers allow you to collect data that is otherwise invisible and lost. With sensors, the invisible can become visible and shared.
  • 27. With sensors, you can completely change a space. Who are my Wii players? The Wii transforms rooms into an amazing variety of spaces, and the game itself creates a “playing field” around it.
  • 28. PROXIMITY ACTIVATES Let’s start with the easiest level of entry. When someone enters the space, just a casual wanderer, what can they interact with? What sensors detect their presence, and how to they respond to it? Don’t be obnoxious with this.
  • 29. Computers don’t only have to manipulate flat screen displays. Danny Rozin’s Wooden Mirror.
  • 30. Phillips Lighting Glowing Places combines plastic seating with LED strips and pressure sensors tomeasure the presence of people over time. Both the number of people sitting and the length of time they stay create lighting effects in the furniture. Many people sitting for brief periods of time result in more active lighting, whereas one or two people sitting for a longer period trigger mellow lighting.
  • 31. MOVEMENT ACTIVATES Once you add in movement, the space can respond in other ways, tracking and recording pathways through your space.
  • 32. iO’s SensitiveWindow detects the positions and walking directions of passersby to trigger the appropriate content, such as a full-screen movie created to surprise someone walking left to right.
  • 33. Fukuda’s Automatic Door adjusts to the shape of the user as she approaches the door.
  • 34. Golan Levin’s quot;Double-Taker (Snout)quot; project.
  • 35. GESTURE ACTIVATES The more engaged people get in the space, the more you can ask of them to interact. This is where touchscreens and more interactives come into play. You’ve attracted them in, they have observed others using it, and you’ve hopefully provided some sort of attraction affordance. Now people can really dig into what you have to offer.
  • 36. Bathrooms have become the most interactive space in common use today. They are the interaction design labs of the future, now. What they show us is the amount of lightweight, easy interactions that can be done with simple gestures.
  • 37. Of course, not restricted to bathrooms. You can turn on a Mthmos Airswitch light by merely waving your hand slowly over the light. Users can make the light dim or brighten by moving their hand upward or downward.
  • 38. Larger touchscreens invite this clustering around. The U.S. Library of Congress has a set of touchscreen exhibits that allow visitors to peruse its historic documents, such as the Declaration of Independence.
  • 39. WineM. At this level, you can also think about what people carry with them, namely their mobile phones. You don’t need a specialized device like in this video. You can make good use of people’s own devices.
  • 40. And you can really get into it with having multiple people playing with an interactive display all at once. This is a music making device called loopArenaMTC music device by sliding musical “agents” with your fingertip.
  • 41. The best designs are those that “dissolve into behavior.” Naoto Fukasawa Look for those instances when you can add meaning and depth to what people are already doing. Certainly don’t ruin someone’s experience with an intrusive interactive, but find the moments you can enhance through connection, through interaction.
  • 42. To make use of what is here, you must make use of what is not. Tao Te Ching All these quotes have been from the Tao Te Ching. Use the space between your beautiful walls, among the gorgeous furniture, and under your beautiful lighting. It’s all there for you to use. You need to activate the space in between by using what it affords to create meaningful, memorable interactions.
  • 43. Thank you. http://www.kickerstudio.com dan@kickerstudio.com Kicker Studio http://www.kickerstudio.com