|
Prioritizing Web Usability Authors: Nielsen J., Loranger H Published year: 2006 Pages: 36-38/107 |
Chapter 6. Navigation and Information Architecture172 Am I There Yet? 173 Match the Site Structure to User Expectations
178 Navigation: Be Consistent 184 Navigation: Beware the Coolness Factor
189 Reduce Clutter and Avoid Redundancy 192 Links and Label Names : Be Specific 202 Vertical Dropdown Menus : Short Is Sweet 202 Multilevel Menus: Less Is More 205 Can I Click on It?
210 Direct Access from the Homepage
Chaotic design leads to dead ends and wasted effort. Hastily thrown-up Web sites without effective information schemes prevent users from getting to the information they seek. When this happens, they may give up or, even worse , go to a different site. A well-structured site gives users what they want when they want it. In this chapter we look at some of the most common design obstacles that stand between users and their goalsand provide guidelines on how to avoid them. Over and over again, the people in our studies struggled to get information they wanted, cursing and complaining along the way. In fact, difficulty finding what they were looking for was the biggest problem for our users. Although Search was the single most problematic design issue, four other areas that we collectively call "findability" caused even more difficulties. These fournavigation and menus; category names; links; and information architecture (IA), which is how the information space is structureddetermine how easy it is to find things by clicking around a site, as opposed to going directly through Search. (Many people consider "category names" to be a subsidiary issue of "information architecture" because structuring and naming often go hand in hand. But because they involve different kinds of design decisions, we feel it's worth considering them as separate issues.) |
Am I There Yet?Poorly designed Web sites do more than slow users downthey can actually discourage them from using the site. When people can't find what they need, they often assume that the information isn't available there. In frustration, they may go elsewhere. With a sympathetic design, people find and manage information effortlessly; the labeling, layout, and relationship between individual pages are clearly represented. Good navigation design shows people where they are, where things are located, and how to get the things they need in a methodical way. An appropriate IA makes people comfortable to explore and confident that they can easily return to previously viewed pages. One of the biggest compliments a site can get is when people don't comment on its structure in user testing. On well-organized sites, users can freely move along, focusing on their task, without having to worry about the site's structure. It's the designer's job to worry about the site's structure, not the users'.
One of the biggest compliments a site can get is when people don't comment on its structure in user testing. It's the designer's job to worry about the site's structure, not the users'. |
Match the Site Structure to User ExpectationsThe most effective sites at directing people to the right place are those that match user expectations. We know that users won't spend the time to memorize or learn the navigation of different Web sites. Allocating adequate resources to design the best IA for your site ensures that customers find answers they need in the places they expect. The more natural the design feels, the more likely users will return to it. People don't like to wade through many ambiguous links to get to content. They expect sites to organize information in a way that makes sense to them. Use a navigational structure that reflects their view of the site and its information and services. Remember, the operative word is "them," not "you." You might think that your site's organizational structure is intuitive. One of the biggest mistakes organizations make when categorizing components is to use schemes that are familiar to them, such as arranging products by brand or mirroring sites' content to their organizational charts . As a result, it's common for sites to make perfect sense to the creators but not to their end-users. Why? Because how you and your company structure and organize information may be very different from how your users envision it. If you're selling flashlights, for example, it's better to organize by attributes that users may be looking for, such as travel size , than by brand names , such as Xeon. While Xeon may be a familiar line of flashlights within your organization, it may not be to your customers. Trying to design the structure of your site without the input of your customers is a huge mistake that can cost you thousands to millions of dollars. No matter how good and fancy your site may look, it's useless if it doesn't make sense to your target audience. Design for their convenience, not yours.
Trying to design your site's structure without the input of your custom-ers is a huge mistake that can cost you thousands to millions of dollars. Design for their convenience, not yours. How should your site be organized? Although we strongly advise you to design your structure to reflect your users' thinking and tasks , we can't offer you a cookie- cutter method for doing so. What people need from different sites varies, so each site's optimal IA is dictated by the unique purposes and goals of the organization and its users. The topic of creating usable IAs and navigational schemes canand doesfill entire books. We bring it up here simply to stress its importance. When users can do what they set out to do on your site, you will reap the benefits.
(Facing page, top) This site is too brand centric. To figure out what billiard table best fits their needs, people who are unfamiliar with the brands must click each of the three options: Mizerak, Murrey, and Mosconi. This is a waste of their time. And the marketing descriptions for each brand don't provide the kind of information that might help people get closer to finding what they want.
www.escaladesports.com (Facing page, bottom) Even though the Escalade site does provide information about different types and styles of equipment, users missed it because the prominent logos and branding overshadowed links to that material: "I found that it was difficult. Once you got to the manufacturer, that was the end of the road. You couldn't look at the product individually.... I didn't particularly like that." "Each individual product label is selling the company that sells the product, instead of the product." "I can't find it. I would go to a different Web site. I would go to Google."
www.escaladesports.com This site tries to meet the needs of a broad audience by categorizing bicycles by both brand and type. Those who are already familiar with a brand can access it by name , and those who are looking by function or other features can search by type. Unfortunately, this site doesn't make the latter option readily apparent. Users must select a brand before they're offered a place to search products by features such as type and price.
www.blackmountainbicycles.com (Facing page, top) Proper categorization: In our testing, people using the City of San Diego site didn't mind the massive number of links on the homepage because it is organized with short, meaningful headers; users prefer short descriptive links to long, detailed descriptions. Notice how the subcategories help define the larger categories by providing specific of the content found inside each. For example, it's not always obvious what a category such as Community would encompass and we would usually advise against it. But on this site, it's clear what's inside this area because its six subcategories tell you. The site also uses the generic subcategory more, however, which we don't recommend because it isn't self-explanatory.
www.sandiego.gov Improper Categorization: Users who tested this site expected to find information on fuel cell technology under Products, not under Who We Are, where it is the last option on the menu. This miscategorization made people struggle or think that the information didn't exist here: "Now I'm lost.... It doesn't help me. I don't feel like I have options. I have to browse around. It's not easily found in the upper columns [the global navigational choices]." "I'm looking for a fuel cell category. I don't see it under Products." "That took a little too long!"
www.cummins.com |
|
Prioritizing Web Usability Authors: Nielsen J., Loranger H Published year: 2006 Pages: 36-38/107 |
![]() Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition | ![]() Eyetracking Web Usability | ![]() The Design of Everyday Things | ![]() Homepage Usability: 50 Websites Deconstructed | ![]() Designing Web Usability |
![]() Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition | ![]() Eyetracking Web Usability |
![]() The Design of Everyday Things | ![]() Homepage Usability: 50 Websites Deconstructed |
![]() Designing Web Usability |