1 / 14

Personalizing the User Interface of a Web Browsing Tool

Takuya Ohko, Reiko Nagatsuma, Shinji Iizuka, Masakazu Takizawa, Takuji Wada, Takashi Saito (Speaker) IBM Accessibility Center, IBM Research - Tokyo, Japan. Personalizing the User Interface of a Web Browsing Tool. Accessibility Center. Expanding to “human ability”.

scout
Download Presentation

Personalizing the User Interface of a Web Browsing Tool

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Takuya Ohko, Reiko Nagatsuma, Shinji Iizuka, Masakazu Takizawa, Takuji Wada, Takashi Saito (Speaker) IBM Accessibility Center, IBM Research - Tokyo, Japan • Personalizing the User Interface • of a Web Browsing Tool

  2. Accessibility Center Expanding to “human ability” “Disabilities” are no longer confined to traditional definitions, especially with growing need to embrace multi-generational and multi-cultural populations. World population: 6 Billion* Worldwide Number Disabled: ~1 Billion (16%)*

  3. Outline • What’s Easy Web Browsing (E W B) ? • Efforts on expanding target users • Issues • Personalization of UI • Conclusion

  4. An assistive technology which provides user-friendly operations and accessibility features that enable a variety of end users to easily access Web sites. Various barriers on the Web Uneasy to read for … - Small fonts - Inappropriate color combinations - Long articles Read aloud at the location pointed with the mouse Customizable the background and text colors Enlarge the pointed text here E W B Target Users: Seniors, people with low vision, novice users, … IBM Easy Web BrowsingTM – a Web Browsing Tool

  5. EWBV1 EWBV2 EWBNext Feature Target user Magnify Color blindness Color changing Amblyopia IT beginner Highlight/Masking Foreigner Read out Children Ruby for Kanji Seniors Line Height *1 Seniors Ruler *2 Colored overlay Dyslexia other learning disabilities Writing assist New Succeed *1. Takizawa et al.: CSUN 2008. Enhanced *2. Nagatsuma et al.: CSUN 2009. Efforts to provide features for target users and others

  6. E W B V1 • Large buttons • Basic features • Setting panel for all the feature parameters

  7. E W B V2 • More features • Sub setting panels for each feature category • One collective setting panel Reported in Takizawa et al.: CSUN 2008.

  8. E W B V2 with new features for LD • New features for LD • More panels • More parameters * Nagatsuma et al.: CSUN 2009.

  9. Easy Web Browsing is an easy-to-install software package that can help you Easy Web Browsing is an easy-to-install software package that can help you Ruler Colored Overlay Easy Web Browsing is an easy-to-install software package that can help you Easy Web Browsing is an easy-to-install software package that can help you Masking Line spacing The quick brown fox jumps over the lazy dog The quick brown fox jumps over Word spacing 岸に小さな学校がありました。 Letter spacing 岸に 小さな　学校が　ありました。 IBM Easy Web Browsing Word separation IBM Easy Web Browsing IBM Easy Web Browsing Reading out IBM Easy Web Browsing --- IBM Easy Web Browsing Ruby ふじ さん 富 士 山 富 士 山 I B M E a s y W e b B r o w s i Features for dyslexia

  10. Comments by trial users with LD Each feature is really good for us! But …. • “It is troublesome to go through so many steps only to turn on and off the feature, because I want to do that frequently.” (might be caused by short-term memory) • “Please show only my favorite features on the control panel.” • “Features should be laid out most effectively for me, since there is a possibility of pushing invalid buttons if many buttons are shown at once.” (might be caused by distracting layouts) Personalization is required, and it would be also good for conventional users. (These issues are not unique to LD people.)

  11. What is the key issue? Expanding target users Increase complexity Enhancement of features Essential to have a flexible UI

  12. Diverse requirements from diverse users • Conventional users • Conventional features • Color blindness, I T beginner, elderly people … • Old PC platforms • Keeping same usability as before • New users, potential or prospective users • New features • Dyslexia, other learning disabilities … • New PC platforms • Attractive appearance

  13. Design points of the new UI • Personalizable Button Layout • Features are selectable on the panel by users. • Some basic features are kept at fixed places. • One-feature One-button • One feature is allocated to one button, and also the setting panel is allocated to one button. • Understandable Button • Descriptions of buttons are provided to users in various ways: Label/Icon/Tooltip/TTS/Description field/Help • E W B Compatibility • The basic concept is pursued from prior versions of E W B, “Easy-to-use by large & simple buttons”

  14. Conclusion • Target users of a Web browsing tool, E W B, have been expanded by enriching features for each user group. • Key issue behind is how to incorporate diverse user groups without losing easy-to-use concept. • An approach to UI personalization (User-initiated personalization) was presented. • We are planning to perform evaluations thru pilots. • Personalization by integrating user-initiated & system-initiated schemes is a next topic to investigate.

More Related