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
Eb413d2c22e29500565cab1f71c9c707?s=48 evaq
0
290
730424f1e28fcff5ad7eab00e981fb14?s=48 takusami
5
490
Ec8e76e781c167e8d323abae71a7f1a8?s=48 keigo_arakaki
1
2.2k
De642d97312a719bcb273476a53a2f29?s=48 justmichaelajayi
0
300
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
1
210
696e66ab859446f91081e37e56444730?s=48 event2020
0
240
61979df46e0c6b1de27d9dbc37289838?s=48 alesaenzart
0
180
07d788425ce835a38da4ab23a537b407?s=48 gavaru
0
130
65906910d67fb68d5c8222322a7683e3?s=48 ryuuuuukun
1
570
1777ae7e124a0cadd15d9f88d871c963?s=48 toranomanji
0
180
A5d201f45866b5d7a191cb2ac6b31a00?s=48 nadbov
0
130
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
0
290

Featured

See All Featured
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
323
14k
245cee81a9c424266e5e401d844ea881?s=48 lara
588
60k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
5
380
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
93
5k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
494
110k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.1k
282d599b414022eba5096510f675b6e2?s=48 chrislema
169
14k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
293
38k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
121
20k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
9
1.3k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.1k

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