Teaching UX to Your Team

2,015 views

Published on

I updated my slidedeck from my Skillshare class so that I could teach the course internally at Group Commerce.

If you would like to teach UX within your company, try to use examples with which your coworkers are familiar. This way, stepping into the shoes of the users and evaluating their needs based on the product, is not so difficult.

Published in: Technology, News & Politics
  • Be the first to comment

Teaching UX to Your Team

  1. 1. You Don’tKnow C.R.A.P.about UX & UI
  2. 2. Who are you? Why are you here? What do you think UX is? How can it help you with what you do?
  3. 3. Lets Play a Game!
  4. 4. What is User Experience? All aspect’s of user’s interaction with the company, its services and its products. Not only in relationship to software. Meet the needs of the customer. Make the products enjoyable. Go beyond what the customer says they want. User Marketing Experience Branding Quality of Service *Nielsen-Norman Group
  5. 5. Gulf of Evaluation We want a small gulf! The common goal of all products *Norman, D. The Gulf of Evaluation
  6. 6. Small Gulf of Evaluation
  7. 7. Training is not an excuse for poor design
  8. 8. User Centered Design• User Research: Sychronous / Asynchronous, Time Sensitive• Design: Low / High Fidelity &/or Interactive• Evaluation: Remote or Onsite, Unmoderated or Not
  9. 9. The user is always right…but they rarely know what they want…and they hardly ever know what they need
  10. 10. Personas  When to use: The end-users’ goals are unclear, the team isn’t sure how to prioritize features  Why:  Identify your most important customers  Identify user goals and objectives.  Capture use cases for the product  Develop an idea for the market  Have a common “person” to point to  Tool to Try: Usersbox.com
  11. 11. Personas: Who are the primary users?  In & Out of GC What about the secondary users? …and tertiary? What matters for the business?
  12. 12. Task Analysis When to use: At the beginning of every design cycle. How to use:  Break a goal into specific tasks.  These tasks may be referred to as requirements  Assign a priority to these requirements based on user research and business needs.  Low, Medium, High or N/A
  13. 13. Task Analysis Lets Try an Example
  14. 14. Visual Design in UI Design Contrast: If they’re not the same, make them different Repetition: Repeat colors, shapes, fonts & sizes. Reuse patterns. Alignment: Line things up. Make it clean. Proximity: Group LIKE things. Put similar information close together. Organize & De- Clutter
  15. 15. Point out C.R.A.P. in GoogleSearch
  16. 16. DesignExerciseRe-organize a flier
  17. 17. Are we ready to sketch?
  18. 18. Metaphors and UI Patterns Map to some facet of the real world task Direct engagement & manipulation Lots of resources out there:  UI-Patterns.com  Yahoo! Design Pattern Library  Book: Designing Interfaces by Jenifer Tidwell  Site: http://designinginterfaces.com/firstedition/
  19. 19. Example Metaphor
  20. 20. Usability Testing
  21. 21. Is this familiar?
  22. 22. Why we test: VCR Buttons to Control a Printer Tabs of Arbitrary Groups Samples from Interface Hall of Shame
  23. 23. Usability Testing Test if a page becomes more usable because of the layout. What does the layout communicate? Guidelines:  Test the interface, not the user  Give clear scenarios and tasks to accomplish Quick & Dirty: Not much time, Grab a co- worker Formal: Determine time requirements for task completion, compare two designs on measurable aspects  Requires Experiment Design

×