The document discusses principles of designing virtual interfaces and products. It emphasizes that interfaces should incorporate principles of usability, aesthetics and affordance to intuitively guide users. Designing with textures, art, realistic details or effects can help create engaging and realistic virtual experiences even with simple interfaces. The key is understanding how to design for usability while creating pleasant and inspiring digital environments.

1. Designing
Virtual Realism
AEA Chicago, October 2009
Dan Rubin
Sidebar Creative

7. Why?

8. Because of the
environment.

10. No, not that
environment.

11. Look & Feel

14. Let’s relate
this to UI
design.

15. Interface Product
design = design

16. Products are
designed for
intuition.

18. Photo: Luiz Fernando Pilz (http://www.sxc.hu/photo/249448)

19. Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)

20. Affordance

21. ...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

23. Affordance isn’t
guaranteed...

26. Context is
important.

29. Photo: David Ritter (http://www.sxc.hu/photo/941686)

30. Photo: Craig Jewell (http://www.sxc.hu/photo/945272)

31. Aesthetic-
Usability
Effect

32. Attractive things
work better.
Donald Norman
http://jnd.org/dn.mss/emotion_design_attractive_things_work_better.html

40. Good usability is inherent in
good design because people
think well designed things
work better.
Mark Boulton

41. Finding
inspiration.

43. Some
interfaces
already do this.

48. We can create
illusions.

53. http://silverbackapp.com

55. http://delicious-monster.com/

56. Classics

57. Ramp Champ

58. ConvertBot

59. Sometimes,
we can also
use textures.

60. Two-second
texture test.

61. Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)

63. Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)

65. Photo: David Thomson (http://www.sxc.hu/photo/1172713)

67. Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)

69. Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)

71. Photo: David Ritter (http://www.sxc.hu/photo/941686)

73. My interface
doesn’t need
to be pretty!

76. I beg to
differ.

77. Create
texture by
adding noise.

78. In Photoshop:
Filter →
Noise →
Add Noise…

84. Incorporate art
and texture.

89. Shoot your
own photos.

93. Use your
scanner.

96. Or combine a
few methods.

100. Designing Virtual Realism AEA Chicago, October 2009
fin.
http://aneventapart.com/2009/chicago/slides/
twitter: @danrubin
©2009 Dan Rubin » http://sidebarcreative.com