Bullets Make Links Easier to Scan

by on 08/30/10 at 5:20 pm

You can make a list of links difficult to scan if all you’re doing is stacking them on top of each other like cinder blocks. I’ve noticed this difference when I try to scan the headlines at USA Today and LA times. Their links look like they are floating in space. In fact, their links could easily be missed for a paragraph of text because not only are they not using bullets, but they’re also not using a link color that’s different from their text color. That’s the last thing you want when you work hard to publish quality content for your users.

The best way to make a list of links easier to scan is to bullet them. CNN and Yahoo News get it right by consistently bulleting lists of links. The reason bulleting works so well is because when our eyes brush-over a list of headlines the bullets act as an anchor that allows our eyes to move quickly and accurately to the beginning of the next headline and down the list with ease. Without the bullets, it makes it harder to confidently find the beginning of each headline. Bullets can also make a list of links look less overwhelming by giving users a holistic sense of how much information is actually there. It always seems like there’s more information when you don’t use bullets.

This simple technique is easy to do and well worth the benefits. As a news-lover I can honestly say that I use CNN and Yahoo News much more than USA Today and LA Times. Their headlines are easier to scan, and their layout is more to my liking. Design is everything.

5 Responses to “Bullets Make Links Easier to Scan”

  1. rajesh

    Aug 30th, 2010

    True. Using bullets is the easiest way to list links that can be read quickly. And for some extent, I’ve seen indenting helps too. But that requires careful usage of white space around the links.

    Another example I can come upon is – http://www.tomshardware.com/us. Some times it is hard to figure out if the headlines spawns to two lines or not.

    • anthony

      Aug 31st, 2010

      Good find! That example really shows how unscannable stacking links without bullets can be.

  2. Chris

    Sep 1st, 2010

    I always get frustrated by lists without at least some sort of bullet or noticeable line spacing. I see it all the time on free WordPress templates and it frustrates me to no end.

  3. Adam Kochanowicz

    Sep 10th, 2010

    I’ve also noticed amateur web designers like to put too much instruction around links. For instance, you don’t need to say

    “Click here to register the above items”

    (1) “Click here to…” is almost always unnecessary. Most of us can figure out what to do with a link (except possibly in the scenario described above)

    (2) “The above items” may also be unnecessary if they are the only “items” on the page.

    Instead, just write:

    “Register”

    Make it a link. If it’s too small, well…just make it big. You don’t see elevator buttons with signs next to them saying “push this button if you want to…”

  4. ReanimationXP

    Aug 24th, 2011

    I usually agree with almost everything here but I can’t say I agree with this one. In this example, the top-right links are the most clear to me.

    Bullets (or at least, these bullets) make everything look too busy, and imply that the links relate to one another, whereas a list of what are basically small paragraphs are just that.

Leave a Comment