©2008 IBM Corporation Personalizing the User Interface of a Web Browsing Tool Takuya Ohko, Reiko Nagatsuma, Shinji Iizuka, Masakazu Takizawa, Takuji Wada,

Slides:



Advertisements
Similar presentations
Paragraph Formatting Lesson 4.
Advertisements

Chapter 3 – Web Design Tables & Page Layout
Copyright © 2006 Help Desk Systems, Inc. All rights reserved. Overview of Help Desk Systems Inc. (HDSI) HDSI offers a hosted, web based trouble ticket.
Learning the Basics – Lesson 1
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
1 Migration of Business Objects XI from R2 to R3 July 1, 2009 Office of the Chief Financial Officer Fiscal Management Information System Team This presentation.
From Disabled to Abled Web Today and Tomorrow’s Solution Kenneth Lau December 6, 2002.
©2008 IBM Corporation Improving the Web Browsing Environment for Dyslexics by Elaborating Functionalities Reiko Nagatsuma, Shinji Iizuka, Masakazu.
Integrated Loyalty Program. Standard Loyalty Program.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Achieving Accessibility with PDF Greg Pisocky Accessibility Specialist.
Make your choice from more than 70 templates to get a quick start online!70 templates.
Introduction KWizCom Business Card Founded in 2005 Headquartered in Toronto Global provider of add-ons and services customers worldwide Business.
Financial Data Calculator© Produced by: Mathematical Investment Decisions, Inc. 95 West Gate Drive – 2 nd Floor Cherry Hill, NJ Web site:
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Christ In Me Ministries Conceptual Model Presented By: Nicole Burrell, Erica Moore, Kimberly Sledge.
Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.
Chapter 1 Understanding the Web Design Environment
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
The Web at Fuqua and You. New opportunities n Selection of DreamWeaver as Fuqua’s standard web editing software. n The imminent selection of easy-to-use.
Clinic to Cloud Provides an Electronic Medical Records System to Doctors in Australia, Hosted by Highly Secure Microsoft Azure Data Centers MICROSOFT AZURE.
Overview of New Behind the Blackboard for Blackboard Customers APRIL 2012 TM.
2. Introduction to the Visual Studio.NET IDE 2. Introduction to the Visual Studio.NET IDE Ch2 – Deitel’s Book.
Intern: Nathalie Kaing Supervisor: Regina Bernhaupt Tutor: Marco Winckler 1.
How do people communicate with computers?
Team Crutch. Vision Statement Team crutch aims to develop portable, inexpensive, user-friendly software for the Android platform that mitigates communication.
Basic tasks of generic software Chapter 3. Contents This presentation covers the following: – The basic tasks of standard/generic software including:
Psychology of usability 1 User interfaces Jaana Holvikivi Metropolia.
Song Pro Retro Alex Harper. Contents of Presentation Inspiration Basic Concept Speaker Module.sng file structure Song Pro Retro: Light Song Pro Retro:
PowerPoint Basics “Just what are we trying to do with this software anyway?”
BENEZIT DICTIONARY of ARTISTS Welcome to the guided tour for the Click anywhere to begin.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
New Features in Release 9.2 (July 27, 2009). 2 Release 9.2 New Features Updated Shopping Experience Home/Shop page Shop at the top search New Hosted Supplier.
CMPD 434 MULTIMEDIA AUTHORING Chapter 06 Multimedia Authoring Process IV.
Paragraph Formatting Lesson 4.
Moodle (Course Management Systems). Glossaries Moodle has a tool to help you and your students develop glossaries of terms and embed them in your course.
25 juin 2010 Interactive Genetic Algorithms for Creative Enhancement in UI design Dimitri Masson Alexandre Demeure Gaelle Calvary 1.
IBM Web Adaptation Tool (WAT) Making the Web easier to use IBM PCIG April 14, Product of the Year Gold Award of Honor.
Heuristic evaluation Functionality: Visual Design: Efficiency:
CHRONOS-CONTROL COMPUTER CONTROL USING TI CHRONOS Cihat Keser Yeditepe University
Comfortable Web Browsing IBM Web Adaptation Software Workshop Art Gilbert.
Accessible Graphics on the World Wide Web Dan J. Grauman Information Technology Specialist National Cancer Institute, NIH Salt Lake.
DE | GA | IA | LA | ME | MA | MI | MN | MO | NY | PA | UT | VT | WI The 15-state Accessible Instructional Materials (AIM) Consortium is working.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Accessibility IS 101Y/CMSC 101Y November 19, 2013 Carolyn Seaman University of Maryland Baltimore County.
Usability User interfaces Jaana Holvikivi Metropolia
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
C OMPUTING E SSENTIALS Timothy J. O’Leary Linda I. O’Leary Presentations by: Fred Bounds.
Fundamentals of Graphic Communication 3.5 Accessible Design.
Chapter 20 Presentation Effects © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible.
1 Database Basics: Filemaker 7 Introduction Center for Faculty Development, SJSU Steve Sloan
I have researched all my clients and they have told me that if I were to design a website for them, the website should require: Usability (Medium) User.
A SSISTIVE TECHNOLOGY TOOLS Morgan McGlamery EDN 303.
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
Reach More People with Zoom & Speech Built Right into Websites.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
1 Project Status Review - I Team – 14 Arun Pratik(8135) – On-campus Chinmaya Sarangi(2508) – On-campus Payod Deshpande(0959) – Off-campus (Fremont, CA)
Video Alchemy Reviews Website: Vendor: Simon Warner et al Product name: Video Alchemy Launch.
SIE 515 Universal Design Lecture 9.
Introduction to Visual Basic. NET,. NET Framework and Visual Studio
Investigating User Interfaces
Microsoft Word 2010 Lesson 1 Revised February 9, 2011
Presentation Graphics
2016 REPORT.
201X REPORT.
目 录 The quick brown fox. 目 录 The quick brown fox.
Tutorial Introduction to help.ebsco.com.
2016 REPORT.
Presentation transcript:

©2008 IBM Corporation 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

©2010 IBM Corporation 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%)*

©2010 IBM Corporation 3 Outline  What’s Easy Web Browsing (E W B) ?  Efforts on expanding target users  Issues  Personalization of UI  Conclusion

©2010 IBM Corporation 4 IBM Easy Web Browsing TM – a Web Browsing Tool An assistive technology which provides user-friendly operations and accessibility features that enable a variety of end users to easily access Web sites. Uneasy to read for … - Small fonts - Inappropriate color combinations - Long articles Various barriers on the Web 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, …

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

©2010 IBM Corporation 6 E W B V1  Large buttons  Basic features  Setting panel for all the feature parameters

©2010 IBM Corporation 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.

©2010 IBM Corporation 8 E W B V2 with new features for LD  New features for LD  More panels  More parameters * Nagatsuma et al.: CSUN 2009.

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

©2010 IBM Corporation 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.)

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

©2010 IBM Corporation 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

©2010 IBM Corporation 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”

©2010 IBM Corporation 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.