designing virtual realism (@media 2009)
DESCRIPTION
The real world is rarely flat and devoid of texture, yet our virtual designs often do little to mirror what lies beyond the monitor. Tasteful use of lighting, shadows, gradients, and more traditional arts such as photography, oil, water color, pencil and charcoal can help us mimic the world around us. Learn to use and create realistic textures and media, and make your designs leap off the screen.TRANSCRIPT
DesigningVirtual Realism
London, June 2009
Dan RubinSidebar Creative
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Hi!Dan Rubinsuperfluousbanter.org@danrubin
THE SIDEBAR TEAM WE LOOK MUCH NICER IN PERSON
SIDEBARC R E A T I V ETRAINING WORKSHOPS CONSULTING
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Me, according to nGen works @ http://happywebbies.com/
Hi!Dan Rubinsuperfluousbanter.org@danrubin
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Web StandardsCreativity
Dan Rubin(and 9 other guys)
by
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Pro CSSTechniques
Jeff CroftIan LloydDan Rubin
by
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Look & Feel
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
We do this every day.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photo: David Thomson (http://www.sxc.hu/photo/1172713)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Context is important.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photo: David Ritter (http://www.sxc.hu/photo/941686)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photo: Craig Jewell (http://www.sxc.hu/photo/945272)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Environment provides context.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Tactile Interaction
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
SO...
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Design for Intuition.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Mimic physical interfaces.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photo: Pascal Montsma (http://www.sxc.hu/photo/230015)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
If your interface needs instructions...
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Redesign it.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Creatingan Illusion.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Some interfaces already do this.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Invite people to touch your interface.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Adding noise creates a basic texture.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Aesthetic-Usability Effect
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
“Attractive things work better.”
— Donald Normanhttp://jnd.org/dn.mss/emotion_design_attractive_things_work_better.html
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Traditional Media
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Photographic
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
PhysicalItems
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Onward to Photoshop!
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
What can we do about it?
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Use consistent light sources.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Embrace Gradients and Shadows.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Never use default filter settings.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Never use default filter settings. EVER.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Focus on subtle effects.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Scanners +Cameras.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
USE THEM.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
If nothing else, add noise.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Resources
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
VirtualIn Defense of Eye Candy – Stephen P. Andersonhttp://www.alistapart.com/articles/indefenseofeyecandy/
Aesthetic-Usability Effect – Mark Boultonhttp://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/
PhysicalDon’t Make Me Think – Steve Krug
The Design of Everyday Things – Donald Norman
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
Questions?
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism London, June 2009
fin.slideshare.net/danrubintwitter: @danrubin