Simple analysis of the design idea of NetEase Net homepage

Original : http://www.ued163.com/?p=369

Many people may think that the homepage design of portal site is just to put some navigation, information content and advertising piled up to look good on it, although this view is not completely wrong, it is true that the homepage of the portal is organized by these three aspects, but with the rapid development of the Internet, users to visit the site more and more demanding, In the Internet industry, because a lot of things are free and similar, the user transfer cost will be relatively low, in this site some things to other sites can basically find, just enter a URL on it. If the site operators want to retain users and attract more users to browse their own sites, then it is necessary to improve the site's user experience to meet the needs of many users.

So now the design of the portal website is more and more fastidious and the user thinks, the ideal portal design process needs to go through "user research-interactive design-visual design-Usability testing" steps, in fact, there are many portal design will go through some of these steps, but the company has not a good understanding of this area, There is no systematic name and detailed division of functions, is often a person and multiple posts, most of them are based on personal experience subjective judgment to decide, there is no objective data support. For example, there are often some site planners say: "I am also one of the site users, this feature I do not use the requirements, other users should not use the need to delete." If there is an objective use of analysis data at this time to know whether the user has this need. Although we cannot all need objective data to support, at least it can be extended to other designs on the basis of objective data.

Below we from several aspects to analyze the design idea of NetEase website:

First, the framework

1, the homepage is a military battleground, each channel leader wants to recommend their products or information in a conspicuous position to increase the exposure rate, always want to let the user see everything at once, but in the end we find that the more things you put on, the user can not find what he wants, the possibility of a quick departure is very high. In the domestic portal site are accustomed to more information, the page is long, everything to the home heap, the more the feeling content will show more atmosphere, but the user's patience is limited, so the permeability of the Web page is very important to the domestic site, each screen of the structure should not be too much, appropriate on good, primary and secondary content information position to maintain consistency, Otherwise, users will need to read the next screen every time to unscramble the architecture, thinking about where to start reading, not only the user's patience is consumed also increase the user's browsing costs, so the home page structure must be clear, maintain a better permeability, reduce the user's browsing costs.

For example, NetEase home page, the use of three-column structure, the left column for navigation recommended areas to provide NetEase features product entry, the main information area in the column, to provide fast, comprehensive, dynamic various types of news information, the right column for the characteristics of the column areas such as blogs, forums and so on. The content properties of each column are clear, users can quickly find the information they need to smooth browsing without unnecessary thinking.

According to the study of the user browsing the web is generally from left to right, from top to bottom of a browsing habits. NetEase Web site's architecture is also in this direction to improve, and constantly improve the user experience. NetEase Information class page can be divided into 3 types of architecture, the following figure is a 3-class architecture of the visual direction of the map.

NetEase home using the first architecture, the channel home, such as news, sports, entertainment and other uses of the second architecture, the final page of the news using a third architecture. This allows users to maintain a unified vision, regardless of the page users know that they need the information there, in line with the user's habit of browsing the web, reducing user browsing costs.