physical computing theme on designing interactive...

44
Physical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based interaction Thomas Pederson <[email protected]> Associate Professor Pervasive Interaction Technology Lab – http://itu.dk/pit/ Interaction Design research group – http://www.itu.dk/research/ixd/ 1

Upload: others

Post on 28-Jul-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Physical Computing theme on Designing Interactive Artifacts F-2013

Proximity-based interaction

Thomas Pederson <[email protected]>Associate Professor

Pervasive Interaction Technology Lab – http://itu.dk/pit/ Interaction Design research group – http://www.itu.dk/research/ixd/

1

Page 2: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

AgendaReality-Based Interaction (Jacob et al., 2008)

Proximity-based interaction

• Proxemics for Ubicomp (Greenberg et al., 2011)• Situative Space Model (Pederson et al., 2012)

exercise

• proximity-based interaction using ultrasonic sensor

virtual world

physical world

2

Page 3: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

AgendaReality-Based Interaction (Jacob et al., 2008)

Proximity-based interaction

• Proxemics for Ubicomp (Greenberg et al., 2011)• Situative Space Model (Pederson et al., 2012)

exercise

• proximity-based interaction using ultrasonic sensor

virtual world

physical world

3

Page 4: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

last week: mixed-reality perspective on physical computing

virtual world

physical world

physical computing

Reality-Based Interaction

4

Page 5: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

last week: mixed-reality perspective on physical computingAugmented/Mixed Reality

Ubiquitous/Pervasive Computing

Graspable/Tangible User Interfaces

Wearable Computing

Context(ual) Aware Systems

virtual world

physical world

Reality-Based Interaction

5

Page 6: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

New interfaces are breaking the boxAugmented/Mixed Reality

Ubiquitous/Pervasive Computing

Graspable/Tangible User Interfaces

Wearable Computing

Context(ual) Aware Systems

virtual world

physical world

Reality-Based Interaction

WIMPcommandline

6

Page 7: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Reality-Based Interaction (Jacob et al., 2008)

a concept that ties together many new post-WIMP interaction styles

post-WIMP

• interfaces "containing at least one interaction technique not dependent on classical 2D widgets such as menus and icons" (van Dam)

the RBI framework helps us analyse these new interactive systems

Reality-Based Interaction

7

Page 8: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Reality-Based Interaction (Jacob et al., 2008)

Reality-Based Interaction

8

Page 9: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Reality-Based Interaction (Jacob et al., 2008)

common sense knowledge about the physical world

• gravity, friction, velocity, the persistence of objects, relative scaleRBI examples

• TUI constraints enforced by the size and shape of physical tokens• illusion of mass in iPhone menus ("rubber-band effect")

Reality-Based Interaction

9

Page 10: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Reality-Based Interaction (Jacob et al., 2008)

the understanding of our own body and it's state

• relative position of the limbs (proprioception), motion range, senses• muscle coordination skills acquired early in life (limbs, head, eyes)

RBI examples

• two-handed interaction• full-body interaction

Reality-Based Interaction

10

Page 11: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Reality-Based Interaction (Jacob et al., 2008)

the understanding of spatial relationships among objects, near and far

• facilitate our sense of orientation and spatial understanding• example clues: horizon, atmospheric color, fog, lighting, and shadow

RBI examples

• Augmented/Mixed Reality systems make use of these visual clues• Context-Aware systems base their behaviour on the physical context

Reality-Based Interaction

11

Page 12: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Reality-Based Interaction (Jacob et al., 2008)

People possess skills for social interaction and adapt to presence of others

• e.g. verbal and non-verbal communicationRBI examples

• TUIs support co-located collaboration• VR massively multiplayer online role-playing games (MMORPG) exploit

social awareness and skills

Reality-Based Interaction

12

Page 13: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

implications for designbasing a user interface on pre-existing real-world knowledge can...

• speed up learning• decrease mental effort• improve performance

... but will not necessarily lead to a useful system:

• computer systems are powerful tools because they can help us do things beyond what can be done in the real world

Reality-Based Interaction

13

Page 14: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

RBI design tradeoffssuggested approach

• give up reality only explicitly and only in return for other desired qualities

Reality-Based Interaction

14

Page 15: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Proxemics for Ubicomp (Greenberg et al., 2011)

"When you walk up to your computer, does the screen saver stop and the working windows reveal themselves? Does it even know if you are there? How hard would it be to change this? Is it not ironic that, in this regard, a motion-sensing light switch is “smarter” than any of the switches in the computer...?"

(Buxton, 1997)

15

Page 16: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

devices are too blindDevices are blind to the presence of

• other computational devices• non-computational aspects of the environment- people

- non-digital objects

- the room's fixed and semi-fixed features

Proxemics for Ubicomp

16

Page 17: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

devices are too blinddesign proposal

• "Just as people expect increasing engagement and intimacy as they approach others, so should they naturally expect increasing connectivity and interaction possibilities as they bring their devices in close proximity to one another and to other things in the ecology."

Proxemics for Ubicomp

17

Page 18: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

five dimensions of proxemics

Proxemics for Ubicomp

18

Page 19: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

five dimensionsof proxemicsdistance is continuous, but can be interpreted in discrete steps

Proxemics for Ubicomp

19

Page 20: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

five dimensionsof proxemicsdistance is continuous, but can be interpreted in discrete steps, e.g.

• "personal reaction bubbles" (Hall, 1966)

Proxemics for Ubicomp

20

Page 21: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

five dimensionsof proxemicsdistance is continuous, but can be interpreted in discrete steps, e.g.

• "personal reaction bubbles" (Hall, 1966)

• "interaction zones" (Vogel & Balakrishnan, 2004)

Proxemics for Ubicomp

21

Page 22: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

five dimensionsof proxemicscontinuous

• pitch, yaw, roll angles• used in- gesture-based interfaces

- tangible user interfaces

discrete

• used in for instance attentive UIs- looking at the screen

- looking nearby the screen

- not looking at the screen

Proxemics for Ubicomp

22

Page 23: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

five dimensionsof proxemicscaptures the distance and orientation of an entity over time

• speed of motion

• moving and turning toward versus away from another entity

used in many kinds of post-WIMP UIs

• full-body UIs (Nintendo Wii, Microsoft Kinect)• gesture-based UIs• tangible UIs

Proxemics for Ubicomp

23

Page 24: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

five dimensionsof proxemicsuniquely describes the entity

different levels of detail

• exact identity and attributes (e.g. Thomas Pederson, the prof at ITU)

• only object type (a prof at ITU)• a person

Proxemics for Ubicomp

24

Page 25: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

five dimensionsof proxemicsthe physical context in which the entities reside

• e.g. a specific room and its characteristics

Proxemics for Ubicomp

25

Page 26: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

example system:the ViconFace

The Proximity Toolkit and ViconFace: The Video

• http://www.youtube.com/watch?v=BhT0QgTSddM

Proxemics for Ubicomp

26

Page 27: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Proxemic Interaction: Designing for a Proximity and Orientation-Aware Environment

• http://www.youtube.com/watch?v=OHm9teVoNE8

Proxemics for Ubicomp

example system:the proxemic media player

27

Page 28: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

exercise: apply RBI to the proximity-based media player

how much of the interaction is something we know from the real world, how much is new?

Proxemics for Ubicomp

what RBI design tradeoffs have the designers made?

28

Page 29: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model (Pederson et al., 2012)

29

Page 30: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Modelused for modeling interaction situations in the emergingegocentric interaction paradigm:

• ‘users’ are transformed into agents that are active in a mixed-reality environment

• also the classical concepts of (system) ‘input’ and ‘output’ become transformed into (human agent) action and perception, respectively- object manipulation and perception are processes that can involve any

modality: tactile, visual, aural, etc.

- virtual objects are manipulated andobserved through "mediators"

30

Page 31: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Modelintended to capture what an agent can perceive and not perceive, reach and not reach, at any moment in time

• uses a number of spaces and sets for this purpose

31

Page 32: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

SpacesWorld Space

• encompasses all physical and virtual objects that are part of a specific model

32

Page 33: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

SpacesWorld Space

• encompasses all physical and virtual objects that are part of a specific model

Perception Space

• the part of the space around the agent that can be perceived by the agent- varies continuously with agent movements

- different senses have differently shaped Perception Spaces

33

Page 34: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

SpacesWorld Space

• encompasses all physical and virtual objects that are part of a specific model

Perception Space

• the part of the space around the agent that can be perceived by the agent- varies continuously with agent movements

- different senses have differently shaped Perception Spaces

Action Space

• the part of the space around the agent that is accessible for physical actions by the agent

34

Page 35: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

SetsRecognizable Set

• set of objects in Perception Space currently within their recognition distances

35

Page 36: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

SetsRecognizable Set

• set of objects in Perception Space currently within their recognition distances

Examinable Set

• set of objects in Perception Space currently within their examination distances

36

Page 37: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

SetsRecognizable Set

• set of objects in Perception Space currently within their recognition distances

Examinable Set

• set of objects in Perception Space currently within their examination distances

Selected Set

• set of objects in Action Space currently being physically or virtually handled

37

Page 38: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

SetsRecognizable Set

• set of objects in Perception Space currently within their recognition distances

Examinable Set

• set of objects in Perception Space currently within their examination distances

Selected Set

• set of objects in Action Space currently being physically or virtually handled

Manipulated Set

• set of objects in Action Space whose states are currently being changed by the agent

38

Page 39: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

An illustration: having breakfast

39

Page 40: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

An illustration: having breakfast

40

Page 41: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

The Egocentric Interaction Paradigm

An application

The easyADL home

Prototyping wearable activity support for persons suffering from mild dementia

41

Page 42: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

Situative Space Model

UsesActivity recognition

Providing data for a multimodalinteraction manager

42

Page 43: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Situative Space Model

The challenge of determining the spaces and sets in realtime

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

43

Page 44: Physical Computing theme on Designing Interactive ...tped/teaching/DIA/F2013/PhysComp02_01.key.pdfPhysical Computing theme on Designing Interactive Artifacts F-2013 Proximity-based

Thomas  Pederson                    DDDA-­‐F2013                    Proximity-­‐based  interaction

time to play with arduino and proximity!activities

• lecture 1: why and how computing is getting physical – a historical perspective and some example areas of research- exercise: arduino basics

• lecture: 2 proximity-based interaction- exercise: proximity-based interaction

• lecture 3: materiality- exercise: physical displays

• mandatory hand-in: reflective report on physical computing

virtual world

physical world

44