Designing for readability
Readability is one of the most important aspects of Web design usability. Readable text affects how users process the information in the content. Poor readability scares readers away from the content. On the other hand, done correctly, readability allows users to efficiently read and take in the information in the text. You want users to be able to read your content and absorb it easily.
Assuring your content and information have good readability and legibility is on the top list for good SEO and a great user experience.
5 guidelines to ensure a good readability
Scannable Text, this goes hand in hand with readable text. Making copy scannable consists of good use of headers, hierarchy and focus points to guide the user through the content.
White Space, in content-heavy layouts, spacing contributes to the readability of content. White space helps to offset large amounts of text and helps the user’s eyes flow through the text. It also provides separation between elements in the layout, including graphics and text.
Consistency is often regarded as an important technique for usability, but it also applies to readability. Consistency in the hierarchy is important to a user-friendly layout. This means that all headers of the same importance in the hierarchy should be the same size, color and font.
Density of Text, this refers to the amount of words you place in one area. Density of content has a major impact on your content’s readability. Density is affected by spacing options such as line height, letter spacing and text size.
Clean Graphical Implementation, every text body needs some sort of visual support, be it an image, icon, graph or illustration. Placing the graphic in the article can be challenging. Sufficient space is needed between the graphic and text.
Most of the users will read less than 30% of the written content since we are mainly scanning the information and stopping on whatever is interesting to us. Assuring good readability and legibility is a great way to prepare your content for a great experience.
Photo by Patrick Tomasso on Unsplash