We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byJessica Rankin
Modified over 3 years ago
HCI 2003, September 2003© British HCI Group 2003 UsabilityNews Accessibility Project (UNAP) Dave Clarke, Ann Light and Claire Paddison
HCI 2003, September 2003© British HCI Group 2003 Agenda 1.Introduction and project goals 2.The survey 3.Heuristic evaluation of the present design 4.Design modifications 5.Testing the new design 6.Conclusions
HCI 2003, September 2003© British HCI Group Introduction and project goals Dave Clarke Visualize Software Ltd
HCI 2003, September 2003© British HCI Group 2003 Introduction UsabilityNews was launched in September 2001 by the British HCI group –http://www.usabilitynews.com –Content includes general news, job, paper calls and events –Contributions from various usability professionals around the globe –Fully edited content (editor Ann Light) –Bi-weekly based opt in and confirm newsletter –News headline service for syndication
HCI 2003, September 2003© British HCI Group 2003
HCI 2003, September 2003© British HCI Group 2003 The first design Site was first developed on near zero budget –Originally just an idea proposed to the British HCI Group to fill a gap in the field –Site was developed over the Summer of 2001 in spare(!) time ASP, SQL Server and HTML 3.2 based –Little time available for detailed analysis of requirements, target audience or indeed accessibility issues. A common situation in industry, where restricted budgets and tight timescales prevail Seems to be getting more and more common…
HCI 2003, September 2003© British HCI Group 2003 UNAP project Came as a result of ideas/discussions at HCI 2002 Disability Discrimination Act (DDA) October 2004 and Disability Rights Commission (DRC). Aims: –To make UN more accessible - take a practical, business focused approach –carefully consider time, resources and money invested, versus the benefits that would be gained. –Did not want to compromise the subjective graphical feel –Overall: Is it relatively easy to make a web site accessible after it is live, with minimal investment of time and money?
HCI 2003, September 2003© British HCI Group 2003 UNAP project Consisted of: –A web-based survey – questions opened up to include non-accessibility issues –Heuristic evaluation – identify, categorise and prioritise changes required –Design modifications (limited time and effort available) –Test the new design –Draw some conclusions from the project
HCI 2003, September 2003© British HCI Group The survey Claire Paddison IBM UK, Warwick
HCI 2003, September 2003© British HCI Group 2003 Survey Web-based survey consisting of 22 questions Sent to existing and potential user population Aim: –To gather general feedback about visitors to the site, for example, understand which areas are most useful –To gather specific accessibility feedback, for example, to find out about users assistive technology devices –To gather feedback related to mobile device use, for example, to understand whether mobile access to the site would be useful
HCI 2003, September 2003© British HCI Group 2003 Survey 151 responses –UK (45%), America (26%) and Europe (18%) General feedback –Keep up the good work –Ability to comment on news articles –I did not know you had a newsletter!
HCI 2003, September 2003© British HCI Group 2003 Survey Accessibility feedback –5% some form of vision impairment –2% some physical disability which impaired their use of a keyboard or mouse –4% learning or literacy difficulties
HCI 2003, September 2003© British HCI Group 2003 Survey Mobile device feedback –24% used a mobile device (other than a laptop) to access web sites –Only 6% said they would be interested in using such a device to access UsabilityNews
HCI 2003, September 2003© British HCI Group Heuristic evaluation of the present design Claire Paddison IBM UK, Warwick
HCI 2003, September 2003© British HCI Group 2003 Heuristic evaluation Conducted using IBM Heuristic Evaluation Database (HEDB) –Simplifies the management of a heuristic evaluation –Works well as a collaboration tool Used the IBM Accessibility Heuristics plus one catch-all usability heuristic –Heuristics developed from W3C, Section 508 and various other guidelines –Heuristics highlight which tasks users will have difficulties performing by inaccessible areas –Helps web site developers plan which areas of the site to make accessible first
HCI 2003, September 2003© British HCI Group 2003 Heuristic evaluation A task-based inspection with a team of six evaluators from a range of disciplines –You are interested in jobs outside the UK. Use UsabilityNews to see if there are any suitable job vacancies. Each finding independently rated against a severity –Severities are used to assess the degree of difficulty a design feature is likely to give a potential user Prioritised findings presented to the UN team Findings will be presented in context of solutions
HCI 2003, September 2003© British HCI Group Design modifications Dave Clarke Visualize Software Ltd
HCI 2003, September 2003© British HCI Group 2003 Modifications Recap: Aim of project was to make UN more accessible –A full redesign was not an option (but would have been nice!) IBMs Heuristic report was extremely useful: –Clearly broke down the various problematic areas –Helped us prioritise what was important and what was nice to have. –Some issues would have to wait for UN version 2 –Report also made suggestions as to how the problems could be rectified
HCI 2003, September 2003© British HCI Group 2003 Examples of modifications Visibility of ALT text and font size (before)
HCI 2003, September 2003© British HCI Group 2003 Examples of modifications Visibility of ALT text and font size (after)
HCI 2003, September 2003© British HCI Group 2003 Examples of modifications Skip to main content added: Example HTML: Not seen on the page but read out by most screen readers.
HCI 2003, September 2003© British HCI Group 2003 Examples of modifications Control and label associations added Explicitly relates a control to a label Example HTML: HTML formatting here etc… Headline: Assists screen readers and provides a larger target for those using a mouse
HCI 2003, September 2003© British HCI Group 2003 Examples of modifications Physical placement of text (before)
HCI 2003, September 2003© British HCI Group 2003 Examples of modifications Physical placement of text (after)
HCI 2003, September 2003© British HCI Group 2003 Comments on modifications Overall original design was not a bad starting point Left the design essentially as HTML 3.2 Effort required: –One single development day (including reading report etc) –A few hours graphical design work –Less than 1.5 man-days in total A lot of the modifications could have been pre- empted by using good accessibility design practice from the beginning.
HCI 2003, September 2003© British HCI Group Testing the new design Claire Paddison IBM UK, Warwick
HCI 2003, September 2003© British HCI Group 2003 User evaluation Tested with six people with special accessibility needs –Range of visual impairments, for example, blindness or tunnel vision, plus one RSI sufferer –Also tested with six people with no special accessibility needs who acted as a control group Objective: –To determine whether the UsabilityNews web site is accessible and usable
HCI 2003, September 2003© British HCI Group 2003 Combined results –91% participants felt that the site was effective –91% participants agreed that they could complete tasks in a reasonable amount of time –72% participants found the site easy to use –55% participants found the site satisfying to use;19% participants did not find the site satisfying to use. –36% participants agreed that the site navigation was intuitive and well structured; 36% participants disagree that the site navigation is intuitive and well structured
HCI 2003, September 2003© British HCI Group 2003 Search edit box Screen reader users were unaware what the Search field was for in the top right hand corner – the screen reader only read out edit box. –One user guessed it was the search edit box while another thought it was for submitting their address. Again, there is a box there which purpose I dont know, and then there is a link to advanced search as well. My reader cannot read what the box is. –When screen reader users carried out a word search on the page they were only able to find Search at the bottom of the page which means that the search button was not labelled correctly.
HCI 2003, September 2003© British HCI Group 2003 Advanced search checkboxes Users using an increased font size found the checkboxes visually difficult to scan. –I hadnt realised at all that the advanced search categories were organised in an alphabetical order. –Checkboxes were also organised alphabetically from left to right rather than top to bottom.
HCI 2003, September 2003© British HCI Group 2003 White space Participants found the black text on a white background easy to read… –I am sure that white background is good and thats right. Its clearly… the articles are clearly there with headings. First thing I will do is to read the headings, and then abstracts, and then decide whether I want to read further …but too much white space increases the amount of time it takes to find information. –I dont like lot of white space, because it makes scrolling longer, but you have the right amount of white space, thats fine.
HCI 2003, September 2003© British HCI Group 2003 Links Show all… is not an accessible link. –Links should be labelled in context, for example, Show all jobs, Show all events. Important information should be positioned at the top of any list –For example, Show all was positioned at the bottom of the list of Jobs therefore participants were unsure whether it was a list of all jobs or just a partial list. Also no information is provided explaining what the partial list is showing, for example, are they the most recent jobs submitted to the site? –How do we know that this is a complete list of conferences?
HCI 2003, September 2003© British HCI Group 2003 Error messages: After submitting an article to UsabilityNews, the form was returned with errors on empty fields. –The participant became frustrated as the screen reader was unable to pick up fields marked as incomplete. –Another participant using a similar screen reader was able to correctly identify the fields containing the errors This participant was very impressed with the alt tags used to identify the incorrect fields
HCI 2003, September 2003© British HCI Group Conclusions Dave Clarke Visualize Software Ltd
HCI 2003, September 2003© British HCI Group 2003 Conclusions Question: Is it relatively easy to make a web site accessible after it is live, with minimal investment of time and money? –In our experience, Yes - took one and a half days to make accessible However, this was mainly due to having the Heuristics report to refer to –Tweaking an existing design IS possible. It is now more accessible Full redesign (UN version 2) would provide a more complete purist solution –Overall design would consider accessibility from the beginning –Utilise CSS, XHTML, RSS… –Take into account the rest of the survey feedback –Add new functionality and refine current (e.g. Search engine)
HCI 2003, September 2003© British HCI Group 2003 Any questions?
Adapting Technology Changing Lives Web accessibility Web accessibility and Disability A Practical introduction Robin Christopherson and Curt Holst AbilityNet.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
Web Accessibility for Users with Motor Disabilities Audrey Le August 19, 2002.
1 Evaluating the User Experience in CAA Environments: What affects User Satisfaction? Gavin Sim Janet C Read Phil Holifield.
NKU Professional & Organizational Development Center Sean Ringey Web Educational Development Coordinator.
Daniel Njuguna – IT Officer/ Adaptive Technology Trainer Kenya Society For The Blind Accessibility in ICT’s.
MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Usability Study Newsletter Sign Up. Visibility of CTA’s Users took considerable time (e.g. up to 1 minute) in locating the ‘ alerts’ tab in the RH.
Web Design Guidelines by Scott Grissom 1 Designing for the Web Web site design Web page design Web usability Web site design Web page design.
COMM1PCOMM1P Alan Woolrych Accessibility 9 COMM1P9COMM1P9 SCET MSc EC/ECA © Alan Woolrych 2001 Introduction Accessibility “Making Content Available to.
E-Portfolio July2014 Managing Multi-source Feedback.
HCI 201 Week 4 Design Usability Heuristics Tables Links.
Evaluation of Products for Accessibility: The CUDA Lab at CSULB and Technical Evaluation at the Campus Level Fred Garcia and Shawn Bates.
EasyChair Reviewer sign up and bidding Art Hsieh Jean Huang Norik Davtian Ryan Nissenbaum.
Peer Feedback. In the homework section on the web for today: In the homework section on the web for today: 1. Open the link in the file and log into
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Newspaper in Education Web Site (NEWS) Usability Evaluation Conducted by Terry Vaughn School of Information The University of Texas at Austin November.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Certificate in Digital Applications – Level 02 Website Design and Creation.
12 Developing a Web Site Section 12.1 Discuss the functions of a Web site Compare and contrast style sheets Apply cascading style sheets (CSS) to a Web.
Microsoft Access A Hands-On Introduction Chapter 4.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Christ In Me Ministries Conceptual Model Presented By: Nicole Burrell, Erica Moore, Kimberly Sledge.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Welcome to Our Website Comments and Suggestions Welcomed! Presented by: Vicky Green.
CSC Proprietary and Confidential 1 Forms Lesson 3 After completing this lesson, you will be able to select and complete the most common forms.
What is Usability? Usability Is a measure of how easy it is to use something: –How easy will the use of the software be for a typical user to understand,
User Interface Development Target or Specific User Groups.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Developing the EdWeb- driven website mobile interface Usability research conducted February 2015 Findings and next steps Neil Allison University Website.
EAGLE Interface Update. New pages are FAST! Graphics reduced to 2, about 13K total.
Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.
Designing in the Dark A Collaborative Project. I am so Lucky! At UTC, I am part of the SoTL community AKA the Faculty Fellows At UTC, I am part of the.
Washington Campus Compact New Time Log Database Note to users: You should use Internet Explorer to use this database. In other programs (i.e. Firefox)
COMP 143 Web Development with Adobe Dreamweaver CC.
Support.ebsco.com EBSCOhost Mobile Tutorial. Welcome to the EBSCOhost Mobile tutorial, a guide to the most popular EBSCOhost features available for use.
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
Low-Literacy Users on the Web. Reading on the Web Most web users read as little as they can They scan the page, picking out important words and sentences.
Human Centric Computing (COMP106) Assignment 2 PROPOSAL 23.
Lindsey Main 1, 2 Lindsey Main 1, 2 Kathleen McGraw 2 Kathleen McGraw 2 User Services Department at UNC Chapel Hill Health Sciences Library supports.
Sending effective and professional s . Session aims and objectives Lesson Aims and Objectives send s that are fit for purpose and audience.
IT3 Human Computer Interface [HCI] Human Computer Interfaces Factors that should be considered when designing a Computer Interface.
Event Manager Training Part 3. Edit Event Options - Customize FY11 Sites Edit Event Webpages Sending s (Recruitment/Engagement) Help and.
1 How Do I Order From.decimal? Rev 05/04/09 This instructional training document may be updated at anytime. Please visit and check the.
DiDA – Image manipulation Project You will have 2 weeks to complete this project. You will be assessed on the following areas – Audience and purpose –
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2006 Microsoft Corporation.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
X-Media V2.0 Healthcare Training Jayex Technology Limited X-Media V2.0 March 2010 v
© 2017 SlidePlayer.com Inc. All rights reserved.