Is Something Not Very Usable or Accessible? Change it!

Slide 1

Slide 1 text

NOT VERY USABLE OR ACCESSIBLE? change it is something NOT

Slide 2

Slide 2 text

#WCUS @tapps

Slide 3

Slide 3 text

#WCUS @tapps

Slide 4

Slide 4 text

#WCUS @tapps

Slide 5

Slide 5 text

GOOD NEWS WordPress is open source #WCUS @tapps

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

5 TASKS 12 QUESTIONS #WCUS @tapps

Slide 8

Slide 8 text

5 TASKS 12 QUESTIONS HOW? #WCUS @tapps

Slide 9

Slide 9 text

#WCUS @tapps

Slide 10

Slide 10 text

#WCUS @tapps

Slide 11

Slide 11 text

USABILITY.GOV #WCUS @tapps

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

Slide 16

Slide 16 text

AND THE RESULTS? #WCUS @tapps

Slide 17

Slide 17 text

#WCUS @tapps

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

#WCUS @tapps

Slide 20

Slide 20 text

#WCUS @tapps

Slide 21

Slide 21 text

#WCUS @tapps

Slide 22

Slide 22 text

#WCUS @tapps

Slide 23

Slide 23 text

#WCUS @tapps

Slide 24

Slide 24 text

#WCUS @tapps

Slide 25

Slide 25 text

#WCUS @tapps

Slide 26

Slide 26 text

#WCUS @tapps

Slide 27

Slide 27 text

THE STRUGGLE IS REAL internetting is hard #WCUS @tapps

Slide 28

Slide 28 text

WHERE DO WE START? #WCUS @tapps

Slide 29

Slide 29 text

#WCUS @tapps

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

#WCUS @tapps

Slide 35

Slide 35 text

#WCUS @tapps

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

#teamTabs #WCUS @tapps

Slide 43

Slide 43 text

Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps

Slide 44

Slide 44 text

#WCUS @tapps

Slide 45

Slide 45 text

#WCUS @tapps

Slide 46

Slide 46 text

Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps

Slide 47

Slide 47 text

Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps

Slide 48

Slide 48 text

#WCUS @tapps

Slide 49

Slide 49 text

Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps

Slide 50

Slide 50 text

Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps

Slide 51

Slide 51 text

#WCUS @tapps

Slide 52

Slide 52 text

Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps

Slide 53

Slide 53 text

Clean Things are hidden GOOD NOT AS GOOD Focus Overlaps things Can reorder Only visible on hover (or directly "tab'd" to) #WCUS @tapps

Slide 54

Slide 54 text

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

Slide 55

Slide 55 text

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

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

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

Slide 59

Slide 59 text

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

Slide 60

Slide 60 text

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

Slide 61

Slide 61 text

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

Slide 62

Slide 62 text

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

Slide 63

Slide 63 text

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

Slide 64

Slide 64 text

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