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?

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?
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? ” “
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