Improving the Old, Welcoming the New We’ve Got it In Site
Traditionally, with a New Year comes a resolution. Throughout the years, Usability Science’s resolution has always involved the commitment to offering and delivering our clients an outstanding portfolio of services. This year, we would like to see our full line of offerings communicated through a better online presentation.
Soon to launch is a new face for www.usabilitysciences.com, featuring a fresh look and feel with updated content. The site update is designed to more effectively communicate who we are and how we can help our clients develop products and websites that are superior in the marketplace. “We knew our site was getting stale and information was not completely up-to-date with our current service offerings,” says Paula Vanderburg, Director of Marketing for Usability Sciences. “We are a usability consulting organization, and our site needs to fully and effectively represent our comprehensive portfolio of services and best practices. We are dedicating the resources to keep our site content up-to-date and highlight new additions to our services.”
Features to look for with the re-launch of our site:?
- Overall new look and feel
- More comprehensive listing of our Lab-based Usability Testing and Online User Experience Research services
- Section on effective usability testing services for User-Centered Design practioners
- Section on testing solutions for common challenges experienced by clients
- Articles & White Papers to help share our knowledge on best practices for great user experiences
Look for it in the next couple of weeks, www.usabilitysciences.com
At Your Service, One Way or Another
In a past article (January 2005), we talked about a common site visitor perception: Companies that market products through “brick and mortar” in-store channels should offer the same products-or even a better selection of products-on their website. In this edition, we’ll take a look at how this “superstore mentality” transcends product offerings to encompass service offerings. If a company offers services that can be ordered by phone, in person, at a specific location, by fax, or by any other method, it is largely expected these services should also be readily available and easily ordered on the company’s website. After all, a service is not a physical product that needs to be stocked, or needs to be personally evaluated (eyeballed and handled), so why can’t these services be easily ordered online?Often times, service companies offer some but not all services online because some offerings require intense customization-something that involves comprehensive customer input to produce the right deliverable. If this is the case, service companies should first and foremost clearly list the offerings that cannot be ordered online and include the reason(s) why.
In a recent online research study for a B2B exhibit service company, 31% of the participants reported visiting the site to “Order products and/or services online for a show” and one-third of these visitors reported low or no success. Additionally, 16% reported not being satisfied with the site, 11% were not likely to recommend the site to a colleague and 6% reported not being likely to return. A verbatim feedback comment elicited from one of these unsuccessful visitors: “I would like to be able to order the Material Handling along with all my other needs through the website, instead of by fax. Now I have to fax that one form in and make sure the rep understands to put this with our online order.” This response illustrates that it was not clear why certain services could not be ordered online and the customer was not necessarily confident the order would be successfully fulfilled.
A recommended short-list of steps to alleviate this type of user experience:
- Clearly list all service offerings that are not available online, tagged with the reason(s) why
- Provide links to offline services that are as easily accessible as the links to online services
- A link to a service that is not offered online should display:
- A comprehensive service description,
- the recommended method(s) of ordering,
- the necessary steps to place an order,
- what information customers should have ready/available to complete the order,
- when they can expect the order to be fulfilled, and
- what they can expect as order confirmation.
When the efforts are made to ensure all services can be easily ordered, online or otherwise, the customers who come to the site to purchase a service will feel they have accomplished their mission.
Hillori Hager - Online Experience Project Manager
Tips & Tricks for an Accessible Website
According to a 2004 study by the Danish Center for Accessibility, more than 20% of all Internet users suffer from one or more disabilities. These disabilities can range from: Hearing Disabilities, Motor Disabilities, Dyslexia, ADD, Epilepsy, and Visual Disabilities. Disabled users often encounter numerous usability issues, including:
- Those with hearing disabilities may only be fluent in sign language and may encounter more and more sites that incorporate audio segments, which they cannot utilize without an alternate version.
- People with motor disabilities may suffer from involuntary movement, stiff joints, paralysis, or missing limbs. To access the Internet, many use special keyboards, pointing sticks, or voice-recognition software.
- Internet users who are Dyslexic may not be able to read text and/or may confuse letters such as b and d and frequently need additional sensory input to make sense of material.
- ADD (Attention Deficit Disorder) users may be distracted by moving objects, may not be able to follow screens that change rapidly, and/or may not be able to look at both text and image(s) at the same time.
- Epileptics need the ability to control the flicker rate of graphics by having the option of turning animated ones off. Seizures can be caused by flashes in the 4 to 59 flashes/ per second (Hertz) range, quick changes from dark to light, (similar to strobe lights) and unusually high sound frequencies.
- Visually disabled users who use screen readers and Braille writers have trouble with unidentified images, links, tables, and frames. Those who use screen magnifiers often have issues with absolute fonts and pages with poor contrast.
Although all types of disabilities should be taken into account when designing a website or online application, this article will focus primarily on how to update your site for those with some level of visual impairment. As previously mentioned, visually disabled users may access the Internet by the use of screen reader software. This software actually reads the site code, allowing the user to interact with the website in a similar manner as a fully sighted person. When specific information is missing from the code, the visually impaired user is unable to use the site.
Recently, the National Federation for the Blind filed a class-action lawsuit against Target.com citing the website violated the Americans with Disabilities Act (ADA) by not providing an audio component to their retail site which would make the site accessible to those individuals with visual impairment. (The ADA is a law passed in 1990 that requires retailers and other public places to make accommodations for people with disabilities.) The Target Corporation believes that the ADA only applies to physical spaces. How to make your site more accessible for the visually impaired There are many fixes you can add to your website to make it more accessible for visually impaired users. The following are just a few of the ways to make your site more accessible.
- Use the Alternative attribute when coding. Alternative Attributes define a website element in textual form. These attributes are ‘read’ by the screen reader software giving that user a better understanding of how the webpage looks. This attribute is often mistakenly referred to as an ALT tag; however, it is not an HTML tag, but merely an element of a tag. In Internet Explorer, the ALT attribute text is also shown on the screen as an image mouse-over or when the image cannot be displayed.
- In general, the text alternative and the non-text element should relate the same information. The following is an example of how a red shirt image could be coded on a webpage: Notice how the alternative text serves the same purpose as the image.
- Also, when using ALT attributes to describe the same image on multiple pages, (e.g., a forward arrow used for navigation or a search button) be sure to use the same alternative text for each like image.
- Coding ALT attributes are good for the user as well as good for business, as many search engines also read the alternative text and utilize it within search engine rankings.
- Employ contrasting site colors in both the site background and the text. Black text on a white background is the ideal, but many sites use color to reinforce the company branding. When choosing site colors, keep in mind that dark text on a light background will be the easiest to read for everybody, not just the visually impaired.
- The site navigation should be clear to the user. While attractive, using graphics and flash for navigation can be an instant barrier for many users, especially if the ALT attribute is not used to describe the image. Also, the location and the size of the navigation should be obvious and consistent to the site users, so they can immediately find the information they are seeking on any page of the website.
- Finally, allowing the user to control the experience on the site is very important for accessibility. This control can be given to the user in many ways.
- Internet users can make use of their own style sheet in order to make the site accessible; others may adjust the size of the browser text to a size that is more legible. If using a custom style sheet on the website, be sure to use relative font sizes like pixels or ems versus absolute lengths such as points or picas so the user has more control of the visual representation of the site.
- Also, when using Flash animation or music, always provide the user with on/off capability and do not rely on the Flash or music to be the only way to interact with the website.
- And finally, be sure that the site does not rely solely on a mouse to access certain content. All features of the site should be keyboard accessible.
Currently, the W3C (World Wide Web Consortium) is in process of drafting standards for web accessibility, to be published in 2007. The WAI (Web Accessibility Initiative) is the part of the W3C whose commitment is to lead the web to its full potential by promoting a high degree of usability for people with disabilities The WAI is in process of authoring a document that contains the standards and definitions for an accessible website. The current working draft for this document is located at http://www.w3.org/WAI/WCAG20/quickref/ and can be used as a guideline in helping create an accessible website.
Another way to check a site is to determine if it is ‘Bobby Approved.’ This free service is provided by Watchfire, a software and service company that helps ensure the security and compliance of websites. The Bobby tool allows you to test web pages and help expose and repair barriers to priority 1 accessibility (the lowest priority level) and encourages compliance with existing accessibility guidelines.
While it is not does not check for “good” layout or design, Bobby does test for compliance with government standards, including the U.S. Government’s Section 508. It offers prioritized suggestions based on the Web Content Accessibility Guidelines provided by the World Wide Web Consortium’s (W3C) Web Access Initiative. Bobby allows developers to test web pages and generate summary reports highlighting critical accessibility issues before posting content to live servers.
Learn more about accessibility
Amy Toft - Usability Analyst