7 Tips to Make Web Content User Friendly
Santa Rosa web design guy’s latest advice… Make your website content easy on the eyes.
You want people to read your website—that’s the whole point. Yet, many website owners and even web designers don’t make the connection between that and HOW to do it. This month we’ll examine some basic techniques to make web content user friendly.
First, the Why
Remember, content is king on the Internet. On most websites, people come for the content—not just a quick slogan and some pictures. They want to learn something. They either want to read about a subject of interest to them, or perhaps learn about you and your business. Or both. You need sufficient content to get the job done.
Now the How
Let’s begin with what NOT to do. Don’t create a “wall of text” on your website with long blocks of text that continue unending as you scroll down. It creates a subliminal sense of dread in the reader. It looks like work to read it.
“So, make things easy for your reader!” (sage advice from the Santa Rosa web design guy…)
No matter how much content you have on a page, you can make it easily digestible for readers. Here’s how. Create visual “breathing room” by using the following techniques:
1. Shorten Sentence Structure
This part happens before you even put words on a web page. Keep your sentence and paragraph structure short. According to onlinegrammar.com, today’s readers can comprehend 90 percent of content with sentences of 9-14 words. But, comprehension drops as length increases. With 43-word sentences, comprehension scores dropped to less than 10 percent. Wow!
2. Reduce Paragraph Length
There are two rules of thumb about paragraph length. The first, from Bob Brooke’s Writer’s Corner, is to limit paragraphs to five lines. This changes, of course, with responsive design depending on what device you are using to access content. But generally, shorter is better.
Personally, I see nothing wrong with one-line paragraphs. Often for layout purposes, I will use them to balance content with adjacent images. It simply adds more “air” to a page.The other rule comes from the Yahoo! Style Guide, which advises that paragraphs be no more than two to three sentences.
3. Use Headlines Throughout
Secondary headlines, or subheads, help break up the content. They give the eye a natural break point, and can also be used to introduce new sections. In addition, for those focused on search engine optimization (SEO), headlines are an excellent opportunity to place keywords. Keywords with “H” (header) coding count for more in search engine algorithms.
4. Vary Your Text Treatment
Similar to headlines, text variations can be used to create visual break points. The occasional use of boldface, colored or capitalized text adds variety to your page and can call attention to sections of content.One caution, however. Do not use underlined text on web pages. Most readers will interpret this as hyperlinked text and may try to click on it.
5. Make Ample Use of Images
Placing photos and/or infographics throughout the page makes things more interesting for the eye. Another important role of images is to shorten the horizontal length of text lines. It is generally considered a no-no to have text lines stretch the entire width of a page. You may not be able to avoid this at all times, but images help you minimize it.
Images can also fulfill another important function when it comes to SEO.Images give you the option to put keywords in a title/filename as well as the “ALT” meta tag. The readers generally don’t see these, but they do help improve your search ranking.
5. Use Bulleted Text
In addition to making sections of text stand out, using bullets or numbering helps break up the humdrum of just another paragraph.
7. Box Some Content
If there is a section of content that feels natural to isolate from the main body, consider boxing it. You can use a shaded background or border to set it apart from the rest of the page. Doing so creates a break point similar to the use of images.Boxing can be used horizontally, such as with a ¼ column of text to the right or left on the page. This helps prevent text from stretching the full width of the page.
However, boxing can also apply to sections placed vertically above or below other content.This is especially useful today with the increased use of wide-format monitors. People tend to consume content in horizontal sections, scrolling down to the next section once they have reviewed the one above. Shading sections helps create a natural divider for the eye.
For more tips from Santa Rosa web design and marketing specialist Tim Smith, see the resources on this website by hovering over the “websites” link.