In his presentation at An Event Apart in Boston, MA 2011 Jared Spool detailed the importance and role of links on Web pages. Here are my notes from his The Secret Lives of Links talk:
- Jared has been putting web sites under microscopes for years. And seeing the secret lives of links. Links live to deliver their user to their desired objective.
- All links are trying to get us to understand what’s available on a site. Links are oriented around tell you what’s going on. They are designed to get people to the content they want.
- The content of a site (the most important stuff) talks to us through links. If people find the links they are looking for, they have a good experience.
- The Scent of Information is the process by which content communicates to the user about how to find it.
- The distinction between what the site owners insist we put on the site and what the users want –we’ve all faced this tension. But it’s possible to get the links and content people want on your Web site by understanding how links can help you achieve your goals.
- On the Walgreen’s site, 21% of people go to photos, 16% go to search, 11% go to prescriptions, 6% go to pharmacy link, 5% go to find stores. Total traffic is 59% for these five links. The total amount of page used for these 5 links is ~4% of page space. The most important stuff on the page occupies less than 1/20th of the page.
- This violates Fitts’s law. The bigger and closer, the easier a target is to hit. So we’re often using the real estate of Web pages poorly.
- Make real estate reflect the importance of links. Link copy needs to communicate what the user will get. The links have to take the user to where they want to go.
- Nobody goes to a Website just to visit. They have a reason. Trigger words serve the goal of the user. They trigger the user to click/take an action. When trigger words are well done, they get the user to the content they want and signal where to click.
- You can break down information scent to having great trigger words.
- It’s easy to know when your website scent is bad. Use of the back button, pogo-sticking, and using search are all signs that the scent of your links is off.
- Usage patterns are the same across all websites. In 15 years they have not changed much. Only 42% find what they are looking for. 58% do not find what they are looking for.
- Looking at all the click-streams, you can see patterns that emerge. In click-streams with a single back button success dropped to 18%. If they hit the back button twice, success drops down to 2%.
- The back button is the button of doom. People hit the back button when they run out of scent.
- Pogo-sticking is the behavior of a user jumping up and down through the Web site. When users pogo-stick they don’t find what they are looking for. When looking at click-streams with pogo-sticking, success drops to 11%
- On e-commerce sites, 66% of purchases do not include pogo-sticking
- If you see a user pogo-stick, they have lost scent.
- What do people type into the search box? Their trigger words. They are creating a link. If they don’t see a trigger word, they enter theirs into search.
- Your search logs are filled with trigger words. Have you looked there lately? Match the search phrases up with the pages users search from.
- You want to minimize the amount of search on your site. People don’t want to search, its the design of your sites that force users to search.
- Click-streams that use search drop to 30% success.
- Number of pages to purchase apparel. 11 on the Gap, 15 on land’s end. 51 on macy’s and 51 on newport news. These both had search, pogo-sticking, and use of back button.
The Look of Links
- The only text more useless than “learn more” is “click here”.
- Good design is invisible. It is like air conditioning –you don’t notice it until something is wrong. Clutter on a web page is only clutter if it is not what you are looking for.
- Links want to look good. They want to look like links.
- Links are supposed to be blue and underlined. This was not a great choice. Made by the astrophysicists at CERN. Blue is the hardest color to see. Men and women lose the ability to see blue as they age. Underlining screws up our ability to interpret words. Makes it harder to read.
- Sometimes we take things too far and it becomes hard to tell what is a link. You end up having to wave your mouse around on the page until the browser gives you “the finger”.
- We don’t have to use blue and underline but we need a consistency of language for what is a link. We confuse users with things that look like links but aren’t.
- Users don’t move their mouse until they know what they are going to click on. Hidden content (in an hover) throws people off as they have already mad a decision on what to click on
- Support the user with what they want to do. Don’t distract them.
- Deliver users to their desired objectives. Emit the right scent. Look good while still looking like a link. Do what the user expects.