30 things to improve the readability of a website

Source: Internet
Author: User
Tags add numbers

What is the most important aspect of web design? Many people will answer the Web site's readability , how to make your content easier to read.

Readers come to your site to read what they care about, and if the content of the article is obscured by the design, making it difficult for readers to read, it will only keep them away from your site.

So what can we do to improve the readability of the site so that the readers stay and read on?

Original link: Ways to improve readability

30 things you can do right now.

  1. add an underscore to your link. readers expect to see underlined links, so don't let them down.
  2. use the appropriate row height for the text in the paragraph. a quick and easy way to measure the height of a line using the size of the font in the paragraph. Ideally, the row is about 1.5 times times the size of the font.
  3. Make a clear distinction between what you publish in your design. it should be obvious where your published content starts and where it ends, and other modules, such as sidebar, article reviews, and additional information, should be visually distinct from the actual content.
  4. If you use pull-quotes, make sure that this part is clear and close to the top of the article. If users do not recognize them quickly, they are of little use.
  5. Keep it short. by the same token, you need 50 words to write in a written word, but it may take only 30 words to say it in your mouth.
  6. the contrast between the text and the background. Use the color contrast checker of Snook ' s to detect the text and background colors of your Web page, and make sure that users with visual impairments can read your content as well.
  7. use structural hierarchies for your documents. For example: article title--Introduction--body title--Content--subtitle--content, which will make your page more logical flow.
  8. avoiding the insertion of ads in the middle breaks the integrity of the article, which interrupts the reader's thinking.
  9. when you apply styles to text that is italic and bold, do not change their color. It's easy to confuse the reader and make them stop and think: Is this a link?
  10. use semantic markup. For example, the title of the article using
  11. use textures in the beginning of the article. The purpose of this is to attract the reader's attention, and usually apply the texture to the top of the article.
  12. avoid the entire block of text. nothing can scare away visitors more than a text like a wall.
  13. aligning text to the left is usually the best choice. rarely do we see an example of centering or aligning text (except the title) and aligning the text to the right I don't think it's the best choice at any time.
  14. text around the diagram. depending on how you wrap the text around an image, you can reconsider the wording of the text or resize the image.
  15. the title and subtitle of the article must be highlighted. one of the benefits of doing this is to get the reader to get a sense of what's underneath the title of the article at the first time. Highlighting what you want to do is simply using a larger font, underlining the font, changing the color, and so on.
  16. learn when to use a sequence table and when to use an unordered list. If your list of items is in a specific order, it's best to add numbers to them.
  17. indent list. to show that they are more than just multiple paragraphs.
  18. The image is centered. If you have some specific pictures that you can't partition in your article (such as flowcharts, statistics), it's a good idea to center these images and specify a separator line before and after the image.
  19. Create a print style sheet. Remember that not all readers are reading your article on a computer screen, creating a print style sheet to ensure that your article works equally well on paper.
  20. Select a generic font. after you decide which font to use, it's best to choose a generic font that everyone has.
  21. when adding additional content, it is best to open some space with the original article.
  22. the highlighted sentences use the same font size. changing the font size will change the height of the row, disrupting the layout of the page.
  23. do not set all the text in the body to use all uppercase. for English only.
  24. do not use snapshots on the link .
  25. keep the content of the article to a reasonable width. floating layouts often make the content of an article out of the screen, making it unreadable.
  26. too many paragraphs are better than too few paragraphs. when writing on paper, there are usually 4-5 sentences in each paragraph, while on the web, 2-3 sentences are more common. This is done in order to make the paragraph appear in a nice, easy to understand block.
  27. Keep the side sidebar short.
  28. paging. If you use a pagination style for an article, make sure that the navigation of the article is clear and easy to use.
  29. use the fade color. use faded colors for some non-critical information, such as time of publication, author, etc. In addition, light color lines are less likely to attract attention.
  30. use <acronym> label. for some abbreviations use <acronym> add instructions, not all readers understand the meaning of abbreviations. In the general style of <acronym>, add a dashed underline underneath the abbreviation.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.