NetEase Homepage Revision: Improve the user experience of simple atmosphere containment design

New NetEase homepage, article page, mobile phone version of NetEase home (Mobile internet 3g.163.com) October 12 at the same time online. The revision from the overall to the details have a qualitative leap, the new version of the inherited NetEase has always been simple, atmosphere, inclusive design quality, to achieve user-centric to improve the user experience, promote the development of the channel's revised design purposes.

Related articles: Web design experience Sharing: Again talk about the revision of NetEase homepage

1, the font size becomes larger

In order to adapt to the growing needs of users of the display resolution, NetEase homepage main content area of the font size, from 12th to a large number 14th.

2, the improvement of the column ratio:

The new version of NetEase Home column wide scale adjustment, users more easily from the left column to obtain complete information, improve reading feelings. The information section is more suitable for the highly effective reading experience, the left and the two columns present the NetEase portal information content, the layout design embodies the news information "transparent" browsing principle, more obvious atmosphere comfortable, the text title length is moderate, the user may in "from top to bottom" the high efficiency reading news headline, obtains the extremely good browsing experience, satisfies "fast but quasi" obtains the information the demand.

(Above picture is the new version netease homepage column legend)

3, the improvement of page design details

New page with more soft color, page details processing more in place, improve the quality of the page, to provide users with more comfortable reading feelings.

Page head according to different functions, font use of different colors, NetEase product area using gray font, channel entrance using dark gray font, advertising area using blue font, the head information distinguish clear.

(as pictured)

Text chain color More from the original pure black, blue changed to not dazzling dark gray, so that users stay on the page for a long time not tired.

Use more reasonable background, the left column in the column using a white background, the right column using a light blue background, from the color of the functional area, more user-friendly search page information and the formation of regional content awareness.

Page block border Unified use of rectangular design, more obvious NetEase portal temperament, page design unified, professional, high-end.

NetEase product entrance Redesign typesetting, the new icon design provides a better sense of identity and user experience, a line of three product entry, improve the use of pleasure, exempt from frequent line-changing duncuo feeling.

(as pictured)

4. Improvement of content layout:

Content and advertising layout more clearly, the new version of NetEase home from the column layout on the content and advertising optimization, the left column in the channel content-oriented, the right column to advertising-led, so that after the user in the left column and the middle bar can enjoy reading "pure" content information and facilitate content search.

(Recommended location sample)

5, the function of the improvement:

A. Pass login area-New product selection function after login

(Pre-logon status)

(Login status, click the user ID can be directly into the NetEase products) The function of the settings, greatly facilitate the user to enter the various hot products netease. )

B. Mobile NetEase Network portal -3g new experience

Top navigation added "Mobile Access NetEase" experience, close to the development of mobile Internet technology, for users to introduce a more convenient internet experience, with mobile phone netease, anytime experience carefree information reading.

C. Page color selection-New Skin replacement function

The comfortable color scheme, can make the user have a joyful reading experience, a kind of "engaging, comfortable, sedate" color will conform to our condition. The new version of the first page to increase the effect of skin, we choose in a variety of colors "classic blue, peach, green, coffee, soot" as the skin color scheme.

D. Focus on the user's views-user Experience Promotion program the user Experience Promotion program (link in the lower left corner of the page) launches the bridge between users and products, passing the user's voice to the product designer.

6, new article page

NetEase home page in the new online at the same time, the article pages optimization also launched. The new version of the article page more fluent, crisp, focus area prominent. and adjust the right column recommended area planning, through the cascade of ways to show users the most valuable content.