Symbolic Imagery in Interface Design

Giovanni will discuss the inherent symbolic nature of UI elements, how people interact with them in relation to their real world analogs and how to build a description of an element's function into its visual presentation. Understanding how people think about the interactive visuals that we build can help us design more cleanly and to speak more clearly to our users.

Transcript

1. Symbolic Imagery In Interface Design Giovanni DiFeterici Monday, May 16, 2011
2. @giodif GiovanniD gdifeterici@gmail.com giovanni@period-three.com Giovanni DiFeterici Monday, May 16, 2011
3. Monday, May 16, 2011
4. Monday, May 16, 2011
5. Monday, May 16, 2011
6. Monday, May 16, 2011
7. Monday, May 16, 2011
8. Monday, May 16, 2011
9. Monday, May 16, 2011
10. Monday, May 16, 2011
11. Monday, May 16, 2011
12. Monday, May 16, 2011
13. Monday, May 16, 2011
14. Monday, May 16, 2011
15. 1 Aesthetics Monday, May 16, 2011
16. Monday, May 16, 2011
17. Attraction Monday, May 16, 2011
18. Attraction -Surface beauty Monday, May 16, 2011
19. Attraction -Surface beauty -Meaning implied by image Monday, May 16, 2011
20. Attraction -Surface beauty -Meaning implied by image -Arbitrary criteria Monday, May 16, 2011
21. Attraction -Surface beauty -Meaning implied by image -Arbitrary criteria -Could safely be called style Monday, May 16, 2011
22. Monday, May 16, 2011
23. Monday, May 16, 2011
24. Elegance Monday, May 16, 2011
25. Elegance -Generally dependent upon a process or solution Monday, May 16, 2011
26. Elegance -Generally dependent upon a process or solution -Mathematical elegance Monday, May 16, 2011
27. Monday, May 16, 2011
28. Monday, May 16, 2011
29. 2 Symbols Monday, May 16, 2011
30. Cultural Symbols Monday, May 16, 2011
31. Cultural Symbols Monday, May 16, 2011
32. Cultural Symbols Monday, May 16, 2011
33. Cultural Symbols Monday, May 16, 2011
34. Cultural Symbols Monday, May 16, 2011
35. Monday, May 16, 2011
36. Symbols for Interaction Monday, May 16, 2011
37. 3 Logic & Intuition Monday, May 16, 2011
38. Monday, May 16, 2011
39. Monday, May 16, 2011
40. Monday, May 16, 2011
41. Monday, May 16, 2011
42. Convention Monday, May 16, 2011
43. Convention -Lots to read Monday, May 16, 2011
44. Convention -Lots to read -Dense and structured Monday, May 16, 2011
45. Convention -Lots to read -Dense and structured -Assumptions about what will impress clients Monday, May 16, 2011
46. Convention -Lots to read -Dense and structured -Assumptions about what will impress clients -Generic Monday, May 16, 2011
47. Monday, May 16, 2011
48. Monday, May 16, 2011
49. Leveraging Symbolism Monday, May 16, 2011
50. Leveraging Symbolism -Whitespace over density Monday, May 16, 2011
51. Leveraging Symbolism -Whitespace over density -Common symbols over explanation Monday, May 16, 2011
52. Leveraging Symbolism -Whitespace over density -Common symbols over explanation -Clear differentiation between interaction and content Monday, May 16, 2011
53. 4 Creating a Visual Language Monday, May 16, 2011
54. Monday, May 16, 2011
55. Monday, May 16, 2011
56. Monday, May 16, 2011
57. Monday, May 16, 2011
58. Monday, May 16, 2011
59. Monday, May 16, 2011
60. Monday, May 16, 2011
61. Monday, May 16, 2011
62. Monday, May 16, 2011
63. head2heart.us Monday, May 16, 2011
64. Monday, May 16, 2011
65. Monday, May 16, 2011
66. Monday, May 16, 2011
67. Monday, May 16, 2011
68. Monday, May 16, 2011
69. Sonyericson.co m/xperiments/ Monday, May 16, 2011
70. m/xperiments/ Monday, May 16, 2011
71. Banksimple.com Monday, May 16, 2011
72. Monday, May 16, 2011
73. Monday, May 16, 2011
74. Monday, May 16, 2011
75. Monday, May 16, 2011
76. mailchimp.com Monday, May 16, 2011
77. Monday, May 16, 2011
78. Monday, May 16, 2011
79. Monday, May 16, 2011
80. Monday, May 16, 2011
81. Monday, May 16, 2011
82. •Differentiate between interaction and design Monday, May 16, 2011
83. •Differentiate between interaction and design •Clarity over beauty Monday, May 16, 2011
84. •Differentiate between interaction and design •Clarity over beauty •Copy is interface design Monday, May 16, 2011
85. @giodif GiovanniD gdifeterici@gmail.com giovanni@period-three.com Giovanni DiFeterici Monday, May 16, 2011