Symbolic Imagery in Interface Design

51ead22b8d4a45d1eff093f44072c17a?s=47 unmatchedstyle
October 15, 2011
Design
1
340

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.

51ead22b8d4a45d1eff093f44072c17a?s=128

unmatchedstyle

October 15, 2011
Tweet

More Decks by unmatchedstyle

See All by unmatchedstyle
51ead22b8d4a45d1eff093f44072c17a?s=48 unmatchedstyle
6
1.1k

Other Decks in Design

See All in Design
74476e142a767a018d68c5e72e34ee2f?s=48 akkiesoft
0
340
5d6b856d87eac762ba8fb94a002f75af?s=48 storybychad
1
420
60424662787735ef0fa08846201b77b0?s=48 matsueri
0
810
3324dd777b99a08e05b6cfa61bad6356?s=48 wakepon
1
130
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
110
Ca63f6ee64787c337d905b069085324c?s=48 juliannaromero
1
270
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
130
37228dc025342eeadeb18bf1c2976a7a?s=48 fixel_admin
1
440
981ed7f53e9d180eebe70263745410d5?s=48 sekisatoko
1
2.6k
3e64ab0aa15150f3e512a06e973cb41d?s=48 mura24
2
900
03b94ab7c6fc1a56632bd27feceb1817?s=48 cduc
1
310
6715312320f3bd88463ad96db1f13866?s=48 ryusukekogetsu
2
4.4k

Featured

See All Featured
78b475797a14c84799063c7cd073962f?s=48 holman
458
270k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
479
150k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
305
17k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
165
6.9k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
499
36k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
145
19k
79acae287842acf29084005533a7fb3b?s=48 hursman
104
9.1k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
227
17k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
316
18k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
7
470

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