You are here:Corporate CultureNews Center
30 ways to improve the website readability
What is a web design one of the most important aspect? Many people would say it is the site's readability, how to make your content easier to read.
Readers come to your site is in reading the contents of their concerns, if the content of the articles are designed overshadowed lead readers quite difficult to read, this will only enable them to stay away from your site.
Well, What can we do to improve the readability of the site so that those who leave the reader to continue to read?
You now can do 30 things:
1, for your link underlined. Readers expect to see with the underlined links, so do not let them down.
2, for the paragraphs of text using the appropriate line high. A fast, simple method, using paragraphs font size line height measured. More ideal situation is tall line of about 1.5 times the font size.
3, in the design of a clear distinction between the content of your speech. The content of your speech where to start, where to the end should be obvious, others such as the sidebar, the article reviews, articles and other additional information module should be visually different from the actual content.
4, if you use the Pull-quotes, to ensure that this part apparent and in a place near the top of the article. If the user does not quickly identify them, then they would not be useful.
5, remarks brief. The same meaning, you need a written text written in 50 words, but his mouth to say may only need 30 characters.
6, text and background contrast. Snook's use of the Color Contrast Checker Detection page of text and background colors to ensure that those who are visually impaired users can read your content.
7, for your use of the structure of the level of documentation. For example: Title - Introduction - the body of the title - content - subtitle - the content of this page will give you more logical flow.
8, to avoid damage in the middle to insert advertising the integrity of the article is that it would interrupt the reader's train of thought.
9, as shown in italics and bold text application style, do not change their color. To do so easy for readers to confusion, let them stop to think: This is not a link?
10, the use of semantic markup. For example, the title for the article, the use of h1, h2, h3, etc. to highlight their labels. May your
11, readers there are many people in the use of news aggregator to read your content, such as span class = "myheading" such a label for them will not show any effect.
12, at the beginning of the article on the use of mapping. The aim is to attract the reader's attention, usually at the top of the article in the application of mapping.
13, to avoid the entire text. Nothing like a wall than in the same language can scare off the visitors.
14, left-justified text Habitat is usually the best option. We rarely see the text on both sides of the middle or aligned sample (except the title), and Right-aligned text Habitat I would like at any time is not the best choice.
15, the text around the map. This is mainly depends on how you will be surrounded in the text next to an image, you can re-consider the wording of the text, you can adjust the image size.
16, article title and subtitle must be highlighted. One of the advantages of doing so is that it gives the reader the first time to get to know the title of this article below is. So that the title of the work to be done to highlight only the use of larger fonts, font add to underline, change the color and so on.
17, to understand when to use the list in an orderly manner, when using the unordered list. If your list has a specific order, it is best to add them with digital ID.
18, indented list. To show that they are not only several paragraphs.
19, the image center. If there are specific picture is that you can not be separated article in part (such as flow charts, statistical graphs), it is best to try to show these images, and images before and after the designation of a dividing line.
20, to create a print stylesheet. Remember that not all readers are on a computer screen to read your articles, the establishment of a print style sheet to ensure that your article on the paper the effect of equally impressive.
21, select generic fonts. Before you decide what fonts to use, the best to further everyone has to choose a common font.
22, to add to add the contents of the original article, the best open space some distance.
23, highlight the sentence to use the same font size. Change the font size, will change the height of the line, disrupting the Page Layout.
Do not put all the text in the body set up to use all caps. Only in English.
24, not to link the use of SnapShots.
25, so that the contents of the article to maintain a reasonable width. Floating layout will make the content of the articles are often beyond the screen, the people can not read.
26, too many paragraphs is better than too few paragraphs. Writing on paper, it is usually in each period of 4-5 months, then there is the composition of the sentence; while on the network, each have a 2-3 sentence paragraph composition is more common. This is done to make the paragraphs presented in a pretty small piece of easy to understand.
27, to maintain the short sidebar.
28, page. If you use an article for the page style, to ensure that article, navigation is clear and easy to use.
29, use the color of watered down. For some non-critical information to downplay the use of color, such as the publication of the time, author, etc.. In addition, the light colored lines do not give rise to people's attention.
30, using the label. Abbreviations used for some add that not all readers understand the meaning of abbreviations. In the conventional style acronym underneath an empty underlined.
Readers come to your site is in reading the contents of their concerns, if the content of the articles are designed overshadowed lead readers quite difficult to read, this will only enable them to stay away from your site.
Well, What can we do to improve the readability of the site so that those who leave the reader to continue to read?
You now can do 30 things:
1, for your link underlined. Readers expect to see with the underlined links, so do not let them down.
2, for the paragraphs of text using the appropriate line high. A fast, simple method, using paragraphs font size line height measured. More ideal situation is tall line of about 1.5 times the font size.
3, in the design of a clear distinction between the content of your speech. The content of your speech where to start, where to the end should be obvious, others such as the sidebar, the article reviews, articles and other additional information module should be visually different from the actual content.
4, if you use the Pull-quotes, to ensure that this part apparent and in a place near the top of the article. If the user does not quickly identify them, then they would not be useful.
5, remarks brief. The same meaning, you need a written text written in 50 words, but his mouth to say may only need 30 characters.
6, text and background contrast. Snook's use of the Color Contrast Checker Detection page of text and background colors to ensure that those who are visually impaired users can read your content.
7, for your use of the structure of the level of documentation. For example: Title - Introduction - the body of the title - content - subtitle - the content of this page will give you more logical flow.
8, to avoid damage in the middle to insert advertising the integrity of the article is that it would interrupt the reader's train of thought.
9, as shown in italics and bold text application style, do not change their color. To do so easy for readers to confusion, let them stop to think: This is not a link?
10, the use of semantic markup. For example, the title for the article, the use of h1, h2, h3, etc. to highlight their labels. May your
11, readers there are many people in the use of news aggregator to read your content, such as span class = "myheading" such a label for them will not show any effect.
12, at the beginning of the article on the use of mapping. The aim is to attract the reader's attention, usually at the top of the article in the application of mapping.
13, to avoid the entire text. Nothing like a wall than in the same language can scare off the visitors.
14, left-justified text Habitat is usually the best option. We rarely see the text on both sides of the middle or aligned sample (except the title), and Right-aligned text Habitat I would like at any time is not the best choice.
15, the text around the map. This is mainly depends on how you will be surrounded in the text next to an image, you can re-consider the wording of the text, you can adjust the image size.
16, article title and subtitle must be highlighted. One of the advantages of doing so is that it gives the reader the first time to get to know the title of this article below is. So that the title of the work to be done to highlight only the use of larger fonts, font add to underline, change the color and so on.
17, to understand when to use the list in an orderly manner, when using the unordered list. If your list has a specific order, it is best to add them with digital ID.
18, indented list. To show that they are not only several paragraphs.
19, the image center. If there are specific picture is that you can not be separated article in part (such as flow charts, statistical graphs), it is best to try to show these images, and images before and after the designation of a dividing line.
20, to create a print stylesheet. Remember that not all readers are on a computer screen to read your articles, the establishment of a print style sheet to ensure that your article on the paper the effect of equally impressive.
21, select generic fonts. Before you decide what fonts to use, the best to further everyone has to choose a common font.
22, to add to add the contents of the original article, the best open space some distance.
23, highlight the sentence to use the same font size. Change the font size, will change the height of the line, disrupting the Page Layout.
Do not put all the text in the body set up to use all caps. Only in English.
24, not to link the use of SnapShots.
25, so that the contents of the article to maintain a reasonable width. Floating layout will make the content of the articles are often beyond the screen, the people can not read.
26, too many paragraphs is better than too few paragraphs. Writing on paper, it is usually in each period of 4-5 months, then there is the composition of the sentence; while on the network, each have a 2-3 sentence paragraph composition is more common. This is done to make the paragraphs presented in a pretty small piece of easy to understand.
27, to maintain the short sidebar.
28, page. If you use an article for the page style, to ensure that article, navigation is clear and easy to use.
29, use the color of watered down. For some non-critical information to downplay the use of color, such as the publication of the time, author, etc.. In addition, the light colored lines do not give rise to people's attention.
30, using the label. Abbreviations used for some add that not all readers understand the meaning of abbreviations. In the conventional style acronym underneath an empty underlined.
