6 ways to fix a confused information architecture (jakob nielsen's alertbox)
6 ways to fix a confused information architecture (jakob nielsen's alertbox)
useit.com
alertbox
sept. 2006 confusing ia
jakob nielsen's
alertbox, september 25, 2006:
6 ways to fix a confused information architecture
summary:
when your website's users consistently navigate to the wrong sections, you have many options for getting users back on track, from better labels to clearer structure.
we recently user tested a website devoted to one particular product. single-product sites often have good usability because of their clear focus, but they can still have issues, as our study showed.
one of the bigger problems the test revealed was that users were quite confused about two sections of the site's information architecture (ia): foo basics and using foo. ("foo" isn't the product's real name; because this was a client project, i have to keep details confidential.)
we tested 8 users on many tasks. in 7 of those tasks, users needed to go to either "foo basics" or "using foo."
the following table shows the sections users visited first. the cells representing a task's correct choice are color-coded according to the users' initial click:
green indicates that at least two-thirds of participants immediately used the correct link;
yellow indicates that between one-third and two-thirds of users immediately used the correct link; and
red indicates that less than one-third of users clicked correctly the first time.
task
"foo basics"
"using foo"
other sections
a
4
4 (correct)
0
b
6 (correct)
2
0
c
2 (correct)
6
0
d
3 (correct)
1
4
e
0
8 (correct)
0
f
0 (correct)
2
6
g
2
2 (correct)
4
out of 56 task attempts, users immediately went to the correct site section in only 25 cases -- a mere 45% of the time. (the ultimate success rate was higher because users sometimes realized their mistakes and then found the correct area.)
in this case, we discovered the ia problem through user testing that revealed a high frequency of navigation errors. if you know in advance that you have an ia problem and want to focus on it exclusively in your testing, you can conduct a card sorting study. for most projects, however, i prefer to keep an open mind and do standard user testing, which addresses all design aspects. in this case, for example, we found problems beyond the ia, including those with the site's writing, visual design, forms, error messages, and a service that was difficult to understand.
diagnosing the problem
when users go to the wrong section most of the time, your site obviously has an ia problem. although our example site had other ia issues as well, the big problem related to the two site sections shown in the table:
"foo basics," which contained background information about foo, as well as what was good about the product and how its features worked; and
"using foo," which contained information to help people who already owned foo better utilize it.
the distinction between these two categories makes sense, but only if you have a strong conceptual model -- something customers rarely have. most users simply start clicking rather than spend time building an understanding of how a site's designers view the world.
six fixes
our example site's designers have several options for correcting user misconceptions about the ia:
1. merge the two sections into a single area so that users won’t have two similar options and mistakenly select the wrong one. users who previously went to "foo basics" or "using foo" won't necessarily go directly to a new, unified section to find information. however, we can assume that roughly the same number of people who visited the separate sections first would choose the unified section, giving us a 75% success rate. that percentage might even prove to be bigger, since the unified section might attract users who went to other sections in tasks d, f, and g. of course, it might also be too attractive and get clicks from users who need to go elsewhere. only additional testing will show.
as for the (distinct) downside, merging two sections would create a larger, more complex section. this new section would have twice the features of the old individual sections. as a result, users would be more likely to get lost within the new section and would have to spend more time scanning the section overview page to find the subsection they need.
2. rename the two existing sections. different labels could make the distinction between the two foo areas more clear and thus users might be more likely to click the right one. in this case, the solution isn't likely to work because the two sections are inherently too similar for a single label to clearly denote the difference. for other sites, however, simply relabeling a site section using words with much stronger information scent can greatly increase users' success. this is particularly true if the original labels were made-up terms and they were replaced with familiar words that people understand.
3. explain the two choices. instead of (or in addition to) new labels, you can help users by providing additional information next to the navigation labels. pictures can sometimes help, particularly when you have categories for two distinctly different products. other times, a line or two of text for each option can explain what they mean. although such text can be pure exposition, it's often better to list a few specific examples of the information contained in each category.
of course, we know that users don't like to read a lot online, so brevity is essential. also, the homepage is typically the only place with room for such explanations; navigation menus must stand on their own. for users who arrive through a deep link or who decide to keep using the site once they've completed their initial task, clear navigation labels are a must.
4. restructure the site. in our example case, the designers might be able to split the two problem sections' information up in a way that better resonates with users. alternatively, they could restructure the entire site, which might also address cases like task f, where most users went to the wrong site section. site restructuring, of course, is a lot more work and thus it's rarely the option of choice.
5. move information around. in a case like task c, where most users went straight to a wrong section, you could simply move the target information to the place where users looked for it. the potential downside here is that it undermines the integrity of the site's structuring principle, which might make the structure harder for users to master in the long run. but it's often equally appropriate to simply stick the information in the other spot. if that's the case, just do it.
6. add cross-reference links. finally, you can recognize that you'll never have a perfect ia where users always click into the right section every time. even though it's a kludge, you can add interface elements to overcome common mistakes before they snowball into true usability catastrophes. the web is built on hypertext, so there's no reason to restrain yourself to offering users a single way to find important information. if you know many users are going to the wrong site area, add a cross-reference link. obviously, every extra link is an additional feature that will delay users who don't want to visit the other area, so use cross-references judiciously.
with 6 possible fixes, what should you do? sadly, there's no single answer. the best solution is typically a combination of changes, such as renaming the labels, moving some features around, and adding a few cross-reference links to alleviate the remaining problems. other times, you can come up with a brilliant master plan to restructure the entire site and help everybody in one swoop.
with these types of design dilemmas, usability comes to the rescue: instead of spending endless time in expensive team meetings arguing over what to do, simply mock up 2 or 3 paper prototypes of the most promising solutions and test them with a new set of users. that's a quick and easy way of finding out what solution works best for your specific circumstances.
learn more
full day tutorial on information architecture at the user experience 2007 conference in las vegas and barcelona.
> other alertbox columns (complete list)
> sign up for newsletter that will notify you of new alertboxes
copyright © 2006 by jakob nielsen. issn 1548-5552
Acceuil
suivante
6 ways to fix a confused information architecture (jakob nielsen's alertbox) Definition of fix - Merriam-Webster Online Dictionary ColdFusion MX 7 Cumulative Hot Fix 3 ColdFusion 8.0 Cumulative Hot Fix 1 FixMyXP.com - Your One Stop Windows XP Fix It Site Télécharger Works Fix réseau pc fix(usb) portable wifi - je ne trouve pas les config ... Fix the pumps Intel Researcher Homepage IPv6 Fix: Home Fix-A-Flat - Car Care Products- A easy way to fix a flat tire Kitco Inc. - Past Historical London Fix Digg - Don’t Throw Out Your Broken iPod; Fix It via the Web Apple posts fix for freezing iMacs - Engadget Troubleshooting 101 : How to fix the family computer and save your ... PC World - Two Charged with Hacking PeopleSoft to Fix Grades PC World - Apple Posts QuickTime Security Fix DailyTech - Apple Releases Fix for iMac Freeze Issue, Updates MacBooks BBC - Languages French Quick Fix - Basics NASA plans spacewalk to fix ripped solar wing - CNN.com Les plus beaux restaurants du monde : Le Fix Microsoft to Fix Two Windows Holes on Patch Tuesday AppleInsider Apple releases iMac freezing fix, MacBook Pro ... AppleInsider iMac Software 1.2.1; Time Machine fix; MacBook ... Fantasy Fix: Starters - MSN Video Qwik-Fix (de PivX Labs) CSS PNG Image Fix for IE » Blog » Komodo Media What Mozilla users should know about the shell: protocol security ... GUNDAM FIX FIGURATION Outlook Recovery Tool to Fix PST File - PST Repair Software NVidia Refresh Rate Fix Win2K/XP - PC INpact Growing a Business Website: Fix the Basics First (Jakob Nielsen's ... BBC NEWS Science/Nature Lovelock urges ocean climate fix BBC SPORT Tennis Llodra reveals match-fix approach Aimfix - Jayloden.com Télécharger Object Fix Zip - Zebulon.fr : téléchargement du ... Definition: fix from Online Medical Dictionary B2BITS — High Performance FIX Solutions Fast Fix Jewelry and Watch Repairs Excel Recovery Tool - Fix & Repair Excel File - Corrupt XLS Repair ... Fix the Fells - Home Functions, events, club, bar, lounge, entertainment, Venues ... Fix-it Index Page Here's hoping fix is in :: CHICAGO SUN-TIMES :: Mike Mulligan Blagojevich floats new temporary fix :: CHICAGO SUN-TIMES ... Housse Sit Fix pour coussin 3 en 1, Housse Sit Fix - Fnac éveil et ... Macworld: Mac 911: Bugs & Fixes: Fix Leopard glitches Macworld: News: Word fix corrects quit on print error Braun 1775 FREE Control /FIX 100 : avis de consommateurs ... Mac OS X and iPod Troubleshooting, Support, and Help - MacFixIt JScreenFix - Fix stuck pixels and screen burn-in Film Fix v1.0 How to Fix No Child Left Behind - TIME Mandriva: Updated netpbm packages fix vulnerability - The ... Debian: New phpmyadmin packages fix cross-site scripting - The ... SubZero Fix PSTwo - : FOXCHIP : Modification et Réparation des ... GRC FIX-CIH Virus Recovery IEBlog : Fix My Settings in IE7 Let's Fix britain The Beyonce Fix Intro.... The new urgency to fix online privacy Tech News on ZDNet