The Foundations of Spatial Computing

Sjors Timmer
Sjors TimmerProduct Designer
The Foundations of
Spatial Computing
Sjors Timmer
@sjors
Now you can create documents
with words and pictures
Xerox Star 8010
1981
This is not a watered down version
of the internet
Or a mobile version of the internet
It’s just the Internet…
On your phone
iPhone
2007
It also comes with all the YouTube
features you already love
YouTube VR
2016
The ‘content’ of any medium is always another
medium.
Marshall McLuhan
The medium is the message
The ‘content’ of any new medium is the previous
best selling medium
Free after Marshall McLuhan
But it doesn’t have to be that way
Paul Sellers

How to Make a Mortise and Tenon Joint
The Foundations of Spatial Computing
What if we could work with information like a carpenter works
with wood?
The intelligent use of space
Understanding through interaction
1.
2.
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
The Foundations of Spatial Computing
Experts constantly re-arrange
items to make it easy to track the
state of the task, or to notice the
properties signaling 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 tasks and longer
lower cognitive execution tasks.
2. Understanding through

interaction
We should invent knowledge work that incorporates the body
- Bret Victor
The humane representation of thought (2014)
Embodied Interaction is the creation, manipulation, and
sharing of meaning through engaged interaction with
artefacts.
- Paul Dourish
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 moving 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 moving 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, than 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 body to interact with the world around us frees up
underused capabilities for understanding complex information
Recap
- We use space to think
- We programme our environment through artefacts
- Using our body to interact with the world around us
opens up underused capabilities to understand
complex information
- Creating and interacting with dynamic spatial
models is the most powerful way to understand
complex information
Deep Interaction at UX Brighton -
Youtube
– Karl Fast
The Humane Representation of
Thought - Vimeo
– Bret Victor
More to watch
Thank you!
Sjors Timmer
@sjors
1 de 38

Recomendados

A room for understanding por
A room for understandingA room for understanding
A room for understandingSjors Timmer
1.1K vistas52 diapositivas
A room for understanding por
A room for understandingA room for understanding
A room for understandingSjors Timmer
894 vistas47 diapositivas
Space as a material for interaction design por
Space as a material for interaction designSpace as a material for interaction design
Space as a material for interaction designSjors Timmer
2.4K vistas55 diapositivas
Space as medium for interaction design por
Space as medium for interaction designSpace as medium for interaction design
Space as medium for interaction designSjors Timmer
1.1K vistas49 diapositivas
Why We Should Brainstorm More & How To Do It Better por
Why We Should Brainstorm More & How To Do It BetterWhy We Should Brainstorm More & How To Do It Better
Why We Should Brainstorm More & How To Do It BetterAndrew Dever
3.8K vistas20 diapositivas
Dijk 2013 Embodied Cognition lecture 2 Socially Situated Practices por
Dijk 2013 Embodied Cognition lecture 2 Socially Situated PracticesDijk 2013 Embodied Cognition lecture 2 Socially Situated Practices
Dijk 2013 Embodied Cognition lecture 2 Socially Situated Practicesjelle1975
1.6K vistas20 diapositivas

Más contenido relacionado

Similar a The Foundations of Spatial Computing

Understanding Context for UX Strategy UXSTRAT 2015 por
Understanding Context for UX Strategy UXSTRAT 2015 Understanding Context for UX Strategy UXSTRAT 2015
Understanding Context for UX Strategy UXSTRAT 2015 Andrew Hinton
1.1K vistas33 diapositivas
Designing for Immersive Worlds: Enhancing Experience to Accelerate Learning por
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 LearningNiki Lambropoulos PhD
584 vistas49 diapositivas
Where The Action Is In Psychology por
Where The Action Is In PsychologyWhere The Action Is In Psychology
Where The Action Is In PsychologyJ S
1.6K vistas22 diapositivas
Designing a Future We Want to Live In - UX STRAT USA 2017 por
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
1.2K vistas35 diapositivas
Learning Experience+ within 3D Immersive Worlds por
Learning Experience+ within 3D Immersive WorldsLearning Experience+ within 3D Immersive Worlds
Learning Experience+ within 3D Immersive WorldsNiki Lambropoulos PhD
469 vistas25 diapositivas
Knowledge and Self por
Knowledge and SelfKnowledge and Self
Knowledge and SelfHolisticMeta (Self Employed, Part Time)
786 vistas18 diapositivas

Similar a The Foundations of Spatial Computing(20)

Understanding Context for UX Strategy UXSTRAT 2015 por Andrew Hinton
Understanding Context for UX Strategy UXSTRAT 2015 Understanding Context for UX Strategy UXSTRAT 2015
Understanding Context for UX Strategy UXSTRAT 2015
Andrew Hinton1.1K vistas
Designing for Immersive Worlds: Enhancing Experience to Accelerate Learning por Niki Lambropoulos PhD
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
Where The Action Is In Psychology por J S
Where The Action Is In PsychologyWhere The Action Is In Psychology
Where The Action Is In Psychology
J S1.6K vistas
Designing a Future We Want to Live In - UX STRAT USA 2017 por Andrew Hinton
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
Andrew Hinton1.2K vistas
Mobile UX Essentials por Rachel Hinman
Mobile UX EssentialsMobile UX Essentials
Mobile UX Essentials
Rachel Hinman3.2K vistas
The university in a box por fridolin.wild
The university in a boxThe university in a box
The university in a box
fridolin.wild1.2K vistas
Deep Visual Understanding from Deep Learning by Prof. Jitendra Malik por The Hive
Deep Visual Understanding from Deep Learning by Prof. Jitendra MalikDeep Visual Understanding from Deep Learning by Prof. Jitendra Malik
Deep Visual Understanding from Deep Learning by Prof. Jitendra Malik
The Hive2.4K vistas
Embodied Cognition with Pproject Intu por diannepatricia
Embodied Cognition with Pproject IntuEmbodied Cognition with Pproject Intu
Embodied Cognition with Pproject Intu
diannepatricia714 vistas
Psychology, design and computer science por Diego Mendes
Psychology, design and computer sciencePsychology, design and computer science
Psychology, design and computer science
Diego Mendes2K vistas
Tangible Interaction Design, Space, And Place por jane74726
Tangible Interaction Design, Space, And PlaceTangible Interaction Design, Space, And Place
Tangible Interaction Design, Space, And Place
jane747261.4K vistas
interaction design ppt por Yurae Kim
interaction design pptinteraction design ppt
interaction design ppt
Yurae Kim416 vistas
Complexity Thinking por Sander Schot
Complexity ThinkingComplexity Thinking
Complexity Thinking
Sander Schot2.1K vistas
Systems Thinking workshop @ Lean UX NYC 2014 por johanna kollmann
Systems Thinking workshop @ Lean UX NYC 2014Systems Thinking workshop @ Lean UX NYC 2014
Systems Thinking workshop @ Lean UX NYC 2014
johanna kollmann3.5K vistas
Undiscovered Public Knowledge and IA por Jim Kalbach
Undiscovered Public Knowledge and IAUndiscovered Public Knowledge and IA
Undiscovered Public Knowledge and IA
Jim Kalbach15K vistas
Creating products for people: how user experience is creating products that a... por Diego Mendes
Creating products for people: how user experience is creating products that a...Creating products for people: how user experience is creating products that a...
Creating products for people: how user experience is creating products that a...
Diego Mendes530 vistas
Kristiansund Kunsthalle - May 2023 - Neuroscience and Design.pdf por Menno Cramer
Kristiansund Kunsthalle - May 2023 - Neuroscience and Design.pdfKristiansund Kunsthalle - May 2023 - Neuroscience and Design.pdf
Kristiansund Kunsthalle - May 2023 - Neuroscience and Design.pdf
Menno Cramer5 vistas

Más de Sjors Timmer

Design better forms por
Design better formsDesign better forms
Design better formsSjors Timmer
13.3K vistas58 diapositivas
Design better forms – UXBristol por
Design better forms  – UXBristolDesign better forms  – UXBristol
Design better forms – UXBristolSjors Timmer
1.3K vistas53 diapositivas
Design better forms – Mobile UX London por
Design better forms – Mobile UX LondonDesign better forms – Mobile UX London
Design better forms – Mobile UX LondonSjors Timmer
6.9K vistas77 diapositivas
The pace of change por
The pace of changeThe pace of change
The pace of changeSjors Timmer
2K vistas39 diapositivas
Using Time to Your Advantage por
Using Time to Your AdvantageUsing Time to Your Advantage
Using Time to Your AdvantageSjors Timmer
1.6K vistas49 diapositivas
How Tom Cruise Ruined Interaction Design por
How Tom Cruise Ruined Interaction DesignHow Tom Cruise Ruined Interaction Design
How Tom Cruise Ruined Interaction DesignSjors Timmer
6.9K vistas25 diapositivas

Más de Sjors Timmer(13)

Design better forms por Sjors Timmer
Design better formsDesign better forms
Design better forms
Sjors Timmer13.3K vistas
Design better forms – UXBristol por Sjors Timmer
Design better forms  – UXBristolDesign better forms  – UXBristol
Design better forms – UXBristol
Sjors Timmer1.3K vistas
Design better forms – Mobile UX London por Sjors Timmer
Design better forms – Mobile UX LondonDesign better forms – Mobile UX London
Design better forms – Mobile UX London
Sjors Timmer6.9K vistas
Using Time to Your Advantage por Sjors Timmer
Using Time to Your AdvantageUsing Time to Your Advantage
Using Time to Your Advantage
Sjors Timmer1.6K vistas
How Tom Cruise Ruined Interaction Design por Sjors Timmer
How Tom Cruise Ruined Interaction DesignHow Tom Cruise Ruined Interaction Design
How Tom Cruise Ruined Interaction Design
Sjors Timmer6.9K vistas
Exploring eternal questions through interaction design por Sjors Timmer
Exploring eternal questions through interaction designExploring eternal questions through interaction design
Exploring eternal questions through interaction design
Sjors Timmer6.9K vistas
Rem Koolhaas –designing the design process por Sjors Timmer
Rem Koolhaas –designing the design processRem Koolhaas –designing the design process
Rem Koolhaas –designing the design process
Sjors Timmer59.9K vistas
Design and complexity por Sjors Timmer
Design and complexityDesign and complexity
Design and complexity
Sjors Timmer3.8K vistas
15 startup tools to help you designing your startup por Sjors Timmer
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
Sjors Timmer6.2K vistas
Social Networks Sjors Timmer por Sjors Timmer
Social Networks Sjors TimmerSocial Networks Sjors Timmer
Social Networks Sjors Timmer
Sjors Timmer1.1K vistas
Design For Learning por Sjors Timmer
Design For LearningDesign For Learning
Design For Learning
Sjors Timmer1.1K vistas

Último

Free World aids day Template from Best presentation design agency por
Free World aids day Template from Best presentation design agencyFree World aids day Template from Best presentation design agency
Free World aids day Template from Best presentation design agencyslideceotemplates
5 vistas10 diapositivas
Scopic UX Design Test Task.pdf por
Scopic UX Design Test Task.pdfScopic UX Design Test Task.pdf
Scopic UX Design Test Task.pdfAtiqur Rahaman
283 vistas36 diapositivas
Benzodiazepines--Medicinal Chemistry por
Benzodiazepines--Medicinal ChemistryBenzodiazepines--Medicinal Chemistry
Benzodiazepines--Medicinal ChemistryNarminHamaaminHussen
6 vistas32 diapositivas
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf por
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdfIEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdfNirmalanGanapathy1
8 vistas36 diapositivas
Figma Prototype A to Z.pdf por
Figma Prototype A to Z.pdfFigma Prototype A to Z.pdf
Figma Prototype A to Z.pdfAtiqur Rahaman
16 vistas30 diapositivas
Design System.pdf por
Design System.pdfDesign System.pdf
Design System.pdfAtiqur Rahaman
16 vistas20 diapositivas

Último(20)

Free World aids day Template from Best presentation design agency por slideceotemplates
Free World aids day Template from Best presentation design agencyFree World aids day Template from Best presentation design agency
Free World aids day Template from Best presentation design agency
Scopic UX Design Test Task.pdf por Atiqur Rahaman
Scopic UX Design Test Task.pdfScopic UX Design Test Task.pdf
Scopic UX Design Test Task.pdf
Atiqur Rahaman283 vistas
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf por NirmalanGanapathy1
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdfIEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
IEC 600068-2-39 ENVIROMENT TESTING COMBINED TEMPERATURE LOW HUMIDTY.pdf
My Creative Resume DIAPOS.pptx por BrayanQuispe23
My Creative Resume DIAPOS.pptxMy Creative Resume DIAPOS.pptx
My Creative Resume DIAPOS.pptx
BrayanQuispe2315 vistas
Oregon Ducks 4 Spencer Webb Hoodie por brandshop1
Oregon Ducks 4 Spencer Webb HoodieOregon Ducks 4 Spencer Webb Hoodie
Oregon Ducks 4 Spencer Webb Hoodie
brandshop112 vistas
StratPlanning Manual 220713.pdf por Lakewalk Media
StratPlanning Manual 220713.pdfStratPlanning Manual 220713.pdf
StratPlanning Manual 220713.pdf
Lakewalk Media15 vistas
Big Deal Curmel Moton Shirt por brandshop1
Big Deal Curmel Moton ShirtBig Deal Curmel Moton Shirt
Big Deal Curmel Moton Shirt
brandshop18 vistas
Design System in Figma A to Z.pdf por Atiqur Rahaman
Design System in Figma A to Z.pdfDesign System in Figma A to Z.pdf
Design System in Figma A to Z.pdf
Atiqur Rahaman18 vistas
Sudden Deafness Design Document por wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman38 vistas
evidence .pptx por npgkddpbpd
evidence .pptxevidence .pptx
evidence .pptx
npgkddpbpd10 vistas

The Foundations of Spatial Computing

  • 1. The Foundations of Spatial Computing Sjors Timmer @sjors
  • 2. Now you can create documents with words and pictures Xerox Star 8010 1981
  • 3. This is not a watered down version of the internet Or a mobile version of the internet It’s just the Internet… On your phone iPhone 2007
  • 4. It also comes with all the YouTube features you already love YouTube VR 2016
  • 5. The ‘content’ of any medium is always another medium. Marshall McLuhan The medium is the message
  • 6. The ‘content’ of any new medium is the previous best selling medium Free after Marshall McLuhan
  • 7. But it doesn’t have to be that way
  • 8. Paul Sellers
 How to Make a Mortise and Tenon Joint
  • 10. What if we could work with information like a carpenter works with wood?
  • 11. The intelligent use of space Understanding through interaction 1. 2.
  • 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
  • 16. Novel ways of seeing
  • 18. Experts constantly re-arrange items to make it easy to track the state of the task, or to notice the properties signaling 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 tasks and longer lower cognitive execution tasks.
  • 24. We should invent knowledge work that incorporates the body - Bret Victor The humane representation of thought (2014)
  • 25. Embodied Interaction is the creation, manipulation, and sharing of meaning through engaged interaction with artefacts. - Paul Dourish
  • 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 moving 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 moving 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, than 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 body to interact with the world around us frees up underused capabilities for understanding complex information
  • 36. Recap - We use space to think - We programme our environment through artefacts - Using our body to interact with the world around us opens up underused capabilities to understand complex information - Creating and interacting with dynamic spatial models is the most powerful way to understand complex information
  • 37. Deep Interaction at UX Brighton - Youtube – Karl Fast The Humane Representation of Thought - Vimeo – Bret Victor More to watch