Design theory: The analysis of portal site in the visual presentation of text

Source: Internet
Author: User

Excrement article stated the portal site in the text visual rendering of a phenomenon:
There may be two news links in the same line of text, and the semantic relationship between these two links can be varied, but did notThrough visual presentation to Intuitive PerformanceThese relationships.
Figure 1: NetEase homepage "News" the link in the tofu block

As shown in Figure 1, in just a few lines of news, there are at least four semantic differences, although the visual unification is divided into spaces.

The combination of excrement and excrement, this "do nothing" visual performance, will lead to the following problems :

1. To users : Reduce reading speed & increase understanding cost.
Different semantic relationships use the same visual expression, can not predict when the relationship, can only scan the whole line, and increase the burden of thinking. If you do the visual processing of Figure 2 (font reduction, color differences), the user knows the second half of the sentence is the previous explanation, then if the first half of the sentence is not interested, TA can not bother to look at the second half of the sentence.

Figure 2: The link form of NetEase News Center

2. To the website : to reduce the discovery of more link entries.
Peer into a number of links in order to effectively use the layout, increase the click Rate, but no visual differences, will make certain content or function is ignored, waste resources. As shown in Figure 3, "topic", "Atlas" is likely to be ignored.

Figure 3: The link form of NetEase News Center

Excrement Master then according to NetEase's design, proposed three kinds of vision processing scheme: uses the font size, uses the color (Figure 2), uses the symbol (Figure 4).

Figure 4: Separating with symbols

I agree with the problem that master dung has pointed out, but I do not think that the master of excrement has made his statement in the most typical scenario of the problem, thus weakening the persuasive power of the argument. The severity of the problem he raised in his case (portal home) is far from the severity of the problem in the functional pages. Here's a rebuttal from two questions he thinks will be caused.

1. To users :
First, the problem of reading efficiency is based on his belief that we are all in the same line of view. But in the actual reading, we are more jump, pick the keyword reading. Secondly, for the line width of a plate, two paragraphs before and after the text may enter the field of sight, the visual focus of the movement may be in 1 seconds below the level. Excrement Master of the positive example from the NetEase News Center, but why NetEase home page of the news typesetting did not use the same mode, but let it chaos? A comparison of two pages will show that the line width of the first row is equal to half the news center line. That is, even without any visual processing, it will not have much impact on the user's reading in such a narrow section.

And understand the cost , for ordinary netizens, facing a lot of text chain, I do not think ta will spend time or need to understand, the space between the text is what relationship. This is a more advanced thinking activity, and most people may see the key words that attract them.

Doing visual processing can also sometimes lead to an increase in understanding costs. This is because:
1 can not guarantee the major sites in the symbol system consistency, and the symbol is sometimes needed to understand the cost, in different sites are also to understand and remember them?
2 make the layout overall very confusing. Due to the timely updating of the news, it means that there will be a variety of semantic relationship news links stacked together. If you are paired with a visual form, it is clear that the relationship is independent, but would it be confusing to synthesize it?

Perhaps, the real impact on the user's reading experience, or the overall layout of the visual language. This is also the place where NetEase is excellent.

2. For commercial
The role of the homepage is to present the latest news immediately, which means that editors should only take into account the basic article title editing principles. If you impose some rules on TA (such as unifying the words in order to look neat), it greatly affects efficiency. From another point of view, sometimes deliberately confusing the relationship between links, but it will help the click rate.



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.