social immersive media amer obeidah basic interaction design - 2010 carnegie mellon university

18
+ Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

Upload: christal-miller

Post on 27-Dec-2015

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

Social Immersive MediaAmer Obeidah

Basic Interaction Design - 2010Carnegie Mellon University

Page 2: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Quick Overview

A form of augmented reality that focuses on social interaction

Using the user's body as an input device

Engage multiple users simultaneously

Taking design beyond GUIs into Cenimatrix

Page 3: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Context and Related Work

Interactive Arts

Tangible Interfaces

Interactive Games

Page 4: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Interactive Arts

Videoplace

Utterback’s Text Rain

Lein's Manual Input Sessions

Page 5: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Tangible Interfaces

Digital Desk

UnderKofler's IO Bulb

Page 6: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Interactive Games

Freeman's Computer Vision

Eye Toy by Sony

Wii by Nintendo

Page 7: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Philosophy

“Our body applies itself to space like a hand to an instrument, and when we wish to move about we do not move the body as we move an object. We transport it without instruments as if by magic, since it is ours and because through it we have direct access to space”

Maurice Ponty

Advantages

1. The gained experience engages users of all ages

2. Scalability and adaptability

Page 8: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Phenomenology

Reality only exists as interplay between consciousness, the perceived world, and our bodies

Cenimatrix: Group of people collaboratively doing something with projected content

Examples: Reactrix and Gesturetek

Page 9: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+The Design Principles

Visceral

Responsive

Continuous variable

Socially scalable

Socially familiar

Socially balanced

Page 10: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Narrative Model Case Studies

Experiential Narrative: Boundary Functions

Performance Narrative: Deep Walls

Page 11: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Narrative Model Case Studies

Episodic Narrative: Three Drops

Game Narrative: Fear

Page 12: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Towards a Design Language

Interaction Design Techniques

Principles of Character Animation

Environmental Consideration

Page 13: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Interaction Design Techniques

Choice of narrative model

Continuous Vs Discrete

Recording and replaying

Shadow and Silhouette

Page 14: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Principles of Character Animation

Easing in and easing out

Overlapping action

Follow through

Staging

Squash and stretch

Exaggeration

Timing

Page 15: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Environmental Consideration

The area: Important for safer and easier interactions

Architectural mapping between the theme of the show and the space

Human traffic is important

NOT too dark lighting: Users need to see each other and interact

Put in mind people with special needs: Sloping ramps are there to help you

Page 16: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Multiple Software Representations

Choice of gestures

Choice of graphical response

Choice of Graphical elements

Switching between representations on the fly

Page 17: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+How to Control User Behaviors

Energizing

Calming

Competing

Performing

Disinhibition

Learning: “ I hear and I forget. I see and I remember. I do and I understand”

Confucius

Page 18: Social Immersive Media Amer Obeidah Basic Interaction Design - 2010 Carnegie Mellon University

+Useful Resources

What Stanford University has to say about Social Immersive Media

http://www.youtube.com/watch?v=eiahsoS0FBw

The 12 basic animation principles:

http://en.wikipedia.org/wiki/12_basic_principles_of_animation