Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo....
Who’s that guy?<br />OMG a prototyper!<br />Tackling design, user interface and interaction problems<br />Present speedy i...
Accessibility at Yahoo!<br />Alan Brightman<br />Victor Tsaran<br />Dynamic Keyboard Generation for Single Switch Users<br...
On-screen Keyboards What are They Good For?<br />Representation of traditional keyboard input device<br />Provide addition...
On-screen Keyboards in the World Wild Web<br />One size fits all<br />Content and context agnostic<br />Many keystrokes re...
On-screen Keyboards in the World Wild Web<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda ar...
On-screen Keyboards in the World Wild Web<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda ar...
What’s the problem?<br />One size doesn’t fit all<br />Using a keyboard as a mouse<br />Keyboards are for typing<br />Inpu...
Web Semantics to the Rescue<br />kinda<br />HTML5 elements have meaning<br /><nav><br /><article><br /><section><br />Aria...
Real World Applications<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com...
Real World Applications<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com...
Leveraging Semantics<br />Use markup to derive context where possible<br />Increase productivity by directly manipulating ...
Live Demo Time!<br />Let’s hope pray this works!<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Mira...
Looking Forward<br />The average American spends more than 60 hours a month online. This is the equivalent of 30 straight ...
Looking Forward<br />Web applications in direct competition with desktop applications<br />Yahoo! Mail<br />Google Docs<br...
Looking Forward<br />Web technology based operating systems<br />JavaScript, HTML5 and CSS3 based application framework<br...
Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda<br />aramys@yahoo-inc.com<br />Resources<br />Yaho...
Upcoming SlideShare
Loading in …5
×

Dynamic keyboard generation

703 views

Published on

Published in: Technology, Design
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
703
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Dynamic keyboard generation

  1. 1. Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  2. 2. Who’s that guy?<br />OMG a prototyper!<br />Tackling design, user interface and interaction problems<br />Present speedy implementations of ideas <br />Prove a concept, design or interaction before applying full production resources to a project <br />Provide functional code which is a direct representation of a concept, design or interaction for decision making<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  3. 3. Accessibility at Yahoo!<br />Alan Brightman<br />Victor Tsaran<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  4. 4. On-screen Keyboards What are They Good For?<br />Representation of traditional keyboard input device<br />Provide additional controls normally provided by a mouse<br />Provide shortcuts to applications, keystroke combinations and input gestures<br />Empower users with limited mobility<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  5. 5. On-screen Keyboards in the World Wild Web<br />One size fits all<br />Content and context agnostic<br />Many keystrokes required to access links and other elements on the page<br />Targeting small elements with mouse emulation is difficult<br />Tabbing through elements is slow<br />Not the way the web was meant to be navigated<br />No hover<br />No click<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  6. 6. On-screen Keyboards in the World Wild Web<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  7. 7. On-screen Keyboards in the World Wild Web<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  8. 8. What’s the problem?<br />One size doesn’t fit all<br />Using a keyboard as a mouse<br />Keyboards are for typing<br />Input is the priority not consumption<br />Content and context are ignored unless explicitly accounted for by the user<br />Indirect manipulation of data<br />No standard cross-platform solution<br />Cost can be a factor<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  9. 9. Web Semantics to the Rescue<br />kinda<br />HTML5 elements have meaning<br /><nav><br /><article><br /><section><br />Aria roles and tabindex<br /><a href=“#” role=“button”>Button</a><br /><a href=“#” tabindex=“1”>Home</a><br />Context can be derived and applied to content<br />Markup is never guaranteed to be valid, semantic or in line with best practices<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  10. 10. Real World Applications<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  11. 11. Real World Applications<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  12. 12. Leveraging Semantics<br />Use markup to derive context where possible<br />Increase productivity by directly manipulating elements<br />Remove the middlemen <br />Keyboard<br />Mouse <br />Create a keyboard which is aware of context <br />Apply known context to selected content<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  13. 13. Live Demo Time!<br />Let’s hope pray this works!<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  14. 14. Looking Forward<br />The average American spends more than 60 hours a month online. This is the equivalent of 30 straight days a year.<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  15. 15. Looking Forward<br />Web applications in direct competition with desktop applications<br />Yahoo! Mail<br />Google Docs<br />Facebook<br />Twitter<br />Mint.com<br />Cloud based services<br />Dropbox<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  16. 16. Looking Forward<br />Web technology based operating systems<br />JavaScript, HTML5 and CSS3 based application framework<br />Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />
  17. 17. Dynamic Keyboard Generation for Single Switch Users<br />Aramys Miranda<br />aramys@yahoo-inc.com<br />Resources<br />Yahoo! Accessibility<br />http://accessibility.yahoo.com<br />Switch XS<br />http://www.assistiveware.com<br />YUI3<br />http://developer.yahoo.com/yui/3/<br />Special Thanks<br />Victor Tsaran<br />vtsaran@yahoo-inc.com<br />Alan Brightman<br />abright@yahoo-inc.com<br />Nate Ebrahimoon<br />nebrahim@yahoo-inc.com<br />Aramys Miranda aramys@yahoo-inc.com http://accessibility.yahoo.com<br />

×