Designing Virtual Realism (AEA09)
-
date post
18-Sep-2014 -
Category
Technology
-
view
12 -
download
3
description
Transcript of Designing Virtual Realism (AEA09)
![Page 1: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/1.jpg)
DesigningVirtual Realism
Seattle, May 2009
Dan RubinSidebar Creative
![Page 2: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/2.jpg)
©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
![Page 3: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/3.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Web StandardsCreativity
Dan Rubin(and 9 other guys)
by
![Page 4: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/4.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Pro CSSTechniques
Jeff CroftIan LloydDan Rubin
by
![Page 5: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/5.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Look & Feel
![Page 6: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/6.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
We do this every day.
![Page 7: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/7.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)
![Page 8: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/8.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)
![Page 9: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/9.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: David Thomson (http://www.sxc.hu/photo/1172713)
![Page 10: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/10.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)
![Page 11: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/11.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)
![Page 12: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/12.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Context is important.
![Page 13: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/13.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: David Ritter (http://www.sxc.hu/photo/941686)
![Page 14: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/14.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Craig Jewell (http://www.sxc.hu/photo/945272)
![Page 15: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/15.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 16: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/16.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 17: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/17.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Tactile Interaction
![Page 18: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/18.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 19: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/19.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 20: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/20.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Design for Intuition.
![Page 21: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/21.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Mimic physical interfaces.
![Page 22: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/22.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 23: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/23.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Pascal Montsma (http://www.sxc.hu/photo/230015)
![Page 24: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/24.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)
![Page 25: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/25.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 26: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/26.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Creatingan Illusion.
![Page 27: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/27.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 28: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/28.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 29: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/29.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 30: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/30.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Some interfaces already do this.
![Page 31: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/31.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 32: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/32.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 33: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/33.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 34: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/34.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 35: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/35.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Invite people to touch your interface.
![Page 36: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/36.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 37: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/37.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 38: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/38.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 39: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/39.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Adding noise creates a basic texture.
![Page 40: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/40.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 41: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/41.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 42: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/42.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 43: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/43.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Aesthetic-Usability Effect
![Page 44: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/44.jpg)
©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
![Page 45: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/45.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Traditional Media
![Page 46: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/46.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 47: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/47.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 48: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/48.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 49: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/49.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 50: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/50.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 51: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/51.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Photographic
![Page 52: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/52.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 53: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/53.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 54: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/54.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 55: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/55.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 56: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/56.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
PhysicalItems
![Page 57: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/57.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
![Page 58: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/58.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Onward to Photoshop!
![Page 59: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/59.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
What can we do about it?
![Page 60: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/60.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Use consistent light sources.
![Page 61: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/61.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Embrace Gradients and Shadows.
![Page 62: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/62.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Never use default filter settings.
![Page 63: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/63.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Never use default filter settings. Ever.
![Page 64: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/64.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Focus on subtle effects.
![Page 65: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/65.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Scanners +Cameras.
![Page 66: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/66.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
USE THEM.
![Page 67: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/67.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
If nothing else, add noise.
![Page 68: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/68.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Resources
![Page 69: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/69.jpg)
©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
![Page 70: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/70.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
Questions?
![Page 71: Designing Virtual Realism (AEA09)](https://reader033.fdocuments.us/reader033/viewer/2022061104/541a8a847bef0a0c2d8b57e8/html5/thumbnails/71.jpg)
©2009 Dan Rubin » http://sidebarcreative.com
Designing Virtual Realism Seattle, May 2009
fin.slideshare.net/danrubintwitter: @danrubin