Web 2.0 and User Experience For diverse users
What is Web 2.0? <ul><li>Breaks the website owner / user (publisher / reader) divide  </li></ul><ul><li>User contributes /...
Why Web 2.0 and accessibility? <ul><li>Issues </li></ul><ul><li>Web interfaces have changed significantly </li></ul><ul><l...
Why Web 2.0 and accessibility? <ul><li>Users with diverse needs </li></ul><ul><li>Can users interact using assistive techn...
Unleashing the potential of Web 2.0
The potential of social networking <ul><li>Social networking has huge opportunities for disabled users </li></ul><ul><ul><...
A web 2.0 eco-system is a growing suite of applications that work together. For example, YouTube videos can be embedded in...
Users want to participate in social networking… … but are unable to because the tools are inaccessible
Common difficulties <ul><li>Inaccessible CAPTCHA graphics </li></ul><ul><li>Information architecture does not adapt to use...
Has Web 2.0 development created a culture  where both accessibility and usability are no longer valued or prioritised? Are...
Web 2.0 Build now, Fix later… Otherwise known as iteration
Is it  (poorly implemented)  AJAX’s fault? AJAX is not the main culprit! … but it’s still guilty!
AJAX issues <ul><li>Screen reader and magnifier users not knowing parts of the screen have updated </li></ul><ul><li>Funct...
Web applications that are easy to use is as important as technical accessibility
Information architecture and accessibility <ul><li>Our user testing with disabled users shows that information architectur...
Solutions
CAPTCHA graphics <ul><li>In the short term, All CAPTCHA graphics should have an audio alternative </li></ul><ul><li>In the...
Help pages <ul><li>The web has changed and many users do not have a familiarity needed to confidently use social networkin...
Better use of Rich Media <ul><li>Flash is used to control rich media content and display adverts </li></ul><ul><ul><li>You...
Accessible innovation <ul><li>APIs allow developers to make applications more accessible: </li></ul><ul><li>The lovely Chr...
The challenges of  user generated content How can creators be encouraged to create accessible content?
Users creating accessible content <ul><li>Authoring tools need to be accessible: </li></ul><ul><ul><li>Encourage users to ...
Conclusions <ul><li>Test with disabled users to create a great user experience for everyone! </li></ul><ul><li>Make data o...
Thankyou GeekGirls! [email_address] With thanks: Damon Rose, BBC Ouch Ian Forrester, BBC Backstage Christian Heilmann, Yah...
Upcoming SlideShare
Loading in …5
×

Girl Geek Dinners with IT4Communities - AbilityNet

1,145
-1

Published on

Published in: Business, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,145
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Girl Geek Dinners with IT4Communities - AbilityNet

  1. Web 2.0 and User Experience For diverse users
  2. What is Web 2.0? <ul><li>Breaks the website owner / user (publisher / reader) divide </li></ul><ul><li>User contributes / generates content </li></ul><ul><li>Social media / networking </li></ul><ul><li>Web as a platform: </li></ul><ul><ul><li>Email, Calendars, Project Management </li></ul></ul>
  3. Why Web 2.0 and accessibility? <ul><li>Issues </li></ul><ul><li>Web interfaces have changed significantly </li></ul><ul><li>How users interact is changing </li></ul><ul><li>Web applications enable complex (AJAX) interactions </li></ul><ul><li>How can we enable accessible innovation? </li></ul>
  4. Why Web 2.0 and accessibility? <ul><li>Users with diverse needs </li></ul><ul><li>Can users interact using assistive technologies? </li></ul><ul><li>Is it easy to use? </li></ul><ul><li>Is it easy to learn? </li></ul><ul><li>Is it a good user experience? </li></ul><ul><li>Can users with disabilities contribute? </li></ul>
  5. Unleashing the potential of Web 2.0
  6. The potential of social networking <ul><li>Social networking has huge opportunities for disabled users </li></ul><ul><ul><li>Equal participation in business and leisure </li></ul></ul><ul><ul><li>Network without physical mobility being an issue </li></ul></ul><ul><ul><li>Deaf users now have easy and economical access to BSL video </li></ul></ul><ul><ul><li>New enhancements such as predictive text fields benefit users with reading difficulties </li></ul></ul>
  7. A web 2.0 eco-system is a growing suite of applications that work together. For example, YouTube videos can be embedded in MySpace pages. If the top sites are inaccessible does this create problems throughout the Web 2.0 eco-system?
  8. Users want to participate in social networking… … but are unable to because the tools are inaccessible
  9. Common difficulties <ul><li>Inaccessible CAPTCHA graphics </li></ul><ul><li>Information architecture does not adapt to user needs </li></ul><ul><li>Can’t use without a mouse / visual interface </li></ul><ul><li>Over complex interfaces </li></ul><ul><li>Difficult to understand what the application can do </li></ul>
  10. Has Web 2.0 development created a culture where both accessibility and usability are no longer valued or prioritised? Are we in danger of repeating the same mistakes from the early days of web development? Accessibility is not an iteration for mythical phase 2!
  11. Web 2.0 Build now, Fix later… Otherwise known as iteration
  12. Is it (poorly implemented) AJAX’s fault? AJAX is not the main culprit! … but it’s still guilty!
  13. AJAX issues <ul><li>Screen reader and magnifier users not knowing parts of the screen have updated </li></ul><ul><li>Functionality being dependent on mouse use </li></ul>
  14. Web applications that are easy to use is as important as technical accessibility
  15. Information architecture and accessibility <ul><li>Our user testing with disabled users shows that information architecture and content have a huge impact on accessibility. </li></ul><ul><li>This video shows the impact of poor content and information architecture on a user with a mild learning disability. </li></ul><ul><li>The next video shows the difficulties a screen reader user experiences on a multi language website – this highlights the difficulties caused by unexpected actions </li></ul>
  16. Solutions
  17. CAPTCHA graphics <ul><li>In the short term, All CAPTCHA graphics should have an audio alternative </li></ul><ul><li>In the longer term, there are a number of alternatives (none are completely viable) </li></ul><ul><li>Email verification </li></ul><ul><li>Mobile phone verification </li></ul><ul><li>Logic question (when this was trialled in the US there was 2 out 3 failures) </li></ul><ul><li>Server side scripts / plugins </li></ul>
  18. Help pages <ul><li>The web has changed and many users do not have a familiarity needed to confidently use social networking sites </li></ul><ul><ul><li>A JAWS user we spoke to DIDN’T KNOW video playback could be controlled on YouTube </li></ul></ul><ul><li>For example, the contents of a links list dialogue box on a static website and a Web 2.0 site sound very different </li></ul><ul><li>Having useful help information which gives an overview of the site allows users to build an accurate mental model of the application </li></ul>
  19. Better use of Rich Media <ul><li>Flash is used to control rich media content and display adverts </li></ul><ul><ul><li>YouTube does not use labels for the buttons on its Flash player </li></ul></ul><ul><ul><li>Adverts should have labels and alternatives so they are not disorientating </li></ul></ul><ul><li>MySpace does not allow users to control audio playback when browsing </li></ul>
  20. Accessible innovation <ul><li>APIs allow developers to make applications more accessible: </li></ul><ul><li>The lovely Christian Heilmann’s Easy YouTube for users with learning disabilities </li></ul><ul><li>http://icant.co.uk/easy-youtube/ </li></ul><ul><li>http://www.youtube.com/watch?v=bluJaIMQN0k </li></ul><ul><li>Steve Faulker’s Making Twitter Tweet </li></ul><ul><li>http://www.paciellogroup.com/blog/misc/notifier/index.html </li></ul>
  21. The challenges of user generated content How can creators be encouraged to create accessible content?
  22. Users creating accessible content <ul><li>Authoring tools need to be accessible: </li></ul><ul><ul><li>Encourage users to add alt text </li></ul></ul><ul><ul><li>Allow users to add headings (semantic structure) </li></ul></ul><ul><ul><li>Encourage users to add captions/subtitles </li></ul></ul>
  23. Conclusions <ul><li>Test with disabled users to create a great user experience for everyone! </li></ul><ul><li>Make data open – accessible APIs and mashups can be developed </li></ul><ul><li>Consider how to manage user generated content </li></ul><ul><li>Plan for accessibility from the start – not an iteration </li></ul>
  24. Thankyou GeekGirls! [email_address] With thanks: Damon Rose, BBC Ouch Ian Forrester, BBC Backstage Christian Heilmann, Yahoo Our testers: David, Hazel, Chris Lottie Poulton, Camera Di, Julia, Johann, AbilityNet

×