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 Placejane74726
 
RBI paper, CHI 2008
RBI paper, CHI 2008RBI paper, CHI 2008
RBI paper, CHI 2008guest0dd2a1
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminarlabecvar
 
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 LearningNiki 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.pptxNjeruDaniel1
 
Emotinal Design
Emotinal DesignEmotinal Design
Emotinal DesignHamed Abdi
 
Designing Interactions Downloadable PDF Doc
Designing Interactions Downloadable PDF DocDesigning Interactions Downloadable PDF Doc
Designing Interactions Downloadable PDF DocConnie Malamed
 
interaction design ppt
interaction design pptinteraction design ppt
interaction design pptYurae Kim
 
Introduction To Virtual Reality
Introduction To Virtual RealityIntroduction To Virtual Reality
Introduction To Virtual RealityRashmi Bhat
 
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.pdfMenno Cramer
 
A Research Framework For Playful Persuasion
A Research Framework For Playful PersuasionA Research Framework For Playful Persuasion
A Research Framework For Playful PersuasionDeja 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 2012Sanjay Goel
 
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 2014johanna kollmann
 
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
 
Urban Hub C40 Cities input
Urban Hub C40 Cities inputUrban Hub C40 Cities input
Urban Hub C40 Cities inputPaul van Schaık
 

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

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

办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一F dds
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptDoaaRezk5
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 

Dernier (20)

办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .ppt
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 

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