designing virtual realism (web09)

63
Designing Virtual Realism Auckland, April 2009 Dan Rubin Sidebar Creative

Upload: dan-rubin

Post on 15-Jul-2015

2.324 views

Category:

Technology


3 download

TRANSCRIPT

DesigningVirtual Realism

Auckland, April 2009

Dan RubinSidebar Creative

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Me, according to nGen works @ http://happywebbies.com/

Hi!Dan Rubin

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Web StandardsCreativity

Dan Rubin(and 9 other guys)

by

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Pro CSSTechniques

Jeff CroftIan LloydDan Rubin

by

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Look & Feel

knowing how to interact with something based on its appearance.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Look & Feel

knowing how to interact with something based on its appearance.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

We do this every day.

based on our collective life experience from our own interactions and from observing the actions of others.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photo: David Thomson (http://www.sxc.hu/photo/1172713)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Context is important.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photo: David Ritter (http://www.sxc.hu/photo/941686)

you may not be able to recognize this at first without more contextual information

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photo: Craig Jewell (http://www.sxc.hu/photo/945272)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Tactile Interaction

the tactile interaction of the screen — mouse, trackball, keyboard, tablet: the pointer on screen is an extension of our physical body, it is a virtual appendage, and clicking is the closest thing to physical interaction; we love touchscreens because the basic level of interaction is normal: we point at something we want to interact with, and touch it. But we're still interacting with a flat surface/texture.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

the tactile interaction of the screen — mouse, trackball, keyboard, tablet: the pointer on screen is an extension of our physical body, it is a virtual appendage, and clicking is the closest thing to physical interaction; we love touchscreens because the basic level of interaction is normal: we point at something we want to interact with, and touch it. But we're still interacting with a flat surface/texture.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

the tactile interaction of the screen — mouse, trackball, keyboard, tablet: the pointer on screen is an extension of our physical body, it is a virtual appendage, and clicking is the closest thing to physical interaction; we love touchscreens because the basic level of interaction is normal: we point at something we want to interact with, and touch it. But we're still interacting with a flat surface/texture.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

the tactile interaction of the screen — mouse, trackball, keyboard, tablet: the pointer on screen is an extension of our physical body, it is a virtual appendage, and clicking is the closest thing to physical interaction; we love touchscreens because the basic level of interaction is normal: we point at something we want to interact with, and touch it. But we're still interacting with a flat surface/texture.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

the tactile interaction of the screen — mouse, trackball, keyboard, tablet: the pointer on screen is an extension of our physical body, it is a virtual appendage, and clicking is the closest thing to physical interaction; we love touchscreens because the basic level of interaction is normal: we point at something we want to interact with, and touch it. But we're still interacting with a flat surface/texture.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

the tactile interaction of the screen — mouse, trackball, keyboard, tablet: the pointer on screen is an extension of our physical body, it is a virtual appendage, and clicking is the closest thing to physical interaction; we love touchscreens because the basic level of interaction is normal: we point at something we want to interact with, and touch it. But we're still interacting with a flat surface/texture.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

the tactile interaction of the screen — mouse, trackball, keyboard, tablet: the pointer on screen is an extension of our physical body, it is a virtual appendage, and clicking is the closest thing to physical interaction; we love touchscreens because the basic level of interaction is normal: we point at something we want to interact with, and touch it. But we're still interacting with a flat surface/texture.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Mimic physical interfaces.

we already know how to use and interact with these things

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photo: Pascal Montsma (http://www.sxc.hu/photo/230015)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Creatingan Illusion

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Julian Beever: http://users.skynet.be/J.Beever/

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Julian Beever: http://users.skynet.be/J.Beever/

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Some interfaces already do this.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Invite people to touch your interface.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Adding noise creates a basic texture.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Aesthetic-Usability Effect

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

“Attractive things work better.”

— Donald Norman

it’s not a big leap to extend this to “virtual interfaces that look like real world interfaces are easier to interact with.”

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Traditional Media

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Photographic

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

PhysicalItems

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Onward to Photoshop!(whereby a live demo ensued)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

Questions?

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Auckland, April 2009

fin.