Headings are used with bullets to summarize the content of an item in a list
57 Tips for Presenting Bulleted Lists in Digital Content Summary: Bullet points help break up large blocks of text, make complex articles and blog posts easier to grasp, and make key information stand out. By Hoa Loranger on 2017-04-09 April 9, 2017 Topics: Sometimes the best way to present information is in a bulleted list. Bulleted lists attract attention, support scanning, shorten text, and reveal the relationship of items. The Web is usually not the place for long, narrative writing. Instead, Web readers prefer copy formatted for ease of scanning, which allows them to easily skip through chunks of text to get to areas of interest. Many different web-formatting techniques help break up dense paragraphs. Along with bolding, indenting, line spacing, and color-coding, bulleted lists are one of the most powerful methods for supporting efficient reading on the web. A few tiny dots attract the eye and can make a complex concept understandable. Readers perceive the bullets as shortcuts to succinct, high-priority content. It’s not surprising that, in usability studies, we observe readers gravitate towards bulleted lists with fervor. Web readers want to digest content quickly. Compare the two different versions below. You’ll probably notice that the information listed in version 2 is easier to read. That’s because the offerings are clearly listed vertically on separate lines. In contrast, in version 1, the reader has to find them within the less structured text paragraph. Our Spa getaway package includes two-night accommodation, two 50-minute spa treatments of your choice, an in-room breakfast for two, and gift basket upon arrival. Our Spa getaway package includes:
Don’t worry that version 2 takes up more vertical screen space. Users don’t mind scrolling if (and only if) they feel that they get interesting information as their eye moves down the screen. In fact, a website that feels inviting and is easier to understand because of appropriate use of bulleted lists is more likely to find users scroll than a website that repels users through walls of text. 7 Tips for Presenting Bulleted Lists1. Write list items to have approximately similar line lengths. Bulleted lists work best when they include related items. The items should share a similar level of importance. When possible, write bullet items to be approximately the same length, so that one doesn’t overpower another. Keeping a uniform shape is eye pleasing and makes the list appear less busy. Pack the following items for camp:
The major length differences among the list items make the list appear cluttered and not uniform. Pack the following items for camp:
2. Use numbered lists only when the sequence or count of items are important. Numbered lists are usually reserved for instances in which the items must occur in a specific order, such as steps in a procedure, or when keeping count is important, such as a top 10 list. If the order or the final count of the list items does not matter, don’t number them. Doing so creates confusion: in our user-testing studies, people erroneously thought that they had to complete all steps in a numbered list, when they only needed to choose one option. Please contact us using any of the following methods:
The numbers make the list items appear to be steps in a sequential process rather than individual options. Please contact us by using any of the following methods:
3. Use parallel sentence construction for list items. Each item should have a consistent style of phrasing. Widely varied wording can be ungrammatical and may slow down (or even confuse) readers. Structure each list item the same way. Make sure each bulleted-list item starts with the same part of speech (e.g., noun, verb) and that they are all either fragments or complete sentences. Please follow the rules posted throughout the park:
In this example, the four phrases begin with different types of words. Please follow the rules posted throughout the park:
The second list flows better because each phrase starts with a similar type of word — in this case, a verb. 4. Avoid repeating the same word(s) at the beginning of each list item. When possible, omit articles such as “a,” “am,” or “the,” and repetitive words from the beginning of list items. Distinguishing keywords at the beginning of each bullet item make the list options easy to differentiate. How to pick a ripe pineapple:
Do How to pick a ripe pineapple:
5. Introduce a list with a clear, descriptive sentence or phrase. The lead-in (i.e., the words used just before the bulleted list) is important because it lets the reader know what the list is about and why it is important. The lead-in doesn’t have to be a complete sentence if each item in the list completes it in a meaningful way. Vacationing in British Columbia:
The lead-in (Vacationing in British Columbia) doesn’t adequately describe the list. Additionally, this list includes things done on a vacation, but Art musems is not an activity. Our vacation in British Columbia involved:
6. Keep formatting consistent. These are the basic rules for capitalization and punctuation:
If you see bullying:
The sentences are not capitalized and don’t end with a period.
If you see bullying:
You can help protect the environment by:
The list items are fragments, and therefore don’t require end punctuation.
You can help protect the environment by:
7. Don’t overuse bulleted lists, as they can lose their effectiveness. As with any visual design technique, too much of a good thing can be harmful. Encountering a page full of dots and indents can be daunting. Choose what you want to emphasize wisely. (There are a few too many of these lists in this article, if you don’t realize that they are before–after examples.) Vertical lists are best when you have three or more items that you want to attract attention to. Shorter lists are generally overkill and generally work better embedded in a sentence. Avoid embedding lists within lists, as they’re difficult to follow. If you must present multilevel hierarchical lists, style the bullets differently for each level. NoteThese are good general guidelines. However, each company or organization may choose to handle formatting differently. If your company follows a style guide, check the guide before deciding on the rules to follow. An important aspect of good writing is having consistently formatted content throughout all your documents and web pages. ConclusionVertical lists attract the eye and make each list element stand out on its own. Thus, they are more effective than inline lists at making key points easier to scan, reference, and understand. Learn how to write compelling digital copy at our conference.
About the Author Hoa Loranger is VP at Nielsen Norman Group and has worked in user experience for over 20 years. She conducts research worldwide, and presents keynotes and training on best practices for interface design. Hoa has consulted for companies such as Microsoft, HP, Allstate, Samsung, Verizon, and Disney. She authors publications, including a book, Prioritizing Web Usability. Subscribe to our Alertbox E-Mail Newsletter: The latest articles about interface usability, website design, and UX research from the Nielsen Norman Group. |