when the web re-enters the material world
TRANSCRIPT
![Page 1: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/1.jpg)
When the Web Re-Enters the Material WorldMixed reality metaphors and frameworks
![Page 2: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/2.jpg)
@adellelin
![Page 4: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/4.jpg)
IntroductionIntel Image 2
@adellelin
![Page 5: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/5.jpg)
@adellelin
![Page 7: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/7.jpg)
![Page 8: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/8.jpg)
![Page 9: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/9.jpg)
@adellelin
![Page 10: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/10.jpg)
@adellelin
![Page 11: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/11.jpg)
@adellelin
![Page 12: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/12.jpg)
RealEnvironment
Augmented Reality (AR)
Augmented Virtuality (AV)
Virtual Environment
Mixed Reality (MR)
@adellelin
![Page 13: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/13.jpg)
AR TOOLS
@adellelin
![Page 14: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/14.jpg)
HARDWARETOOLS/
PLATFORMMARKETPLACES
@adellelin
![Page 15: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/15.jpg)
Liisa
@adellelin
![Page 17: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/17.jpg)
How do YOU experience the web?
@adellelin
![Page 18: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/18.jpg)
How do we Experience the web?
@adellelin
![Page 19: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/19.jpg)
@adellelin
MooR: Developing a Web Concept for Mixed Reality
![Page 20: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/20.jpg)
![Page 21: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/21.jpg)
What is the Navigation Bar?
@adellelin
![Page 22: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/22.jpg)
FEATURES:
Artist menu using object recognitionArtist desk = hub for informationExhibit of worksPhysical movement around spaceVoice prompts
@adellelin
![Page 23: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/23.jpg)
@adellelin
![Page 24: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/24.jpg)
Metaphors / Skeuomorphic DESIGN
@adellelin
![Page 25: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/25.jpg)
An Icon:Needs to be “systematically related to what it represents”
@adellelin
![Page 26: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/26.jpg)
+delete rm -r
The trashcan
@adellelin
![Page 27: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/27.jpg)
As long as our relational brain gets it
@adellelin
+delete rm -r
![Page 28: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/28.jpg)
Angular scale of screens
![Page 29: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/29.jpg)
Screens in VR
@adellelin
![Page 30: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/30.jpg)
Typing
@adellelin
![Page 31: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/31.jpg)
Metaphors to consider:
Reading screensMoving thingsOpening thingsMoving in spaceBack, saving, deletingCommunication w/ people and thingsInputs from and to the real world
@adellelin
![Page 32: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/32.jpg)
Information Journey1. Recognize need2. Acquire 3. Interpret and validate 4. Use
@adellelin
![Page 33: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/33.jpg)
Acquiring Information:GoogleSmart AgentAlgorithmic RecommendationCrowd - sourcedSocial MediaLocation BasedSurfing
@adellelin
![Page 34: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/34.jpg)
Foraging
@adellelin
![Page 35: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/35.jpg)
“Double experts teleport”
@adellelin
![Page 36: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/36.jpg)
![Page 37: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/37.jpg)
Sensemaking:
SearchExtractEncodeAnalyze
@adellelin
![Page 38: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/38.jpg)
Three “Sensory Modalities” relevant to learning:
1. Verbal2. Visual3. Kinesthetic
@adellelin
![Page 39: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/39.jpg)
Work it Work it Work it Work it Work it Work it Work it Work it Work it Work it Work it
@adellelin
![Page 40: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/40.jpg)
@adellelin
Using Information:
![Page 41: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/41.jpg)
Let’s Bookmark
@adellelin
![Page 42: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/42.jpg)
Open Tabs / Open Tabs / Open Tabs
![Page 43: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/43.jpg)
@adellelin
![Page 44: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/44.jpg)
Picture of space
Things could get messy...
@adellelin
![Page 45: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/45.jpg)
What form should data take?
@adellelin
![Page 46: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/46.jpg)
@adellelin
Shoebox, Evidence file, Schema
![Page 47: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/47.jpg)
@adellelin
![Page 48: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/48.jpg)
@adellelin
![Page 49: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/49.jpg)
@adellelin
![Page 50: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/50.jpg)
Draw from Metaphors that work for your application
@adellelin
![Page 51: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/51.jpg)
Mixed Reality Design Assessment Tool
@adellelin
![Page 52: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/52.jpg)
Amorphous system + Familiar environment + General context → User Experience can be more interpretive
Structured system + Foreign environment + Specific context → User Experience might require more directiveness
@adellelin
![Page 53: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/53.jpg)
Relational Context
@adellelin
![Page 54: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/54.jpg)
Context towards specificUsers required expertise in evaluating artWould be marketedIs a minimum space requirement
@adellelin
![Page 55: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/55.jpg)
System / Interactions
@adellelin
![Page 56: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/56.jpg)
Many invitations to interactMultimodal interactionSoft rules for explorationNon-linear approach to site
@adellelin
![Page 57: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/57.jpg)
Environment Design
@adellelin
![Page 58: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/58.jpg)
Artist studio as a generally recognizable spaceUsing foreign concept of desk as navigation barUsing lighting to indicate activation
@adellelin
![Page 59: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/59.jpg)
@adellelin
![Page 60: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/60.jpg)
Structured system + Foreign environment + Specific context → User Experience needs to be more directive
Making an Assessment
@adellelin
![Page 61: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/61.jpg)
User Experience
@adellelin
![Page 62: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/62.jpg)
Keep objects just below eye heightMore text explanationLobby explains main featuresIconography simulating real life
@adellelin
![Page 63: When the Web Re-Enters the Material World](https://reader031.vdocuments.us/reader031/viewer/2022021922/5a64e91a7f8b9aa2548b4641/html5/thumbnails/63.jpg)
Rick and Morty combiner
@adellelin