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

Is Something Not Very Usable or Accessible? Change it!

A2769f5bf01a40a449c370fced88e9a2?s=47 tapps
November 01, 2019

Is Something Not Very Usable or Accessible? Change it!

#WCUS 2019

A2769f5bf01a40a449c370fced88e9a2?s=128

tapps

November 01, 2019
Tweet

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