When the Web Re-Enters the Material World

When the Web Re-Enters the Material WorldMixed reality metaphors and frameworks

@adellelin

ADELLE LIN

@adellelinadelle.lin@gmail.com

IntroductionIntel Image 2

@adellelin

@adellelin

KevR

@adellelin

@adellelin

@adellelin

@adellelin

RealEnvironment

Augmented Reality (AR)

Augmented Virtuality (AV)

Virtual Environment

Mixed Reality (MR)

@adellelin

AR TOOLS

@adellelin

HARDWARETOOLS/

PLATFORMMARKETPLACES

@adellelin

Liisa

@adellelin

@adellelin

How do YOU experience the web?

@adellelin

How do we Experience the web?

@adellelin

@adellelin

MooR: Developing a Web Concept for Mixed Reality

What is the Navigation Bar?

@adellelin

FEATURES:

Artist menu using object recognitionArtist desk = hub for informationExhibit of worksPhysical movement around spaceVoice prompts

@adellelin

@adellelin

Metaphors / Skeuomorphic DESIGN

@adellelin

An Icon:Needs to be “systematically related to what it represents”

@adellelin

+delete rm -r

The trashcan

@adellelin

As long as our relational brain gets it

@adellelin

+delete rm -r

Angular scale of screens

Screens in VR

@adellelin

Typing

@adellelin

Metaphors to consider:

Reading screensMoving thingsOpening thingsMoving in spaceBack, saving, deletingCommunication w/ people and thingsInputs from and to the real world

@adellelin

Information Journey1. Recognize need2. Acquire 3. Interpret and validate 4. Use

@adellelin

Acquiring Information:GoogleSmart AgentAlgorithmic RecommendationCrowd - sourcedSocial MediaLocation BasedSurfing

@adellelin

Foraging

@adellelin

“Double experts teleport”

@adellelin

Sensemaking:

SearchExtractEncodeAnalyze

@adellelin

Three “Sensory Modalities” relevant to learning:

1. Verbal2. Visual3. Kinesthetic

@adellelin

Work it Work it Work it Work it Work it Work it Work it Work it Work it Work it Work it

@adellelin

@adellelin

Using Information:

Let’s Bookmark

@adellelin

Open Tabs / Open Tabs / Open Tabs

@adellelin

Picture of space

Things could get messy...

@adellelin

What form should data take?

@adellelin

@adellelin

Shoebox, Evidence file, Schema

@adellelin

@adellelin

@adellelin

Draw from Metaphors that work for your application

@adellelin

Mixed Reality Design Assessment Tool

@adellelin

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

Relational Context

@adellelin

Context towards specificUsers required expertise in evaluating artWould be marketedIs a minimum space requirement

@adellelin

System / Interactions

@adellelin

Many invitations to interactMultimodal interactionSoft rules for explorationNon-linear approach to site

@adellelin

Environment Design

@adellelin

Artist studio as a generally recognizable spaceUsing foreign concept of desk as navigation barUsing lighting to indicate activation

@adellelin

@adellelin

Structured system + Foreign environment + Specific context → User Experience needs to be more directive

Making an Assessment

@adellelin

User Experience

@adellelin

Keep objects just below eye heightMore text explanationLobby explains main featuresIconography simulating real life

@adellelin

Rick and Morty combiner

@adellelin

Thank you!adelleninja.comtouchtech.io

adelle.lin@gmail.com@adellelin