designing virtual realism (aea09)
Post on 18-Sep-2014
13 views
DESCRIPTION
(this is an extended/updated version of my presentation at Web09 — presented at An Event Apart Seattle) 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
Seattle, May 2009
Dan RubinSidebar Creative
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Me, according to nGen works @ http://happywebbies.com/
Hi!Dan Rubinsuperfluousbanter.org@danrubin
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Web StandardsCreativity
Dan Rubin(and 9 other guys)
by
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Pro CSSTechniques
Jeff CroftIan LloydDan Rubin
by
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Look & Feel
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
We do this every day.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: David Thomson (http://www.sxc.hu/photo/1172713)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Context is important.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: David Ritter (http://www.sxc.hu/photo/941686)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Craig Jewell (http://www.sxc.hu/photo/945272)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Tactile Interaction
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Design for Intuition.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Mimic physical interfaces.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Pascal Montsma (http://www.sxc.hu/photo/230015)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Creatingan Illusion.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Some interfaces already do this.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Invite people to touch your interface.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Adding noise creates a basic texture.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Aesthetic-Usability Effect
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 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 Seattle, May 2009
Traditional Media
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photographic
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
PhysicalItems
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Onward to Photoshop!
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
What can we do about it?
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Use consistent light sources.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Embrace Gradients and Shadows.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Never use default filter settings.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Never use default filter settings. Ever.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Focus on subtle effects.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Scanners +Cameras.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
USE THEM.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
If nothing else, add noise.
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Resources
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 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
HOW Magazine, June 2009
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Questions?
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
fin.slideshare.net/danrubintwitter: @danrubin