An introduction to User Experience Design

An introduction to User Experience Design

In this talk I give an overview of the elements of User Experience Design, and more importantly, why you should care about it. The goal is to provide some baseline knowledge of the user-centered design process to equip anyone to take those skills back to their daily work and start applying it immediately. I discuss user experience research, content strategy, interaction design, and visual design, and how those elements work together to build great experiences.

0b14c85d1c2e7e05fb9ea51dc9ea3098?s=128

Rian van der Merwe

October 19, 2011
Tweet

Transcript

  1. An introduction to user experience design @RianVDM

  2. None
  3. User experience encompasses all aspects of the end-user's interaction with

    the company, its services, and its products. The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features. In order to achieve high- quality user experience in a company's offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design.
  4. None
  5. None
  6. None
  7. Design is the process of finding the most elegant answer

    to the question of ‘how do I…?’ @drawar
  8. is a set of decisions about a product. It's not

    an interface or an aesthetic, it's not a brand or a color. Design is the actual decisions. Design @artypapers
  9. Good design improves company performance

  10. None
  11. Iteration Variation vs.

  12. Minimum Desirable Product is the simplest experience necessary to prove

    out a high-value, satisfying product experience for users
  13. The elements of user experience design User Research Product Discovery

    Strategic foundation Information Architecture Content Strategy Interaction Design Structural interior Visual Design Sensory exterior www.elezea.com
  14. The elements of user experience design User Research Product Discovery

    Information Architecture Content Strategy Interaction Design Visual Design Strategic foundation Structural interior Sensory exterior www.elezea.com
  15. User experience research

  16. Market Research seeks to understand the needs of the market

    in general User experience research focuses on users’ interaction with the product
  17. Ethnography

  18. Concept testing

  19. Usability testing

  20. The elements of user experience design User Research Product Discovery

    Information Architecture Content Strategy Interaction Design Visual Design Strategic foundation Structural interior Sensory exterior www.elezea.com
  21. Information architecture

  22. I'm an information architect. I map paths and places across

    physical, digital, and cognitive spaces. - Peter Morville
  23. Navigation Information organization Information relationship IA strategy IA research IA

    management
  24. Text http://abbytheia.wordpress.com/2012/04/12/ia-heuristics-journey/

  25. Findable Able to be located

  26. None
  27. The elements of user experience design User Research Product Discovery

    Information Architecture Content Strategy Interaction Design Visual Design Strategic foundation Structural interior Sensory exterior www.elezea.com
  28. Content strategy

  29. What happens when words images are separated? &

  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. You cannot design without content

  37. Structure first. Content always.

  38. Content strategy plans for the creation, delivery, and governance of

    content. Better content. Content people care about. Content that supports your business objectives and meets your users' goals. It's a long-term fix for content problems of all sizes. @halvorson
  39. Bad content

  40. None
  41. None
  42. None
  43. Good content

  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. The elements of user experience design User Research Product Discovery

    Information Architecture Content Strategy Interaction Design Visual Design Strategic foundation Structural interior Sensory exterior www.elezea.com
  51. Interaction design

  52. Interaction design defines the structure and behaviors of interactive products

    and services, and user interactions with those products and services. Interaction design is grounded in an understanding of real users (goals, tasks, experiences, needs, and wants) and balances these needs with business goals and technological capabilities. - IxDA
  53. 10 heuristics for user interface design 1. Visibility of system

    status
  54. None
  55. Default Hover Click Wait Success

  56. 10 heuristics for user interface design 1. Visibility of system

    status 2. Match between system and the real world
  57. None
  58. 10 heuristics for user interface design 1. Visibility of system

    status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards
  59. None
  60. None
  61. None
  62. 10 heuristics for user interface design 1. Visibility of system

    status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards 5. Error prevention
  63. None
  64. None
  65. 10 heuristics for user interface design 1. Visibility of system

    status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition rather than recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design
  66. None
  67. None
  68. 10 heuristics for user interface design 1. Visibility of system

    status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition rather than recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize and recover from errors
  69. None
  70. None
  71. None
  72. None
  73. None
  74. 10 heuristics for user interface design 1. Visibility of system

    status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition rather than recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize and recover from errors 10. Help and documentation
  75. None
  76. The output

  77. Flow diagrams Wireframes Prototypes Layout, structure, and flow not typography,

    colors, & aesthetics
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. The elements of user experience design User Research Product Discovery

    Information Architecture Content Strategy Interaction Design Visual Design Strategic foundation Structural interior Sensory exterior www.elezea.com
  87. Visual design

  88. The art and profession of selecting and arranging visual elements

    — such as typography, images, symbols, and colours — to convey a message to an audience. - Encyclopedia Britannica
  89. The principles of visual design Balance. Proximity. Alignment.Consistency. Contrast. White

    space.
  90. Balance

  91. None
  92. None
  93. None
  94. Proximity

  95. None
  96. None
  97. None
  98. Alignment

  99. None
  100. None
  101. Consistency

  102. None
  103. None
  104. White space

  105. None
  106. None
  107. None
  108. None
  109. None
  110. Contrast

  111. None
  112. None
  113. The role of visual design

  114. None
  115. None
  116. None
  117. So, what now?

  118. None
  119. None
  120. None
  121. People The web is a technology, but more importantly, it

    is People constitute and maintain the network. Frank Chimero all the way down It is widespread and distributed, but it is very delicate. Like a real web, it needs constant maintenance to keep from tearing.
  122. We should care more about our craft because we’re granted

    an opportunity to contribute to the world. We should care more about our audiences because they are the ones who give our work value. The things we make are all just excuses to speak with one another and to help one another. We are all linked, and the things that we make for each other strengthen the invisible threads that tie us all together. - Frank Chimero
  123. An introduction to user experience design @RianVDM

  124. Sources http://xkcd.com/773 http://www.nngroup.com/about/userexperience.html http://drawar.com/d/what-is-design/ http://www.quora.com/Rebekah-Cox/Design-Quora-Web2-0-Expo-Presentation http://www.readwriteweb.com/archives/facebook_wants_to_be_your_one_true_login.php http://www.alistapart.com/articles/thedisciplineofcontentstrategy/ http://www.lukew.com/ff/entry.asp?327 http://www.useit.com/papers/heuristic/heuristic_list.html http://www.userfocus.co.uk/articles/A_CRAP_way_to_improve_usability.html

    http://blog.frankchimero.com/post/11620616234