SlideShare a Scribd company logo
1 of 26
Download to read offline
ENVIRONMENTS
The Future of Interaction Design
I am an interaction designer.
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
I am also a dancer.
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Choreography
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Defining a structure to foster specific types of movement
and interaction—anticipating the way that users and
information want to flow & makes affordance for change
over time.
- Dan Klyn, from his definition of Information Architecture http://vimeo.com/8866160
“
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
”
Now in the case of dance, choreography involves things like
initiation of movement, phrasing, shape, interaction with space,
and effort to convey emotion.
Both interaction design and dance utilize order, patterns,
relationships, taxonomy, and time—for the purpose
of creating meaning and engaging the audience.
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Exploring new ways to engage the audience through interactivity and active participation.
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com | Environments Laboratory OSU, 2000-2001
In 2000, as dancers we were ahead of the curve
in terms of thinking about interaction in a more tangible sense.
While as a designer working in my first internship, I was still
thinking about whether the navigation should be on the left-side
or the top-side of the webpage.
My work as a dancer felt so out there. At first, I didn’t make the
connection regarding the potential that my two worlds presented.
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Fast forward to today. None of it seems very“out there”anymore.
- Example shown,“Reactable” electronic music instrument developed within the Music Technology Group at the Universitat Pompeu Fabra
in Barcelona, Spain by Sergi Jordà, Marcos Alonso, Martin Kaltenbrunner and Günter Geiger. <www.reactable.com>
interaction10 Kendra Shimmell Copyright: 2010
codified metaphoric integrated
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
A significant transition in the very nature
of the products that are going to emerge in the future…
These new products are going to look less and less like the
repacking of the basic PC graphical user interface…
no longer mainly passive entities that we have dealt with
in the past… buildings are going to become increasingly
active and reactive
- Bill Buxton from his book “Sketching User Experiences,” 2007
“
”
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
I believe that active environments
(sensitive to movement and intent) are
going to play a more prominent role
in our future design challenges.
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Looking at active environments, what are some
of the dimensions we’ll be dealing with?
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
2D vs 3D • Acceptance • Active vs passive • Affordance • Architecture/layout
Authentication • Blob vs human • Boundaries • Cognitive load • Competitive
vs collaborative • Content orientation • Context • Culture • Discrete vs continuous
Duration • Enacting • Ergonomics • Feedback • Frame of reference • Habitual
vs triggered • Human factors • Input blindness • Intent • Interference • Latency
• Learning/adoption • Locus of control • Managing expectations • Meaning
• Mediated vs non-mediated • Mental model • Modality • Motor-skill variance • Multi-
user • Non-arbitrary movements • Nuanced movements • Open vs closed systems •
Optical flow • Orientation • Paths of motion • Physical proportions
• Physical strain • Pitch/roll/yaw • Points of view • Position • Proximity • Range
of movement • Resolution • Rules • Sequence • Shape/form • Shifting context
• Similarities vs differences • Spatial relationships • Staging • Timing • Ubiquitous vs
bound • Understanding movement • Variations in lighting…
interaction10 Kendra Shimmell Copyright: 2010
Well, there is a lot of potential good that can come
from this space. I am imagining environments
that are active, but not overactive.
Environments that are purposed to enhance
activities, conversations, collaboration, and play.
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Potential application:
Whole Body Education—bringing content
to life through physical interaction
(kinesthetic learning) and multi-sensory
exploration.
Keeping kids engaged and fostering abstract thinking
(not to mention what this can do for childhood obesity)
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Potential application:
The treatment of Autism
and Attention Deficit Disorder.
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Potential application:
Increased efficiency and safety during
medical procedures (Procedure Theater).
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
And of course…
Better games, and more engaging
performance & art!
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Where to begin?
We’ll approach this space like we have each
prior evolution of technology that our practice
has had to deal with—learning through
doing, through experience.
We’ll just dive-in, explore, make mistakes.
We’ll adapt.
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
I want to turn your attention to an
active environment that explores:
•  Human body as an interface with technology
•  Movement…predominantly shape and space
• The challenges when interacting with technology in this new way
• To define Interaction Design with respect to physical environments
• To generate dialogue
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Key aspects of exploration for this project…
2D vs 3D • Acceptance • Active vs passive • Affordance • Architecture/layout
Authentication • Blob vs human • Boundaries • Cognitive load • Competitive
vs collaborative • Content orientation • Context • Culture • Discrete vs continuous
Duration • Enacting • Ergonomics • Feedback • Frame of reference • Habitual
vs triggered • Human factors • Input blindness • Intent • Interference • Latency
• Learning/adoption • Locus of control • Managing expectations • Meaning
• Mediated vs non-mediated • Mental model • Modality • Motor-skill variance • Multi-
user • Non-arbitrary movements • Nuanced movements • Open vs closed systems •
Optical flow • Orientation • Paths of motion • Physical proportions
• Physical strain • Pitch/roll/yaw • Points of view • Position • Proximity • Range
of movement • Resolution • Rules • Sequence • Shape/form • Shifting context
• Similarities vs differences • Spatial relationships • Staging • Timing • Ubiquitous vs
bound • Understanding movement • Variations in lighting…
interaction10 Kendra Shimmell Copyright: 2010
How our system works…
>
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
My body as interface…
>
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Audience participation =)
>
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
Special thanks goes to…
•  Robert Wechsler, www.palindrome.de for our collaboration in the realm
of active environments
•  Nand Dussault of www.formerfactory.com
•  Adaptive Path www.adaptivepath.com
•  Lextant www.lextant.com
•  Lane Kuhlman for great conversations about tangible interfaces www.lanekulman.com
•  Shirley Tobias for her editorial insights
•  Suzanne El-Moursi for support at the 11th hour
•  Finally, IxDA www.ixda.org for providing the framework for this type of exploration
interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com

More Related Content

Similar to Environments the Future of Interaction Design

Avatar Based Innovation End
Avatar Based Innovation EndAvatar Based Innovation End
Avatar Based Innovation EndThomas Kohler
 
VR in education
VR in educationVR in education
VR in educationOsku Torro
 
Tiii presentation by dr. ir S.A.G. Stephan Wensveen
Tiii presentation by dr. ir S.A.G. Stephan WensveenTiii presentation by dr. ir S.A.G. Stephan Wensveen
Tiii presentation by dr. ir S.A.G. Stephan WensveenIndustrial Design Center
 
Sylvie Delacroix - Virtual Reality: immersive ways of teaching ethics
Sylvie Delacroix - Virtual Reality: immersive ways of teaching ethicsSylvie Delacroix - Virtual Reality: immersive ways of teaching ethics
Sylvie Delacroix - Virtual Reality: immersive ways of teaching ethicsHEA Law
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovationUTFPR
 
Approaches To Management
Approaches To ManagementApproaches To Management
Approaches To ManagementJessica Tanner
 
Anant National University - Interaction design - lesson 1
Anant National University - Interaction design - lesson 1Anant National University - Interaction design - lesson 1
Anant National University - Interaction design - lesson 1Ekta Rohra Jafri
 
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed EditionDesign Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed EditionWhitney Hess
 
Three frames DevOpsDays ATL
Three frames DevOpsDays ATLThree frames DevOpsDays ATL
Three frames DevOpsDays ATLJabe Bloom
 
Place and Placemaking in Human-Computer Interaction
Place and Placemaking in Human-Computer InteractionPlace and Placemaking in Human-Computer Interaction
Place and Placemaking in Human-Computer InteractionLuigina Ciolfi
 
Pbl in 3D virtual world for healthcare simulation Evelyn Mcelhinney
Pbl in 3D virtual world for healthcare simulation  Evelyn McelhinneyPbl in 3D virtual world for healthcare simulation  Evelyn Mcelhinney
Pbl in 3D virtual world for healthcare simulation Evelyn McelhinneyDr Evelyn McElhinney PhD
 
Reflections on XR & AI in Education - iLRN Opening Keynote Kent Bye
Reflections on XR & AI in Education - iLRN Opening Keynote Kent ByeReflections on XR & AI in Education - iLRN Opening Keynote Kent Bye
Reflections on XR & AI in Education - iLRN Opening Keynote Kent ByeKent Bye
 
Session ID1 Lecture 1 -What is Interaction Design
Session ID1 Lecture 1 -What is Interaction DesignSession ID1 Lecture 1 -What is Interaction Design
Session ID1 Lecture 1 -What is Interaction DesignKhalid Md Saifuddin
 

Similar to Environments the Future of Interaction Design (20)

Avatar Based Innovation End
Avatar Based Innovation EndAvatar Based Innovation End
Avatar Based Innovation End
 
VR in education
VR in educationVR in education
VR in education
 
People and prototypes
People and prototypes People and prototypes
People and prototypes
 
People and prototypes
People and prototypes People and prototypes
People and prototypes
 
People and prototypes
People and prototypes People and prototypes
People and prototypes
 
Interacetion Aesthetics
Interacetion AestheticsInteracetion Aesthetics
Interacetion Aesthetics
 
Tiii presentation by dr. ir S.A.G. Stephan Wensveen
Tiii presentation by dr. ir S.A.G. Stephan WensveenTiii presentation by dr. ir S.A.G. Stephan Wensveen
Tiii presentation by dr. ir S.A.G. Stephan Wensveen
 
Sylvie Delacroix - Virtual Reality: immersive ways of teaching ethics
Sylvie Delacroix - Virtual Reality: immersive ways of teaching ethicsSylvie Delacroix - Virtual Reality: immersive ways of teaching ethics
Sylvie Delacroix - Virtual Reality: immersive ways of teaching ethics
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovation
 
Contested Modelling
Contested ModellingContested Modelling
Contested Modelling
 
Approaches To Management
Approaches To ManagementApproaches To Management
Approaches To Management
 
Anant National University - Interaction design - lesson 1
Anant National University - Interaction design - lesson 1Anant National University - Interaction design - lesson 1
Anant National University - Interaction design - lesson 1
 
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed EditionDesign Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
 
Three frames DevOpsDays ATL
Three frames DevOpsDays ATLThree frames DevOpsDays ATL
Three frames DevOpsDays ATL
 
Place and Placemaking in Human-Computer Interaction
Place and Placemaking in Human-Computer InteractionPlace and Placemaking in Human-Computer Interaction
Place and Placemaking in Human-Computer Interaction
 
Pbl in 3D virtual world for healthcare simulation Evelyn Mcelhinney
Pbl in 3D virtual world for healthcare simulation  Evelyn McelhinneyPbl in 3D virtual world for healthcare simulation  Evelyn Mcelhinney
Pbl in 3D virtual world for healthcare simulation Evelyn Mcelhinney
 
My Design Theory
My Design TheoryMy Design Theory
My Design Theory
 
Reflections on XR & AI in Education - iLRN Opening Keynote Kent Bye
Reflections on XR & AI in Education - iLRN Opening Keynote Kent ByeReflections on XR & AI in Education - iLRN Opening Keynote Kent Bye
Reflections on XR & AI in Education - iLRN Opening Keynote Kent Bye
 
What is IA?
What is IA?What is IA?
What is IA?
 
Session ID1 Lecture 1 -What is Interaction Design
Session ID1 Lecture 1 -What is Interaction DesignSession ID1 Lecture 1 -What is Interaction Design
Session ID1 Lecture 1 -What is Interaction Design
 

Recently uploaded

8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
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
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
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
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一F dds
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证jdkhjh
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一A SSS
 

Recently uploaded (20)

8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
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...
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
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...
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
 

Environments the Future of Interaction Design

  • 1. ENVIRONMENTS The Future of Interaction Design
  • 2. I am an interaction designer. interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 3. I am also a dancer. interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 4. Choreography interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 5. Defining a structure to foster specific types of movement and interaction—anticipating the way that users and information want to flow & makes affordance for change over time. - Dan Klyn, from his definition of Information Architecture http://vimeo.com/8866160 “ interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com ”
  • 6. Now in the case of dance, choreography involves things like initiation of movement, phrasing, shape, interaction with space, and effort to convey emotion. Both interaction design and dance utilize order, patterns, relationships, taxonomy, and time—for the purpose of creating meaning and engaging the audience. interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 7. Exploring new ways to engage the audience through interactivity and active participation. interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com | Environments Laboratory OSU, 2000-2001
  • 8. In 2000, as dancers we were ahead of the curve in terms of thinking about interaction in a more tangible sense. While as a designer working in my first internship, I was still thinking about whether the navigation should be on the left-side or the top-side of the webpage. My work as a dancer felt so out there. At first, I didn’t make the connection regarding the potential that my two worlds presented. interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 9. Fast forward to today. None of it seems very“out there”anymore. - Example shown,“Reactable” electronic music instrument developed within the Music Technology Group at the Universitat Pompeu Fabra in Barcelona, Spain by Sergi Jordà, Marcos Alonso, Martin Kaltenbrunner and Günter Geiger. <www.reactable.com> interaction10 Kendra Shimmell Copyright: 2010
  • 10. codified metaphoric integrated interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 11. A significant transition in the very nature of the products that are going to emerge in the future… These new products are going to look less and less like the repacking of the basic PC graphical user interface… no longer mainly passive entities that we have dealt with in the past… buildings are going to become increasingly active and reactive - Bill Buxton from his book “Sketching User Experiences,” 2007 “ ” interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 12. I believe that active environments (sensitive to movement and intent) are going to play a more prominent role in our future design challenges. interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 13. Looking at active environments, what are some of the dimensions we’ll be dealing with? interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 14. 2D vs 3D • Acceptance • Active vs passive • Affordance • Architecture/layout Authentication • Blob vs human • Boundaries • Cognitive load • Competitive vs collaborative • Content orientation • Context • Culture • Discrete vs continuous Duration • Enacting • Ergonomics • Feedback • Frame of reference • Habitual vs triggered • Human factors • Input blindness • Intent • Interference • Latency • Learning/adoption • Locus of control • Managing expectations • Meaning • Mediated vs non-mediated • Mental model • Modality • Motor-skill variance • Multi- user • Non-arbitrary movements • Nuanced movements • Open vs closed systems • Optical flow • Orientation • Paths of motion • Physical proportions • Physical strain • Pitch/roll/yaw • Points of view • Position • Proximity • Range of movement • Resolution • Rules • Sequence • Shape/form • Shifting context • Similarities vs differences • Spatial relationships • Staging • Timing • Ubiquitous vs bound • Understanding movement • Variations in lighting… interaction10 Kendra Shimmell Copyright: 2010
  • 15. Well, there is a lot of potential good that can come from this space. I am imagining environments that are active, but not overactive. Environments that are purposed to enhance activities, conversations, collaboration, and play. interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 16. Potential application: Whole Body Education—bringing content to life through physical interaction (kinesthetic learning) and multi-sensory exploration. Keeping kids engaged and fostering abstract thinking (not to mention what this can do for childhood obesity) interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 17. Potential application: The treatment of Autism and Attention Deficit Disorder. interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 18. Potential application: Increased efficiency and safety during medical procedures (Procedure Theater). interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 19. And of course… Better games, and more engaging performance & art! interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 20. Where to begin? We’ll approach this space like we have each prior evolution of technology that our practice has had to deal with—learning through doing, through experience. We’ll just dive-in, explore, make mistakes. We’ll adapt. interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 21. I want to turn your attention to an active environment that explores: •  Human body as an interface with technology •  Movement…predominantly shape and space • The challenges when interacting with technology in this new way • To define Interaction Design with respect to physical environments • To generate dialogue interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 22. Key aspects of exploration for this project… 2D vs 3D • Acceptance • Active vs passive • Affordance • Architecture/layout Authentication • Blob vs human • Boundaries • Cognitive load • Competitive vs collaborative • Content orientation • Context • Culture • Discrete vs continuous Duration • Enacting • Ergonomics • Feedback • Frame of reference • Habitual vs triggered • Human factors • Input blindness • Intent • Interference • Latency • Learning/adoption • Locus of control • Managing expectations • Meaning • Mediated vs non-mediated • Mental model • Modality • Motor-skill variance • Multi- user • Non-arbitrary movements • Nuanced movements • Open vs closed systems • Optical flow • Orientation • Paths of motion • Physical proportions • Physical strain • Pitch/roll/yaw • Points of view • Position • Proximity • Range of movement • Resolution • Rules • Sequence • Shape/form • Shifting context • Similarities vs differences • Spatial relationships • Staging • Timing • Ubiquitous vs bound • Understanding movement • Variations in lighting… interaction10 Kendra Shimmell Copyright: 2010
  • 23. How our system works… > interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 24. My body as interface… > interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 25. Audience participation =) > interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com
  • 26. Special thanks goes to… •  Robert Wechsler, www.palindrome.de for our collaboration in the realm of active environments •  Nand Dussault of www.formerfactory.com •  Adaptive Path www.adaptivepath.com •  Lextant www.lextant.com •  Lane Kuhlman for great conversations about tangible interfaces www.lanekulman.com •  Shirley Tobias for her editorial insights •  Suzanne El-Moursi for support at the 11th hour •  Finally, IxDA www.ixda.org for providing the framework for this type of exploration interaction10 Kendra Shimmell Copyright: 2010 | illustration by www.formerfactory.com