Design theory: the identification degree and readability of text

Source: Internet
Author: User

Not so long ago, I installed a PA in my notebook because of my business needs. At that time, a friend of the plane came over to do some design communication with me, I was in front of the notebook to enter a Web site, he approached my computer, shouted: "Aw!" You also know my old classmate "highlight" Ah! ”
I was startled in a cold sweat.

In almost all products, text is used. Small to error, warning, prompt information, large to introduction, thematic planning, advertising copy. If there is a problem with the text, the cost of modification is low. However, if the availability of text is not good, it will directly affect the product.

I understand the usability of text as two aspects of discernment and readability .

The degree of identification is that the text appears on the interface, and the user can not read normally. The most frequently encountered problem in design is the font, font size, and spacing of text. In the Chinese web design, 12th and 14th are the most commonly used, looking at several major domestic portals, which has almost become the reading habits of Chinese netizens.
When you encounter a list or a large paragraph of text, you also need to pay attention to line spacing. For example, in the number 12th, we typically use 18-20-pixel spacing. The 14th-song body usually uses 22-24-pixel spacing.

When designing a web, it is generally not necessary to consider the spacing between words and characters in a graphic design and use the default state.

But there are exceptions. Sometimes we use the number 18th in bold or Arial, such as the headline in the News page.
Especially to mention the ucdchina.com on the top of the article on the right side will have a "-" a "+" number:

This is a very intimate design when a reader with a weaker vision or older needs a larger font.
You can use the "+" feature to improve the recognition of text.

At the same time, designers also have to consider the text color, bold, alignment, contrast, link style and other identification problems. In order to highlight some information, we usually make text bold or change the color of the font, but use caution. Excessive emphasis is tantamount to no emphasis, such as the following:

Some conservative designers strongly demand that text with links be underlined, while some designers are disgusted with a large area of underlined links.
I think the focus is not the problem of underline, but the text of the link, you need to make a clear hint with other words to show the difference. Such as:

In terms of readability, there will be a lot of problems, designers encounter to learn to tick them out. Often, it is a "terminology" issue, because we often use some terminology unconsciously when designing a product. Many of the terms are simple for us, but not easy for our target user base.

For example, avoid using the ISP and say "Network service provider." Do not say "PV" to users, and tell "traffic" and so on.
We should try to use the user's language instead of using terminology for granted. If you must use terminology, be consistent with each occurrence of the word. Do not have a "search", A Will "find", a "query", inconsistent will increase the user's learning costs.

Another common problem is the ambiguity of meaning.
For example, the above mentioned "highlighting", in fact, will not be linked to the idea of your classmate called highlighting, but "highlighted" what the function of people do not touch the mind: who makes who high let who bright, why to highlight,
No highlight, okay? Is it getting taller or brighter? It is not a question of misunderstanding, but of understanding--not knowing what it is, and naturally afraid to use it.



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.