A room for understanding

Sjors Timmer
Sjors TimmerProduct Designer
A workshop for
understanding
Sjors Timmer
@sjors
The foundations of spatial
interaction design
A room for understanding
A room for understanding
A screen is the answer.
What was the question?
—Free after Cedric Price
A room for understanding
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
A room for understanding
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
A room for understanding
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
A room for understanding
A room for understanding
A room for understanding
Magic lensesBricks - (Bill Buxton)
Model makers
Dynamic spatial models makers
A room for understanding
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
1 de 47

Más contenido relacionado

Similar a A room for understanding(20)

RBI paper, CHI 2008RBI paper, CHI 2008
RBI paper, CHI 2008
guest0dd2a1511 vistas
Posture PatchPosture Patch
Posture Patch
Chaitrali Bhide795 vistas
Emotinal DesignEmotinal Design
Emotinal Design
Hamed Abdi242 vistas
interaction design pptinteraction design ppt
interaction design ppt
Yurae Kim416 vistas
Module 1 VR.pdfModule 1 VR.pdf
Module 1 VR.pdf
Rashmi Bhat86 vistas
Introduction To Virtual RealityIntroduction To Virtual Reality
Introduction To Virtual Reality
Rashmi Bhat54 vistas
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'
Camera Culture Group, MIT Media Lab3.5K vistas
Systems Thinking workshop @ Lean UX NYC 2014Systems Thinking workshop @ Lean UX NYC 2014
Systems Thinking workshop @ Lean UX NYC 2014
johanna kollmann3.5K vistas
Designing the Internet of ThingsDesigning the Internet of Things
Designing the Internet of Things
Massimiliano Dibitonto7.3K vistas
Urban Hub C40 Cities inputUrban Hub C40 Cities input
Urban Hub C40 Cities input
Paul van Schaık161 vistas
Learning Experience+ within 3D Immersive WorldsLearning Experience+ within 3D Immersive Worlds
Learning Experience+ within 3D Immersive Worlds
Niki Lambropoulos PhD469 vistas

Más de Sjors Timmer

Design better formsDesign better forms
Design better formsSjors Timmer
13.3K vistas58 diapositivas
The pace of changeThe pace of change
The pace of changeSjors Timmer
2K vistas39 diapositivas
Using Time to Your AdvantageUsing Time to Your Advantage
Using Time to Your AdvantageSjors Timmer
1.6K vistas49 diapositivas

Más de Sjors Timmer(13)

Design better formsDesign better forms
Design better forms
Sjors Timmer13.3K vistas
Design better forms  – UXBristolDesign better forms  – UXBristol
Design better forms – UXBristol
Sjors Timmer1.3K vistas
The pace of changeThe pace of change
The pace of change
Sjors Timmer2K vistas
Using Time to Your AdvantageUsing Time to Your Advantage
Using Time to Your Advantage
Sjors Timmer1.6K vistas
Design and complexityDesign and complexity
Design and complexity
Sjors Timmer3.8K vistas
Future framingFuture framing
Future framing
Sjors Timmer904 vistas
Social Networks Sjors TimmerSocial Networks Sjors Timmer
Social Networks Sjors Timmer
Sjors Timmer1.1K vistas
Design For LearningDesign For Learning
Design For Learning
Sjors Timmer1.1K vistas

Último(20)

SS25 Fashion Key Items trend bookSS25 Fashion Key Items trend book
SS25 Fashion Key Items trend book
Peclers Paris60 vistas
TISFLEET WEB DESIGN PROJECTTISFLEET WEB DESIGN PROJECT
TISFLEET WEB DESIGN PROJECT
Rabius Sany37 vistas
polarispolaris
polaris
scribddarkened352188 vistas
FMP E1 pitch packFMP E1 pitch pack
FMP E1 pitch pack
MonnaS241 vistas
Benzodiazepines--Medicinal ChemistryBenzodiazepines--Medicinal Chemistry
Benzodiazepines--Medicinal Chemistry
NarminHamaaminHussen6 vistas
UX Camp Nov 2023_upload.pptxUX Camp Nov 2023_upload.pptx
UX Camp Nov 2023_upload.pptx
Amir Ansari46 vistas
Anti -Parkinsonian Drugs-Medicinal ChemistryAnti -Parkinsonian Drugs-Medicinal Chemistry
Anti -Parkinsonian Drugs-Medicinal Chemistry
NarminHamaaminHussen7 vistas
3 Dark Design Templates3 Dark Design Templates
3 Dark Design Templates
Pixeldarts12 vistas
Nomor Meja RUANG-4.docNomor Meja RUANG-4.doc
Nomor Meja RUANG-4.doc
ssuserc40b916 vistas
Task 3.pptxTask 3.pptx
Task 3.pptx
ZaraCooper216 vistas
My Creative Resume DIAPOS.pptxMy Creative Resume DIAPOS.pptx
My Creative Resume DIAPOS.pptx
BrayanQuispe237 vistas
Presentation (1).pdfPresentation (1).pdf
Presentation (1).pdf
hjksa15 vistas
Figma Prototype A to Z.pdfFigma Prototype A to Z.pdf
Figma Prototype A to Z.pdf
Atiqur Rahaman14 vistas
Here_Process bookHere_Process book
Here_Process book
nykimstudio15 vistas
The dedicated christmas cookbookThe dedicated christmas cookbook
The dedicated christmas cookbook
petrusmorebane18 vistas
Design System in Figma A to Z.pdfDesign System in Figma A to Z.pdf
Design System in Figma A to Z.pdf
Atiqur Rahaman13 vistas
Doing Footwear - Footwear FactoryDoing Footwear - Footwear Factory
Doing Footwear - Footwear Factory
Doing Footwear6 vistas
Task 3 copy.pptxTask 3 copy.pptx
Task 3 copy.pptx
ZaraCooper215 vistas

A room for understanding

  • 1. A workshop for understanding Sjors Timmer @sjors The foundations of spatial interaction design
  • 4. A screen is the answer. What was the question? —Free after Cedric Price
  • 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
  • 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
  • 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
  • 40. Magic lensesBricks - (Bill Buxton)
  • 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