SlideShare a Scribd company logo
Designing out[side] the screen
Steve Taylor
The Alloy || Principal Interaction Designer
stevet@thealloy.com
@funkadeelia
Why
Why should we think about
design outside the screen?
How can we do this with
tools that are available?
What examples (good and
bad) are out there?
What How
Designing out[side] the screen
Why does it all revolve around the screen?
Image courtesy of 20px.com
Now we struggle do anything
without a screen...
75% of people admit to using
their smartphone whilst using
the toilet!!
Research carried out by wtop.com
Interaction Design is...
“The design of
everything that is both
digital and interactive”
Photo from dot3x / https://www.flickr.com/photos/dotx3/4758268844//
Design of products, systems &
services [tools] that help people
through addressing human needs
Photo from Human/Need/Desire. Bruce Nauman, 1983
As more & more products become
‘connected‘ we are in danger of
forcing screens into everything...
Aren’t we already drowning
in touch screens & icons?Photo from AP Photo / Manu Fernandez
Our experiences are formed
through stimulating a
combination of our 5 senses
This is one sense...
What about the others?
Sounds of the Sea // Heston Blumenthal
Photo from luxworldwide.com
Our brains light up when 2 or
more senses are stimulated
simultaneously
Stimulating the same sense
differently, affects our
perception of the experience
Bernard Lahousse Food Pairing
Food = Interaction https://vimeo.com/86171854
digital touch vs physical touch
context of use drives method of interaction
How can we (IxD’s) start to think
outside the screen & design
sense rich interactions?
What if we remove the screen?
What if we remove the screen?
What examples of “designing out the screen” can we reference?
Designing Out[side] the Screen
Designing Out[side] the Screen
Designing Out[side] the Screen
Image from Nissan Motor Company
Reference patentbolt.com Samsung Controls
UX / Digital Designer?
Industrial Designer?
Who is responsible for designing these interactions?
UX / Digital Designer?
Industrial Designer?
Interaction Designer?
Who is responsible for designing these interactions?
How do we do this?
Collaboration across the design process
Collaboration across the design process
Industrial Designer
Interaction Designer
User Research Concept Development Prototyping Specification
Fuse Project
An investigation into improving
the smartphone experience
Context of use drives method of interaction
How can we enable users to, single-handedly, control services on
the device without obscuring content on screen
Defining the challenge...
Interact outside the screen
Prototyping the experience
Delivering physical the experience
Experience prototyping tools
Designing Out[side] the Screen
Designing Out[side] the Screen
Designing Out[side] the Screen
Why use these tools?
Explore
Context of use
Tangible inputs / outputs
Stimulating different senses
With industrial designersPhysical design constraints
Materials & textures
Understand Communicate
Why use these tools?
Summary
Why What How
Summary
Why should we think about
design outside the screen?
How can we do this with
tools that are readily
available?
What examples (good and
bad) are out there?
Why...
What...
How...
Service
Digital Physical
Conclusion
Thank you.
Steve Taylor
The Alloy || Principal Interaction Designer
stevet@thealloy.com
@funkadeelia

More Related Content

PPTX
ATDTK18 - design patterns for emergent learning technologies
PPT
UX Design Presetation
PDF
MULTIPLAYER UX DESIGN
PPTX
The Importance of UX
PPTX
Introduction to user-centric design process
PPTX
How to design more ethically engaging experiences (UCD 2016)
PDF
Fringe User Experience: Designing for the Future
PDF
20130219 chi chi-overzicht
ATDTK18 - design patterns for emergent learning technologies
UX Design Presetation
MULTIPLAYER UX DESIGN
The Importance of UX
Introduction to user-centric design process
How to design more ethically engaging experiences (UCD 2016)
Fringe User Experience: Designing for the Future
20130219 chi chi-overzicht

What's hot (19)

PDF
Chi overview
PDF
Introduction - fundamentals of CHI
PPTX
User Experience Design - Why, How and Where
PDF
USECON Webinar "Alina's Guests": Chatbots with Floor Drees from sektor5
PDF
Designing interactive Experience
PDF
What the UX? – Confessions of a Designer
PPTX
UI / UX Design Presentation
PDF
NoVA UX Responsive Design
PDF
PDF
CHI overzicht
PDF
UX/Design Thinking Prototyping Workshop
PPTX
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
PDF
The UI is the THE application #dpc19
PPTX
Presentation week 11
PDF
Design Forward Alliance Business Camp: Design
PDF
An introduction to HCI
PPTX
Alice Phieu - UI/UX For Developers
PPTX
Managing a Multiscreen, Multicontext Customer Journey
PPTX
eXtreme User eXperience (XUX) - How one team melded UX with XP
Chi overview
Introduction - fundamentals of CHI
User Experience Design - Why, How and Where
USECON Webinar "Alina's Guests": Chatbots with Floor Drees from sektor5
Designing interactive Experience
What the UX? – Confessions of a Designer
UI / UX Design Presentation
NoVA UX Responsive Design
CHI overzicht
UX/Design Thinking Prototyping Workshop
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
The UI is the THE application #dpc19
Presentation week 11
Design Forward Alliance Business Camp: Design
An introduction to HCI
Alice Phieu - UI/UX For Developers
Managing a Multiscreen, Multicontext Customer Journey
eXtreme User eXperience (XUX) - How one team melded UX with XP
Ad

Viewers also liked (6)

PDF
Bridging the Physical-Digital Divide: Industrial Designer Edition
PDF
Resonance - When Interaction Design meets Music Tech
PDF
Retail 2020 by Dominique Bonnafoux
PDF
10 New Retail Rules
PDF
Agile Retail: Embracing the pace of change
PDF
The Physical Interface
Bridging the Physical-Digital Divide: Industrial Designer Edition
Resonance - When Interaction Design meets Music Tech
Retail 2020 by Dominique Bonnafoux
10 New Retail Rules
Agile Retail: Embracing the pace of change
The Physical Interface
Ad

Similar to Designing Out[side] the Screen (20)

PDF
Tapping User Experience Design
PDF
Interaction Design's Work
DOCX
UI UX design.docx
PPTX
What is UX v2
PPTX
BIH - What is UX?
PDF
An introduction to user experience design
PDF
Mobile first: A future friendly approach to UX design
PDF
User eXperience & Front End Development
PPTX
Ux design-fundamentals
PDF
Mobile (Android) App UI Design Crash Course (2016)
PDF
Top Three Modern Product Trends
PDF
Decoding design(ers) tinkerform
PPT
Chapter 1 id2e_slides
PDF
Stop making bland things
PDF
Design Thinking Dallas by Chris Bernard
PDF
Good-to-Great with AQUENT presentation - Koen van Niekerk
PPTX
Introduction to ui ux
PDF
The Truth About Junior UI/UX Designer Career Journey
PDF
Technology,
 visual Trends 
& References
PPT
Web User Experience (BGSU ARTD 302)
Tapping User Experience Design
Interaction Design's Work
UI UX design.docx
What is UX v2
BIH - What is UX?
An introduction to user experience design
Mobile first: A future friendly approach to UX design
User eXperience & Front End Development
Ux design-fundamentals
Mobile (Android) App UI Design Crash Course (2016)
Top Three Modern Product Trends
Decoding design(ers) tinkerform
Chapter 1 id2e_slides
Stop making bland things
Design Thinking Dallas by Chris Bernard
Good-to-Great with AQUENT presentation - Koen van Niekerk
Introduction to ui ux
The Truth About Junior UI/UX Designer Career Journey
Technology,
 visual Trends 
& References
Web User Experience (BGSU ARTD 302)

Recently uploaded (20)

PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
Special finishes, classification and types, explanation
PDF
Urban Design Final Project-Site Analysis
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
DOCX
actividad 20% informatica microsoft project
PDF
The Advantages of Working With a Design-Build Studio
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
Urban Design Final Project-Context
PPTX
joggers park landscape assignment bandra
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
12. Community Pharmacy and How to organize it
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
6- Architecture design complete (1).pptx
PPTX
building Planning Overview for step wise design.pptx
PPTX
An introduction to AI in research and reference management
PDF
SEVA- Fashion designing-Presentation.pdf
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
Entrepreneur intro, origin, process, method
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Special finishes, classification and types, explanation
Urban Design Final Project-Site Analysis
AD Bungalow Case studies Sem 2.pptxvwewev
actividad 20% informatica microsoft project
The Advantages of Working With a Design-Build Studio
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Urban Design Final Project-Context
joggers park landscape assignment bandra
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Wisp Textiles: Where Comfort Meets Everyday Style
12. Community Pharmacy and How to organize it
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
6- Architecture design complete (1).pptx
building Planning Overview for step wise design.pptx
An introduction to AI in research and reference management
SEVA- Fashion designing-Presentation.pdf
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Entrepreneur intro, origin, process, method

Designing Out[side] the Screen