SlideShare a Scribd company logo
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

More Related Content

Similar to 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 Placejane74726
 
RBI paper, CHI 2008
RBI paper, CHI 2008RBI paper, CHI 2008
RBI paper, CHI 2008
guest0dd2a1
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminar
labecvar
 
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
 
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
Niki Lambropoulos PhD
 
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
 
Posture Patch
Posture PatchPosture Patch
Posture Patch
Chaitrali Bhide
 
Emotinal Design
Emotinal DesignEmotinal Design
Emotinal Design
Hamed Abdi
 
Designing Interactions Downloadable PDF Doc
Designing Interactions Downloadable PDF DocDesigning Interactions Downloadable PDF Doc
Designing Interactions Downloadable PDF Doc
Connie Malamed
 
interaction design ppt
interaction design pptinteraction design ppt
interaction design ppt
Yurae Kim
 
Module 1 VR.pdf
Module 1 VR.pdfModule 1 VR.pdf
Module 1 VR.pdf
Rashmi Bhat
 
Introduction To Virtual Reality
Introduction To Virtual RealityIntroduction To Virtual Reality
Introduction To Virtual Reality
Rashmi Bhat
 
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'
Camera Culture Group, MIT Media Lab
 
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
Menno Cramer
 
A Research Framework For Playful Persuasion
A Research Framework For Playful PersuasionA Research Framework For Playful Persuasion
A Research Framework For Playful Persuasion
Deja Lewis
 
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
Sanjay Goel
 
UNIT_IVHuman Factors and Background of Immersive Design.pptx
UNIT_IVHuman Factors and Background of Immersive Design.pptxUNIT_IVHuman Factors and Background of Immersive Design.pptx
UNIT_IVHuman Factors and Background of Immersive Design.pptx
GOWSIKRAJA PALANISAMY
 
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
johanna kollmann
 
Designing the Internet of Things
Designing the Internet of ThingsDesigning the Internet of Things
Designing the Internet of Things
Massimiliano Dibitonto
 
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...
Simone Favarin
 

Similar to 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
 
UNIT_IVHuman Factors and Background of Immersive Design.pptx
UNIT_IVHuman Factors and Background of Immersive Design.pptxUNIT_IVHuman Factors and Background of Immersive Design.pptx
UNIT_IVHuman Factors and Background of Immersive Design.pptx
 
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...
 

More from Sjors Timmer

Design better forms
Design better formsDesign better forms
Design better forms
Sjors Timmer
 
Design better forms – UXBristol
Design better forms  – UXBristolDesign better forms  – UXBristol
Design better forms – UXBristol
Sjors Timmer
 
Design better forms – Mobile UX London
Design better forms – Mobile UX LondonDesign better forms – Mobile UX London
Design better forms – Mobile UX London
Sjors Timmer
 
The pace of change
The pace of changeThe pace of change
The pace of change
Sjors Timmer
 
Using Time to Your Advantage
Using Time to Your AdvantageUsing Time to Your Advantage
Using Time to Your Advantage
Sjors Timmer
 
How Tom Cruise Ruined Interaction Design
How Tom Cruise Ruined Interaction DesignHow Tom Cruise Ruined Interaction Design
How Tom Cruise Ruined Interaction Design
Sjors Timmer
 
Exploring eternal questions through interaction design
Exploring eternal questions through interaction designExploring eternal questions through interaction design
Exploring eternal questions through interaction design
Sjors Timmer
 
Rem Koolhaas –designing the design process
Rem Koolhaas –designing the design processRem Koolhaas –designing the design process
Rem Koolhaas –designing the design process
Sjors Timmer
 
Design and complexity
Design and complexityDesign and complexity
Design and complexity
Sjors Timmer
 
Future framing
Future framingFuture framing
Future framing
Sjors Timmer
 
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
Sjors Timmer
 
Social Networks Sjors Timmer
Social Networks Sjors TimmerSocial Networks Sjors Timmer
Social Networks Sjors Timmer
Sjors Timmer
 
Design For Learning
Design For LearningDesign For Learning
Design For Learning
Sjors Timmer
 

More from 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
 

Recently uploaded

Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
lorraineandreiamcidl
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 

Recently uploaded (20)

Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 

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