Four Tips for Designing Web-Based Health Care Quality Reports
This page offers several important tips for designing Web reports on quality. To learn more, go to Resources: Web Design.
Make Conservative Assumptions About the Web Skills of Report Users
Assume that some people who want to use your quality report will have limited skills and experience in visiting Web sites. Do your best to anticipate and address common navigational challenges. For example, people who are less-experienced Web users may:
- Rely exclusively on the back button for navigation.
- Be unaware of or inattentive to cues that experienced users rely upon, such as using the scroll bar on the far right of their screen to see whether there’s more content on that page.
- Not know how to use the scroll wheel on the mouse.
Start with the most important information and keep Web pages relatively short. If scrolling is necessary, such as for a lengthy table of quality comparisons, make sure that the need to scroll will be clear to less experienced users so they will not miss important information. Learn more about scrolling at http://www.usability.gov/pdfs/chapter8.pdf.
Keep Navigation Simple, Quick, and Intuitive
Make it easy for people to know what’s in the report and how to find their way through it. Use design features to help show them where they are in the Web report, how to get back to where they were, what’s coming next on the page, how to find related information, and what other topics they could choose to view next.
Navigational strategies include the following:
- Persistent navigation, such as showing links for different parts of the quality report at the far left or top of each Web page.
- Links at the beginning of a Web page that serve as a “mini” table of contents for that page (sometimes called “anchor links”).
- Links to related information as applicable throughout the text on the page.
- Differences between links that are within the same Web site and those that take the user to a different Web site (for example, by using a brief message to alert people when they click on a link that takes them to a different Web site).
- “Breadcrumb trails” that show where the current page fits within a hierarchy of pages on the site. These can work well to orient users who come to the page through the established path.
- A clear display of the request and the results when a user has made a selection or done a search. An example would be: “You chose Sonoma County. This site has quality information on 11 nursing homes in this county.”
Make Links Obvious and Self Explanatory
Follow the usual conventions for links so that people don’t wonder whether or where they should click. Standard practice is a blue link that changes color—usually to purple—after it has been clicked. Particularly for less experienced users, this convention works better than other approaches, such as creating fancy icons to serve as links or expecting people to click on an image.
- Make the label for the link informative enough for users to accurately infer what they will see if they click. Ambiguous or misleading links can be frustrating and discouraging. They can also lead people to unintentionally skip something of interest.
- Try not to repeat the same link label on a given page (e.g., multiple references to “Learn more”). Redundant links can be confusing and may be challenging for readers using accessibility devices. One way to overcome this challenge is to create alt-tags for each link that reveal the differences in the content. For example, if the links say “Learn more,” the tags could say “Learn more about X” and “Learn more about Y.”
Learn more about links at http://www.usability.gov/pdfs/chapter10.pdf.
Make Sure Your Design Works Well for All of Your Users
Your intended readers will be using different hardware and software to access your report. Some of your users may have disabilities. Here are tips to help make sure the design will work well for all of them:
- Design a site to function smoothly on different platforms and with different browsers. Test it thoroughly at different stages of development to be sure that it does.
- Create a design that considers the special needs of certain users, such as:
- Those who use dial-up connections.
- Those who will want to enlarge the size of the type.
- Those who use accessibility devices such as screen readers.
- Choose colors carefully, taking into account that colors look different on different monitors. Also consider that some people have limitations in color perception. Review tips on using color effectively in your report.
To learn more, go to Resources: Making Your Web Report Accessible.
Also in "Tips on Designing a Quality Report"
Page originally created February 2015