Is Something Not Very Usable or Accessible? Change it!

#WCUS 2019

Transcript

1. NOT VERY USABLE OR ACCESSIBLE? change it is something NOT
2. #WCUS @tapps
3. #WCUS @tapps
4. #WCUS @tapps
5. GOOD NEWS WordPress is open source #WCUS @tapps
6. WHY CHANGE IT? I tested some things with people who never WordPress'd. Here's some things I learned... #WCUS @tapps
7. 5 TASKS 12 QUESTIONS #WCUS @tapps
8. 5 TASKS 12 QUESTIONS HOW? #WCUS @tapps
9. #WCUS @tapps
10. #WCUS @tapps
11. USABILITY.GOV #WCUS @tapps
12. HOW? USABILITY.GOV Neutral & clarifying questions Break down complex tasks Include instructions: - Outline goals and limits - Remind them to "think out loud" - There is no fail #WCUS @tapps
13. HOW? USABILITY.GOV Neutral & clarifying questions Break down complex tasks Include instructions: - Outline goals and limits - Remind them to "think out loud" - There is no fail #WCUS @tapps
14. HOW? USABILITY.GOV Neutral & clarifying questions Break down complex tasks Include instructions: - Outline goals and limits - Remind them to "think out loud" - There is no fail COMMUNICATION 55% 38% 7% WORDS TONALITY PHYSIOLOGY EXPRESSIONS GESTURES POSTURE PITCH TONE TEMPO VOLUME CONTENT #WCUS @tapps
15. HOW? USABILITY.GOV Neutral & clarifying questions Break down complex tasks Include instructions: - Outline goals and limits - Remind them to "think out loud" - There is no fail COMMUNICATION 55% 38% 7% WORDS TONALITY PHYSIOLOGY EXPRESSIONS GESTURES POSTURE PITCH TONE TEMPO VOLUME CONTENT LEAVE [AWKWARD] SILENCE DON'T INTERRUPT #WCUS @tapps
16. AND THE RESULTS? #WCUS @tapps
17. #WCUS @tapps
18. "oh, that's to write text" #WCUS @tapps
19. #WCUS @tapps
20. #WCUS @tapps
21. #WCUS @tapps
22. #WCUS @tapps
23. #WCUS @tapps
24. #WCUS @tapps
25. #WCUS @tapps
26. #WCUS @tapps
27. THE STRUGGLE IS REAL internetting is hard #WCUS @tapps
28. WHERE DO WE START? #WCUS @tapps
29. #WCUS @tapps
30. HIERARCHY NOT CLEAR INFORMATION NOT RELEVANT / TERMS NOT RECOGNIZED EXTRA SPACE WAS CONFUSING #WCUS @tapps
31. HIERARCHY NOT CLEAR INFORMATION NOT RELEVANT / TERMS NOT RECOGNIZED EXTRA SPACE WAS CONFUSING change it ...WITH PLUGINS #WCUS @tapps
32. I ASKED ON TWITTER and i got a bunch of recommendations #WCUS @tapps
33. WPSHAPERE.COM I ASKED ON TWITTER and i got a bunch of recommendations METABOX.IO ADVANCEDCUSTOMFIELDS.COM ADMINCOLUMNS.COM ADMINMENUEDITOR.COM ULTIMATEDASHBOARD.IO VIDEOUSERMANUALS.COM #WCUS @tapps
34. #WCUS @tapps
35. #WCUS @tapps
36. Clean Things are hidden GOOD NOT AS GOOD #WCUS @tapps
37. Clean Things are hidden GOOD NOT AS GOOD #WCUS @tapps
38. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things #WCUS @tapps
39. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps
40. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) change it ...WITH CSS #WCUS @tapps
41. DISCLAIMER: REMEMBER, I'M A DESIGNER The following examples are intended to inspire ideas. NOT to serve as code guidelines or instructions. Please consult your primary care developer (or the internet) to see if this code is right for you. #WCUS @tapps
42. #teamTabs #WCUS @tapps
43. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps
44. #WCUS @tapps
45. #WCUS @tapps
46. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps
47. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps
48. #WCUS @tapps
49. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps
50. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps
51. #WCUS @tapps
52. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps
53. Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps
54. IT TAKES A (VERY, VERY LARGE) VILLAGE There's no "I" in team, but there is one in collaboration . Finally... very, very large #WCUS @tapps
55. CONTRIBUTE! Open source is powered by all of us #WCUS @tapps
56. CONTRIBUTE! Open source is powered by all of us THOSE WITH THE PRIVILEGE TO DO SO IN TRADITIONALLY RECOGNIZED WAYS #WCUS @tapps
57. CONTRIBUTE! Open source is powered by all of us THOSE WITH THE PRIVILEGE TO DO SO IN TRADITIONALLY RECOGNIZED WAYS PRIVILEGE OF RE$OURCES TECHNOLOGY INFORMATION SUPPORT TIME #WCUS @tapps
58. HANGE OUR MINDSET we also might have to #WCUS @tapps
59. CHANGE OUR MINDSET we also might have to #WCUS @tapps
60. CHANGE OUR MINDSET we also might have to TOWN HALLS #WCUS @tapps EASY "SUGGESTION BOX" MENTORSHIP OPEN VIRTUAL WORKSHOPS IDEA "TAG TEAM"
61. R we also might have to TOWN HALLS EASY "SUGGESTION BOX" #WCUS @tapps MENTORSHIP OPEN VIRTUAL WORKSHOPS IDEA "TAG TEAM"
62. CHANGE IS NOT A DESTINATION it is a journey remember... Together NOT
63. CHANGE IS NOT A DESTINATION it is a journey remember... Together NOT Thank you
64. Any Questions? These slides can be found at speakerdeck.com/tapps @tapps @tapps tapps.design /in/tapps