SlideShare une entreprise Scribd logo
1  sur  47
Télécharger pour lire hors ligne
A workshop for
understanding
Sjors Timmer
@sjors
The foundations of spatial
interaction design
A screen is the answer.
What was the question?
—Free after Cedric Price
Embodied understanding
and manipulation
One form of abstract
understanding and
indirect manipulation
Augmented reality could provide the technology to
bring back our whole body into digital design
Paul Sellers
How might we ‘invent knowledge work
that incorporates the body’?
—Bret Victor
The humane representation of thought (2014)
The intelligent use of space
Understanding through interaction
A workshop for understanding
1.
2.
3.
1. The intelligent use of space
The intelligent use of space
How we manage the spatial arrangement of
items around us, is not an afterthought; it is an
integral part of the way we think, plan and
behave.
- David Kirsh
Extend memory
Sense making
Novel ways of
seeing
Experts constantly re-arrange
items to make it easy to track the
state of the task, or to notice the
properties signalling what to do
next.
—David Kirsh
Simplify choice
Once a context of action has
been triggered, the local
affordances make clear what can
and must be done, and prevent
us from considering irrelevant
alternatives.
—David Kirsh
Simplify what’s next
If I can arrange items to display
the sequence they are are to be
used in, then I don’t have to
remember that order.
—David Kirsh
Simplify how next
The environment also indicates
how I should do my next action
Experts create little assembly lines of tasks, switching
between short bursts of high cognitive preparation and
longer lower cognitive execution tasks.
2. Understanding through

interaction
Where the action is — the foundations of
embodied interaction design
Embodied Interaction is the creation,
manipulation, and sharing of meaning through
engaged interaction with artefacts.
- Paul Dourish
We make sense of the world through interacting with it
1. Observable and reportable
Interaction with the system should
reveal the purposes for which it was
designed and how it is intended to
be used
2. Representations should relate to
the world
The relation between what can be
seen and what is represented should
make sense within the user’s world
experience
3. Physical representation
Being physical humans in a physical
world has endowed us with a rich set
of skills. We should build upon those
4. Direct manipulation
• Interaction through physical
movements
• Allow for rapid and reversible
actions that provide immediate
visible feedback
5. From space to place
Turn space into a place by
transforming it from ‘just’ physical to
a social environment
5. From space to place
Turn space into a place by
transforming it from ‘just’ physical to
a social environment
• How you move your body
changes how you experience the
computing system
5. From space to place
Turn space into a place by
transforming it from ‘just’ physical to
a social environment
• How you move your body
changes how you experience the
computing system
• The computational system can be
adapted through changes in your
physical environment
6. Design for collaboration
When the system is centred around
manipulating artefacts, then all users
can see the results of an action
because they all see the same
artefact
7. Design for model making
We should design for the dynamic
spatial representation of thought
- Bret Victor
The humane representation of thought
(2014)
Illustration by David Hellman
Using our whole body to interact with the
world around us activates underused
capabilities for understanding
3. A workshop for understanding
Magic lensesBricks - (Bill Buxton)
Model makers
Dynamic spatial models makers
Discovery Sense making Mapping Prototyping Testing
Recap
- We use space to think
- We use the environment to lower the demands on our
short and long term memory
- We should use our body to interact with the world
around us to open up underused capabilities to
understand complex systems
- Creating and interacting with dynamic spatial models
is the most powerful way to understand complex
systems
Deep Interaction at UX Brighton -
Youtube
– Karl Fast
The Humane Representation of
Thought - Vimeo
– Bret Victor
More to watch
Thank you!
Sjors Timmer
@sjors

Contenu connexe

Similaire à A room for understanding

Tangible Interaction Design, Space, And Place
Tangible Interaction Design, Space, And PlaceTangible Interaction Design, Space, And Place
Tangible Interaction Design, Space, And Place
jane74726
 
Architecture for Intelligent Agents Logic-Based Architecture Logic-based arc...
Architecture for Intelligent Agents Logic-Based Architecture  Logic-based arc...Architecture for Intelligent Agents Logic-Based Architecture  Logic-based arc...
Architecture for Intelligent Agents Logic-Based Architecture Logic-based arc...
kathavera906
 
Chapter 3 - HCI Human Factors Cognition Perception.pptx
Chapter 3 - HCI Human Factors Cognition  Perception.pptxChapter 3 - HCI Human Factors Cognition  Perception.pptx
Chapter 3 - HCI Human Factors Cognition Perception.pptx
NjeruDaniel1
 

Similaire à A room for understanding (20)

Tangible Interaction Design, Space, And Place
Tangible Interaction Design, Space, And PlaceTangible Interaction Design, Space, And Place
Tangible Interaction Design, Space, And Place
 
RBI paper, CHI 2008
RBI paper, CHI 2008RBI paper, CHI 2008
RBI paper, CHI 2008
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminar
 
Architecture for Intelligent Agents Logic-Based Architecture Logic-based arc...
Architecture for Intelligent Agents Logic-Based Architecture  Logic-based arc...Architecture for Intelligent Agents Logic-Based Architecture  Logic-based arc...
Architecture for Intelligent Agents Logic-Based Architecture Logic-based arc...
 
Designing for Immersive Worlds: Enhancing Experience to Accelerate Learning
Designing for Immersive Worlds: Enhancing Experience to Accelerate LearningDesigning for Immersive Worlds: Enhancing Experience to Accelerate Learning
Designing for Immersive Worlds: Enhancing Experience to Accelerate Learning
 
Chapter 3 - HCI Human Factors Cognition Perception.pptx
Chapter 3 - HCI Human Factors Cognition  Perception.pptxChapter 3 - HCI Human Factors Cognition  Perception.pptx
Chapter 3 - HCI Human Factors Cognition Perception.pptx
 
Posture Patch
Posture PatchPosture Patch
Posture Patch
 
Emotinal Design
Emotinal DesignEmotinal Design
Emotinal Design
 
Designing Interactions Downloadable PDF Doc
Designing Interactions Downloadable PDF DocDesigning Interactions Downloadable PDF Doc
Designing Interactions Downloadable PDF Doc
 
interaction design ppt
interaction design pptinteraction design ppt
interaction design ppt
 
Module 1 VR.pdf
Module 1 VR.pdfModule 1 VR.pdf
Module 1 VR.pdf
 
Introduction To Virtual Reality
Introduction To Virtual RealityIntroduction To Virtual Reality
Introduction To Virtual Reality
 
What is Media in MIT Media Lab, Why 'Camera Culture'
What is Media in MIT Media Lab, Why 'Camera Culture'What is Media in MIT Media Lab, Why 'Camera Culture'
What is Media in MIT Media Lab, Why 'Camera Culture'
 
Kristiansund Kunsthalle - May 2023 - Neuroscience and Design.pdf
Kristiansund Kunsthalle - May 2023 - Neuroscience and Design.pdfKristiansund Kunsthalle - May 2023 - Neuroscience and Design.pdf
Kristiansund Kunsthalle - May 2023 - Neuroscience and Design.pdf
 
A Research Framework For Playful Persuasion
A Research Framework For Playful PersuasionA Research Framework For Playful Persuasion
A Research Framework For Playful Persuasion
 
HCI lecture notes by Sanjay Goel, JIIT 2012
HCI lecture notes by Sanjay Goel, JIIT 2012HCI lecture notes by Sanjay Goel, JIIT 2012
HCI lecture notes by Sanjay Goel, JIIT 2012
 
Systems Thinking workshop @ Lean UX NYC 2014
Systems Thinking workshop @ Lean UX NYC 2014Systems Thinking workshop @ Lean UX NYC 2014
Systems Thinking workshop @ Lean UX NYC 2014
 
Designing the Internet of Things
Designing the Internet of ThingsDesigning the Internet of Things
Designing the Internet of Things
 
Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...
Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...
Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...
 
Urban Hub C40 Cities input
Urban Hub C40 Cities inputUrban Hub C40 Cities input
Urban Hub C40 Cities input
 

Plus de Sjors Timmer

Plus de Sjors Timmer (13)

Design better forms
Design better formsDesign better forms
Design better forms
 
Design better forms – UXBristol
Design better forms  – UXBristolDesign better forms  – UXBristol
Design better forms – UXBristol
 
Design better forms – Mobile UX London
Design better forms – Mobile UX LondonDesign better forms – Mobile UX London
Design better forms – Mobile UX London
 
The pace of change
The pace of changeThe pace of change
The pace of change
 
Using Time to Your Advantage
Using Time to Your AdvantageUsing Time to Your Advantage
Using Time to Your Advantage
 
How Tom Cruise Ruined Interaction Design
How Tom Cruise Ruined Interaction DesignHow Tom Cruise Ruined Interaction Design
How Tom Cruise Ruined Interaction Design
 
Exploring eternal questions through interaction design
Exploring eternal questions through interaction designExploring eternal questions through interaction design
Exploring eternal questions through interaction design
 
Rem Koolhaas –designing the design process
Rem Koolhaas –designing the design processRem Koolhaas –designing the design process
Rem Koolhaas –designing the design process
 
Design and complexity
Design and complexityDesign and complexity
Design and complexity
 
Future framing
Future framingFuture framing
Future framing
 
15 startup tools to help you designing your startup
15 startup tools to help you designing your startup15 startup tools to help you designing your startup
15 startup tools to help you designing your startup
 
Social Networks Sjors Timmer
Social Networks Sjors TimmerSocial Networks Sjors Timmer
Social Networks Sjors Timmer
 
Design For Learning
Design For LearningDesign For Learning
Design For Learning
 

Dernier

VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
shivubhavv
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
jeswinjees
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
suhanimunjal27
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 

Dernier (20)

Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 

A room for understanding

  • 1. A workshop for understanding Sjors Timmer @sjors The foundations of spatial interaction design
  • 2.
  • 3.
  • 4. A screen is the answer. What was the question? —Free after Cedric Price
  • 5.
  • 6. Embodied understanding and manipulation One form of abstract understanding and indirect manipulation
  • 7. Augmented reality could provide the technology to bring back our whole body into digital design
  • 8.
  • 10. How might we ‘invent knowledge work that incorporates the body’? —Bret Victor The humane representation of thought (2014)
  • 11. The intelligent use of space Understanding through interaction A workshop for understanding 1. 2. 3.
  • 12. 1. The intelligent use of space
  • 13. The intelligent use of space How we manage the spatial arrangement of items around us, is not an afterthought; it is an integral part of the way we think, plan and behave. - David Kirsh
  • 17.
  • 18. Experts constantly re-arrange items to make it easy to track the state of the task, or to notice the properties signalling what to do next. —David Kirsh
  • 19. Simplify choice Once a context of action has been triggered, the local affordances make clear what can and must be done, and prevent us from considering irrelevant alternatives. —David Kirsh
  • 20. Simplify what’s next If I can arrange items to display the sequence they are are to be used in, then I don’t have to remember that order. —David Kirsh
  • 21. Simplify how next The environment also indicates how I should do my next action
  • 22. Experts create little assembly lines of tasks, switching between short bursts of high cognitive preparation and longer lower cognitive execution tasks.
  • 24. Where the action is — the foundations of embodied interaction design Embodied Interaction is the creation, manipulation, and sharing of meaning through engaged interaction with artefacts. - Paul Dourish
  • 25. We make sense of the world through interacting with it
  • 26. 1. Observable and reportable Interaction with the system should reveal the purposes for which it was designed and how it is intended to be used
  • 27. 2. Representations should relate to the world The relation between what can be seen and what is represented should make sense within the user’s world experience
  • 28. 3. Physical representation Being physical humans in a physical world has endowed us with a rich set of skills. We should build upon those
  • 29. 4. Direct manipulation • Interaction through physical movements • Allow for rapid and reversible actions that provide immediate visible feedback
  • 30. 5. From space to place Turn space into a place by transforming it from ‘just’ physical to a social environment
  • 31. 5. From space to place Turn space into a place by transforming it from ‘just’ physical to a social environment • How you move your body changes how you experience the computing system
  • 32. 5. From space to place Turn space into a place by transforming it from ‘just’ physical to a social environment • How you move your body changes how you experience the computing system • The computational system can be adapted through changes in your physical environment
  • 33. 6. Design for collaboration When the system is centred around manipulating artefacts, then all users can see the results of an action because they all see the same artefact
  • 34. 7. Design for model making We should design for the dynamic spatial representation of thought - Bret Victor The humane representation of thought (2014) Illustration by David Hellman
  • 35. Using our whole body to interact with the world around us activates underused capabilities for understanding
  • 36. 3. A workshop for understanding
  • 37.
  • 38.
  • 39.
  • 40. Magic lensesBricks - (Bill Buxton)
  • 43.
  • 44. Discovery Sense making Mapping Prototyping Testing
  • 45. Recap - We use space to think - We use the environment to lower the demands on our short and long term memory - We should use our body to interact with the world around us to open up underused capabilities to understand complex systems - Creating and interacting with dynamic spatial models is the most powerful way to understand complex systems
  • 46. Deep Interaction at UX Brighton - Youtube – Karl Fast The Humane Representation of Thought - Vimeo – Bret Victor More to watch