Transcript
Page 1: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

IMAGE OF LADY JUSTICE!

1

TURNING A BLIND EYE TO GOOD USABILITY RACHEL MAGARIO @RACHELMAGARIO

ED SCHIPUL @ESCHIPUL

SETH BLUNT

By Scott*: http://www.flickr.com/photos/jsmoorman/2298671281/sizes/l/

Page 2: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 2

Page 3: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 3

1.  Accessibility = Dignity

2.  FACE II

3. The Magario Accessibility Experience Method In Action!

LET’S TALK ACCESSIBILITY!

http://www.flickr.com/photos/elzey/12298142876/sizes/o/

Page 4: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 4

Rachel Magario Seth Blunt Ed Schipul

@rachelmagario @eschipul @tendenci.com

Page 5: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 5

http://www.flickr.com/photos/stubby42/6183073853/sizes/l/

http://www.etsy.com/listing/113967469/funny-japanese-sign-engrish-humor-thank

http://www.flickr.com/photos/9731367@N02/6988181354/sizes/c/

Page 6: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

STATE OF THE UNION

6

Every child has a chance at the american dream because we

honor the dignity of hard work

http://www.youtube.com/watch?v=nh9j8s2vivc

Page 7: Turning a Blind Eye to Good Usability

What is Accessibility?!

7

Access, to reach, to participate, to perform, to learn

Accessing Places and information equally

Page 8: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

MAGARIO’S DIGNITY GAP MODEL!

8

Page 9: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

ACCESSIBILITY GETTING BEHIND !

9

Page 10: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

OLD VS NEW!

10

http://www.freedomscientific.com/documentation/pacmate/6.5/BX/PACmate-BX400.gif

http://www.nanopac.com/Braille%20Lite%20M40.htm

Page 11: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

ACCESSIBILITY GETTING BEHIND !

11

As technology increases.

Replace People with Disability with Accessibility

Page 12: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

1. Awkward

2. Inefficient

3. Messy

4. Frustrating!

12

Accessibility is…

Page 13: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 13

THINK POSSIBILITY!

Page 14: Turning a Blind Eye to Good Usability

Magario Accessibility Experience Method !FACE II!

14

Page 15: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

1. Be Functional

2. Be Analytical

3. Be Clear

4. Be Efficient

5. Be Investigative

6. Be Iterative!

15

Magario Accessibility Experience Method !FACE II!

Page 16: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

Magario Accessibility Experience Method !FACE II!

1.  Be Functional – make it work

2.  Be Analytical – apply Task Analysis (verb, verb, and verb)

3.  Be Clear – identify the relevant elements

4.  Be Efficient – evaluate with user testing

5.  Be Investigative – research (stand on the shoulders of others)

6.  Be Iterative – take small steps for constant improvement!

16

Page 17: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

1. Effectiveness

2. Efficiency

3. Satisfaction!

17

PRINCIPLES OF ACCESSIBILITY!

Page 18: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 18

Page 19: Turning a Blind Eye to Good Usability

Consult Letter!

Minutes

Page 20: Turning a Blind Eye to Good Usability

Current Situation!

•  Technology Making The Impossible Possible

•  Collaboration Bridging The Divide

•  Higher Delivery Expectations!

20

Page 21: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

TRY IT OUT!

1. Google Glass

2. One Handed 508 Keyboard

3. iPad with Voiceover

4. iPad with Switch!

21 http://www.flickr.com/photos/lawrencegs/11466377496/sizes/k/

Page 22: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

MAGARIO ACCESSIBILITY METHOD IN ACTION!

22 http://www.flickr.com/photos/eschipul/10506205096/sizes/l/

Page 23: Turning a Blind Eye to Good Usability

23

Drop Box!

http://www.flickr.com/photos/darkpollo/5194301853/sizes/l/

Page 24: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

1. Be Functional

2. Be Analytical

3. Be Clear

4. Be Efficient

5. Be Investigative

6. Be Iterative!

24

Magario Accessibility Experience Method !FACE II!

Page 25: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

1. Effectiveness

2. Efficiency

3. Satisfaction!

25

PRINCIPLES OF ACCESSIBILITY!

Page 26: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

MAGARIO CERTIFICATION STANDARDS!

26

• Certified

• Bronze

• Silver

• Platinum

Page 27: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

TYPE OF TECHNOLOGY USERS!

27

Page 28: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

WHO BENEFITS FROM ACCESSIBILITY?!

• EVERYONE

• BLINDNESS;

• MAGNIFICATION USERS;

• LOW VISION AND DEGRADED VISION;

• TEXT TO SPEECH USERS;!

28 http://www.flickr.com/photos/eschipul/11628790473/sizes/o/

Page 29: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

WHAT’S IN IT FOR YOU?!

1. A Systematic Approach to Evaluate the Accessibility Experience

2. Happier Users

3. More Business

4. Better SEO

5. Better Usability!

29 http://www.flickr.com/photos/eschipul/8796039562/sizes/l/

Page 30: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

CODING & DESIGNING FOR MULTIPLE ABILITIES!

1. Visual

2. Auditory

3. Kinesthetic

4. Mobility

5. Perceptive Abilities!

30 http://www.pcauthority.com.au/News/289739,geek-tech-top-5-gadgets-for-the-kitchen.aspx

Page 31: Turning a Blind Eye to Good Usability

One Size Doesn’t Fit All!

•  Image of scale like at a doctors office!

31

Page 32: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

FIRST STEPS !

32 http://www.flickr.com/photos/eschipul/10506221076/sizes/l/

Page 33: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

QUESTIONS? !

33 http://www.flickr.com/photos/eschipul/12962386025/sizes/o/

Page 34: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 34

Page 35: Turning a Blind Eye to Good Usability

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

THANK YOU!!

• Special Thanks To:

• Jonathan Campbell www.loveittobits.com

• Cozette Kosary

• Austin Swick !

35

RACHEL MAGARIO @RACHELMAGARIO

ED SCHIPUL @ESCHIPUL @TENDENCI

SETH BLUNT


Top Related