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

Is Something Not Very Usable or Accessible? Change it!

tapps
November 01, 2019
Design
1
84

Is Something Not Very Usable or Accessible? Change it!

#WCUS 2019

tapps

November 01, 2019
Tweet

More Decks by tapps

See All by tapps
Has 2020 Killed Your Spirit Too? SAME. want to know why?
tapps
0
29
Strategic Chaos: UX Design in the wild is messy. And beautiful - 2020
tapps
0
58
Are you designing for your user? All of them? (v2)
tapps
3
160
Are you designing for your user? ALL of them?
tapps
0
92
UX design without diversity is NOT UX (v2)
tapps
3
94
Strategic Chaos: UX Design in the wild is messy. And beautiful
tapps
3
66
UX Design Without Diversity Is Not UX
tapps
0
120
So, you want to UX?
tapps
0
130
Design is Dead–Long Live Design! (Why does every website look the same?)
tapps
1
310

Other Decks in Design

See All in Design
Moments of Life
greensmile
0
420
Clean Freak
juliantruitt
0
140
M5Stack Japan Tour Retoro PC style AtomS3 Stand
tomorrow56
0
580
点と点を結ぶのための100のエピソードカード
nutionbypersol
0
120
The Graphic Design Trends in 2023
manuchat
1
590
3d, architectural visualisation and scenography
dmitry_tolonen
0
860
Design Ops Meets #1
tsubotax
1
190
デザイン組織が社内下請けから脱却するためにやったこと/20230208_kobayashi
rakus_dev
1
390
opening.pdf
misty_marsden
PRO
0
510
(Selection) Tanuki And Tangerine
greensmile
0
500
freee株式会社_新卒デザイナー職_説明資料
freee
2
230
Prueba 01
chima
0
340

Featured

See All Featured
Facilitating Awesome Meetings
lara
35
4.8k
Rebuilding a faster, lazier Slack
samanthasiow
70
7.7k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
16
5.8k
Docker and Python
trallard
31
2.1k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Art, The Web, and Tiny UX
lynnandtonic
285
18k
In The Pink: A Labor of Love
frogandcode
133
21k
Music & Morning Musume
bryan
37
4.8k
How STYLIGHT went responsive
nonsquared
89
4.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
239
19k
Making the Leap to Tech Lead
cromwellryan
118
7.8k
From Idea to $5000 a Month in 5 Months
shpigford
374
45k

Transcript

  1. NOT VERY
    USABLE OR
    ACCESSIBLE?
    change it
    is something
    NOT

    View Slide

  2. #WCUS @tapps

    View Slide

  3. #WCUS @tapps

    View Slide

  4. #WCUS @tapps

    View Slide

  5. GOOD NEWS
    WordPress is open source
    #WCUS @tapps

    View Slide

  6. WHY CHANGE IT?
    I tested some things with people who never WordPress'd.
    Here's some things I learned...
    #WCUS @tapps

    View Slide

  7. 5 TASKS
    12 QUESTIONS
    #WCUS @tapps

    View Slide

  8. 5 TASKS
    12 QUESTIONS
    HOW?
    #WCUS @tapps

    View Slide

  9. #WCUS @tapps

    View Slide

  10. #WCUS @tapps

    View Slide

  11. USABILITY.GOV
    #WCUS @tapps

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  16. AND THE RESULTS?
    #WCUS @tapps

    View Slide

  17. #WCUS @tapps

    View Slide

  18. "oh, that's to
    write text"
    #WCUS @tapps

    View Slide

  19. #WCUS @tapps

    View Slide

  20. #WCUS @tapps

    View Slide

  21. #WCUS @tapps

    View Slide

  22. #WCUS @tapps

    View Slide

  23. #WCUS @tapps

    View Slide

  24. #WCUS @tapps

    View Slide

  25. #WCUS @tapps

    View Slide

  26. #WCUS @tapps

    View Slide

  27. THE STRUGGLE IS REAL
    internetting is hard
    #WCUS @tapps

    View Slide

  28. WHERE DO WE START?
    #WCUS @tapps

    View Slide

  29. #WCUS @tapps

    View Slide

  30. HIERARCHY NOT CLEAR
    INFORMATION NOT RELEVANT /
    TERMS NOT RECOGNIZED
    EXTRA SPACE WAS CONFUSING
    #WCUS @tapps

    View Slide

  31. HIERARCHY NOT CLEAR
    INFORMATION NOT RELEVANT /
    TERMS NOT RECOGNIZED
    EXTRA SPACE WAS CONFUSING
    change it
    ...WITH PLUGINS
    #WCUS @tapps

    View Slide

  32. I ASKED ON
    TWITTER
    and i got a bunch of recommendations
    #WCUS @tapps

    View Slide

  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

    View Slide

  34. #WCUS @tapps

    View Slide

  35. #WCUS @tapps

    View Slide

  36. Clean Things are hidden
    GOOD NOT AS GOOD
    #WCUS @tapps

    View Slide

  37. Clean Things are hidden
    GOOD NOT AS GOOD
    #WCUS @tapps

    View Slide

  38. Clean Things are hidden
    GOOD NOT AS GOOD
    Focus Overlaps things
    #WCUS @tapps

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  42. #teamTabs
    #WCUS @tapps

    View Slide

  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

    View Slide

  44. #WCUS @tapps

    View Slide

  45. #WCUS @tapps

    View Slide

  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

    View Slide

  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

    View Slide

  48. #WCUS @tapps

    View Slide

  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

    View Slide

  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

    View Slide

  51. #WCUS @tapps

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  55. CONTRIBUTE!
    Open source is powered by all of us
    #WCUS @tapps

    View Slide

  56. CONTRIBUTE!
    Open source is powered by all of us
    THOSE WITH THE
    PRIVILEGE
    TO DO SO
    IN TRADITIONALLY
    RECOGNIZED
    WAYS
    #WCUS @tapps

    View Slide

  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

    View Slide

  58. HANGE OUR MINDSET
    we also might have to
    #WCUS @tapps

    View Slide

  59. CHANGE OUR MINDSET
    we also might have to
    #WCUS @tapps

    View Slide

  60. CHANGE OUR MINDSET
    we also might have to
    TOWN
    HALLS
    #WCUS @tapps
    EASY "SUGGESTION BOX"
    MENTORSHIP
    OPEN VIRTUAL
    WORKSHOPS
    IDEA "TAG TEAM"

    View Slide

  61. R
    we also might have to
    TOWN
    HALLS
    EASY "SUGGESTION BOX"
    #WCUS @tapps
    MENTORSHIP
    OPEN VIRTUAL
    WORKSHOPS
    IDEA "TAG TEAM"

    View Slide

  62. CHANGE IS NOT A
    DESTINATION
    it is a journey
    remember...
    Together
    NOT

    View Slide

  63. CHANGE IS NOT A
    DESTINATION
    it is a journey
    remember...
    Together
    NOT
    Thank
    you

    View Slide

  64. Any
    Questions?
    These slides can be found at
    speakerdeck.com/tapps
    @tapps @tapps tapps.design
    /in/tapps

    View Slide