Symbolic Imagery in Interface Design

51ead22b8d4a45d1eff093f44072c17a?s=47 unmatchedstyle
October 15, 2011

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

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