Upgrade to Pro — share decks privately, control downloads, hide ads and more …

You Are Not Your Audience: How to Create User Centered Design

A2769f5bf01a40a449c370fced88e9a2?s=47 tapps
March 25, 2017

You Are Not Your Audience: How to Create User Centered Design

1. You Are Not Your Audience: How to Create User Centered Design

2. Hi, i'm @tapps
I'm a Partner & Director of UX + Creative at Corner Market Media [http://cornermarket.media]

3. Why user centered design?

4-5. (Digg v4 fail)

6-7. (Google Wave fail)

8. How to create user-centered design. Let’s look at some common mistakes and how to avoid them…

9. #1 - Jargon

10. Combat confusing site navigation

11-12. Card Sort [https://www.optimalworkshop.com]

13. Site content that your audience understands

14. Google; User survey

15. "it’s better to be clear than to be clever"

16. #2 Mission Fail

17. My amazing new site / My desired audience

18. Audience is not happy

19. Sad keanu

20. New website failed.

21. A thorough discovery process

22. Stakeholder Interviews
- What is your role in this project?
- Who is this project for?
- What does success of this project look like to you?
- How does this site/organization/product/service improve the lives of your audience/users?

23-24. User stories

25. "What would Richard do?"
— What you should always be asking

26-27. #3 Not accessible

28. (Facebook video with captions)
Up to 85% video on Facebook watched without sound.

29. Accessibility = people with disabilities can perceive, understand, navigate, and interact with websites and tools, and that they can contribute equally without barriers.

30. Accessibility = people with disabilities can use this.

31. Usability = my audience can achieve specified goals effectively, efficiently and with satisfaction in a specified context of use.

32. Usability = my audience can use this.

33. Person = Your Audience

34. Person with some type of limited ability = Also your audience

35. Accessibility = Usability

36. (because remember, that you are not your audience, and your audience is not exactly like you)

37. Accessibility = Usability

38. Accessibility Testing Tools:
508 Compliance info
http://section508.gov

39-41. Accessibility Testing Tools:
WAVE: Web Accessibility Evaluation Tool
http://wave.webaim.org

42-43. Accessibility Testing Tools:
a11y.css
http://ffoodd.github.io/a11y.css/

44-45. Accessibility Testing Tools:
Accessibility Developer Tools (chrome plugin)

46. Accessibility Testing Tools: The User

47. User Testing

48. User Testing:
- Enlist some people,
- Prepare some goals & questions
- Conduct test & monitor results
- Ask some more questions
- Compile data

49. OR

50. User Testing (my parents on their phones)

51. "if it’s not accessible it’s not useable."

51. Speak clearly to your audience, design intentionally for your user base, and for the love of all that is good in the world, make everything accessible!

53. Questions?

A2769f5bf01a40a449c370fced88e9a2?s=128

tapps

March 25, 2017
Tweet

Transcript

  1. HOW TO CREATE USER CENTERED DESIGN YOU ARE NOT YOUR

    AUDIENCE
  2. @TAPPS that’s me my first website that’s a really creepy

    doll Hi, I’m 1981 (tracy apps) Partner, Director of UX + creative cornermarket.media
  3. WHY focus on user centered design?

  4. None
  5. None
  6. None
  7. FAIL

  8. HOW to create user centered design? let’s look at some

    common mistakes and how to avoid them…
  9. #1: JARGON

  10. COMBAT CONFUSING SITE NAVIGATION

  11. COMBAT CONFUSING SITE NAVIGATION card sort optimalworkshop.com

  12. COMBAT CONFUSING SITE NAVIGATION card sort optimalworkshop.com

  13. SITE CONTENT THAT YOUR AUDIENCE UNDERSTANDS

  14. Google would you like to take a Survey

  15. it’s better to be clear than to be clever #1:

    Jargon
  16. #2: MISSION FAIL

  17. My amazing new website My desired audience

  18. My amazing new website My desired audience

  19. My desired audience My amazing new website

  20. My desired audience My amazing new website FAIL

  21. A THOROUGH DISCOVERY PROCESS

  22. STAKEHOLDER INTERVIEWS What is your role in this project? Who

    is this project for? What does success of this project look like to you? How does this site/organization/product/service improve the lives of your audience/users?
  23. USER STORIES

  24. Name Goal(s) Bio RICHARD Fitness Instructor, entrepreneur. 68 years old.

    No kids. Considered becoming a priest when younger. Motivational personality. Likes sparkly things. Not great with computers. Color blind. Dislikes negative language & slow loading websites. Cat person. Looking for the user manual for the vacuum cleaner. Might be interested in replacing the vacuum attachment that broke last week. Probably going to replace that vacuum in the next year or two.
  25. — What you should always be asking What would Richard

    do? ” “
  26. None
  27. #3: NOT ACCESSIBLE

  28. 85% up to

  29. ACCESSIBILITY PEOPLE WITH DISABILITIES CAN PERCEIVE, UNDERSTAND, NAVIGATE, AND INTERACT

    WITH WEBSITES AND TOOLS, AND THAT THEY CAN CONTRIBUTE EQUALLY WITHOUT BARRIERS. =
  30. ACCESSIBILITY PEOPLE WITH DISABILITIES CAN USE THIS =

  31. USABILITY MY AUDIENCE CAN ACHIEVE SPECIFIED GOALS EFFECTIVELY, EFFICIENTLY AND

    WITH SATISFACTION IN A SPECIFIED CONTEXT OF USE =
  32. USABILITY MY AUDIENCE CAN USE THIS =

  33. PERSON YOUR AUDIENCE =

  34. PERSON WITH SOME TYPE OF LIMITED ABILITY PERSON YOUR AUDIENCE

    ALSO YOUR AUDIENCE = =
  35. ACCESSIBILITY = USABILITY

  36. YOU ARE NOT YOUR AUDIENCE

  37. ACCESSIBILITY = USABILITY

  38. ACCESSIBILITY TESTING TOOLS section508.gov

  39. ACCESSIBILITY TESTING TOOLS wave.webaim.org

  40. ACCESSIBILITY TESTING TOOLS wave.webaim.org

  41. ACCESSIBILITY TESTING TOOLS wave.webaim.org

  42. ACCESSIBILITY TESTING TOOLS ffoodd.github.io/a11y.css

  43. ACCESSIBILITY TESTING TOOLS ffoodd.github.io/a11y.css

  44. ACCESSIBILITY TESTING TOOLS Accessibility Developer Tools (chrome extension)

  45. ACCESSIBILITY TESTING TOOLS Accessibility Developer Tools (chrome extension)

  46. ACCESSIBILITY TESTING TOOLS THE USER

  47. USER TESTING

  48. USER TESTING Enlist some people prepare some goals & questions

    Conduct test & monitor results ask some more questions compile data
  49. USER TESTING Enlist some people prepare some goals & questions

    Conduct test & monitor results ask some more questions compile data or
  50. USER TESTING

  51. if it’s not accessible it’s not useable. #3: Not Accessible

  52. SPEAK CLEARLY TO YOUR AUDIENCE, DESIGN INTENTIONALLY FOR YOUR USER

    BASE, AND FOR THE LOVE OF ALL THAT IS GOOD IN THE WORLD, MAKE EVERYTHING ACCESSIBLE!
  53. Questions ? ? ? ANY @tapps @tapps @therealtapps iamtapps.com cornermarket.media

    THESE SLIDES CAN BE FOUND AT SPEAKERDECK.COM/TAPPS OR..THINGS TO ADD? QUESTIONS