designing virtual realism (web09)
TRANSCRIPT
©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
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
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
Invite people to touch your interface.
©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
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
Photographic
©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
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.