0
Designing
Virtual Realism
    AEA Chicago, October 2009

                   Dan Rubin
                   Sidebar Creative
Why?
Because of the
environment.
No, not that
environment.
Look & Feel
Let’s relate
this to UI
design.
Interface       Product
 design     =   design
Products are
designed for
intuition.
Photo: Luiz Fernando Pilz (http://www.sxc.hu/photo/249448)
Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)
Affordance
...the term affordance refers to the
perceived and actual properties of the
thing, primarily those fundamental
properties ...
Affordance isn’t
guaranteed...
Context is
important.
Photo: David Ritter (http://www.sxc.hu/photo/941686)
Photo: Craig Jewell (http://www.sxc.hu/photo/945272)
Aesthetic-
Usability
Effect
Attractive things
work better.
                                        Donald Norman
 http://jnd.org/dn.mss/emotion_design...
Good usability is inherent in
good design because people
think well designed things
work better.
                  Mark Bo...
Finding
inspiration.
Some
interfaces
already do this.
We can create
illusions.
http://silverbackapp.com
http://delicious-monster.com/
Classics
Ramp Champ
ConvertBot
Sometimes,
we can also
use textures.
Two-second
texture test.
Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)
Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)
Photo: David Thomson (http://www.sxc.hu/photo/1172713)
Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)
Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)
Photo: David Ritter (http://www.sxc.hu/photo/941686)
My interface
doesn’t need
to be pretty!
I beg to
differ.
Create
texture by
adding noise.
In Photoshop:


Filter →
Noise →
Add Noise…
Incorporate art
and texture.
Shoot your
own photos.
Use your
scanner.
Or combine a
few methods.
Designing Virtual Realism AEA Chicago, October 2009




   fin.
   http://aneventapart.com/2009/chicago/slides/
   twitter...
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Designing Virtual Realism - AEA Chicago, 2009
Upcoming SlideShare
Loading in...5
×

Designing Virtual Realism - AEA Chicago, 2009

985

Published on

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 why using realistic textures and media can make your designs leap off the screen.

Published in: Design, Technology

Transcript of "Designing Virtual Realism - AEA Chicago, 2009"

  1. 1. Designing Virtual Realism AEA Chicago, October 2009 Dan Rubin Sidebar Creative
  2. 2. Why?
  3. 3. Because of the environment.
  4. 4. No, not that environment.
  5. 5. Look & Feel
  6. 6. Let’s relate this to UI design.
  7. 7. Interface Product design = design
  8. 8. Products are designed for intuition.
  9. 9. Photo: Luiz Fernando Pilz (http://www.sxc.hu/photo/249448)
  10. 10. Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)
  11. 11. Affordance
  12. 12. ...the term affordance refers to the perceived and actual properties of the thing, primarily those fundamental properties that determine just how the thing could possibly be used. Don Norman
  13. 13. Affordance isn’t guaranteed...
  14. 14. Context is important.
  15. 15. Photo: David Ritter (http://www.sxc.hu/photo/941686)
  16. 16. Photo: Craig Jewell (http://www.sxc.hu/photo/945272)
  17. 17. Aesthetic- Usability Effect
  18. 18. Attractive things work better. Donald Norman http://jnd.org/dn.mss/emotion_design_attractive_things_work_better.html
  19. 19. Good usability is inherent in good design because people think well designed things work better. Mark Boulton
  20. 20. Finding inspiration.
  21. 21. Some interfaces already do this.
  22. 22. We can create illusions.
  23. 23. http://silverbackapp.com
  24. 24. http://delicious-monster.com/
  25. 25. Classics
  26. 26. Ramp Champ
  27. 27. ConvertBot
  28. 28. Sometimes, we can also use textures.
  29. 29. Two-second texture test.
  30. 30. Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)
  31. 31. Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)
  32. 32. Photo: David Thomson (http://www.sxc.hu/photo/1172713)
  33. 33. Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)
  34. 34. Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)
  35. 35. Photo: David Ritter (http://www.sxc.hu/photo/941686)
  36. 36. My interface doesn’t need to be pretty!
  37. 37. I beg to differ.
  38. 38. Create texture by adding noise.
  39. 39. In Photoshop: Filter → Noise → Add Noise…
  40. 40. Incorporate art and texture.
  41. 41. Shoot your own photos.
  42. 42. Use your scanner.
  43. 43. Or combine a few methods.
  44. 44. Designing Virtual Realism AEA Chicago, October 2009 fin. http://aneventapart.com/2009/chicago/slides/ twitter: @danrubin ©2009 Dan Rubin » http://sidebarcreative.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×