Guidelines for functional design of a portal site

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Title

Ø Browser title should express the theme of the page

Ø the article title of the website in accordance with the VI Design code implementation

Navigation

Ø content page Head navigation simplification, as far as possible organized into one line

Ø content pages need to add breadcrumbs navigation, let users clear the content of the clear path, format such as: Website > Channel > Article title

Ø navigation is simple, effective, reduce clutter, avoid link redundancy

Ø link and label names should be clear, consistent with user language habits

Ø main navigation elements on the left side, bogey on the right

Text

Ø Link:

U page link in principle unified as a color, the mouse after discoloration, click into another color, leaving traces of access. (Specific color settings in accordance with the VI Design Code implementation)

• Link naming in principle do not use broad, semantically ambiguous words, and have a clearer point. If you use the short name to achieve mouse hover when the display prompts. (e.g. for "more" applications)

• Link reduction links, as far as possible.

You can click and not click to differentiate as much as possible.

Ø number of words:

You can extract the text link does not appear truncated case

Ø Text Size:

U text bogey is too small or ambiguous (at least 12th number of commonly-use, specific font size in accordance with the VI design specifications to perform)

U limit Browser change text size affect page text

Ø Avoid text color and background contrast is not enough, messy background

Ø to avoid excessive design elements around the text, so that the text does not highlight

Ø use less mobile text, all caps and graphic text

Ø Language Specification:

U Do not use terminology

U Do not use acronyms

U don't use sarcastic, subtle text

U page text Use user's custom text

• Reduce exaggerated publicity

U Don't use custom words

Image

Ø picture requirements clear, specific specifications in accordance with the VI Design code implementation

Advertising

Ø advertising to minimize the impact of the page speed

Search

Ø the same brand website uses the uniform standard input frame style, conforms to the User usage Convention

Ø for search results of 0, provide a special search engine results page, make it clear that no search results found, to guide users to try more effective search or find the way results.

Ø help users modify their queries in order to get better results (spelling error correction function, prompting to try other formulations of keywords)

Ø users of the search and query has a clear definition, search, arbitrary input keywords, query, given the choice of conditions, so for the above 2 kinds of button naming, must follow the user's definition.

Ø in principle, the search box width is defined as: long input box 27 characters, short input box 10 characters

Ø search based on fuzzy keyword to reduce the importance of advanced search

Ø to avoid a limited range of searches (Workaround: 1. Set the global search to the default search mode 2. In the Search engine results page, specify the search scope 3. Provides functionality that allows users to repeat queries throughout the site with a single click)

Ø page buttons need to be in search results

Ø Search results page input box to keep the original query keyword

Ø Low Correlation search results list leads to user churn

Kinsoku

Ø the same brand web site as far as possible unified

Ø content page Head performance concise, only one level column navigation

Ø two level navigation on the head of the Channel and column page

Form

Ø Each input box has the gray text prompt input content, clicks the box, the text disappears.

Ø the input box uses the standard style (each website defines several for the user to choose), makes it conform to the user usage habit.

Video

Ø Video Operation button to be complete, pause, playback, sound adjustment of these function buttons must have

Interaction behavior

Ø to provide users with an obvious structural process, if a function requires multiple steps, then display a sequential process

Ø the user is concerned about the login area with the text box, more than the registered area without the text box, so there should be a clear registration button near the text box

Ø do not let registration bind users to browse the site

Ø do not ask users to provide personal information prematurely

New Window

Ø navigation links open in this window

Ø Interactive process links (such as registration) open in this window

Ø column Content link opens in the new window

Ø different function conversion opens in new window

Other

Ø links and buttons to make a difference: The link takes you to a new page, and the button triggers a command

Ø page content should be ranked from top to bottom in terms of importance.

Ø the page should have content area must have corresponding content, the blank area will only let the user to the website professional question.

Ø the number of pages should be eye-catching, user-friendly

Ø provide guidance to users where necessary

Ø prohibit the use of design elements that look like ads

Ø prohibit the use of design practices on the Web

Ø prohibit the use of dense content and cannot be scanned text

Ø less use of flash technology

Ø page to be compatible IE6, IE7, Firefox

ø403, 404 should Have page hints (you can consider the navigation address)

This is my work in a portal site, the product department after discussion set the design guidelines, I hope that small webmaster less detours. Author Contact QQ7891301 msn:classelet012@hotmail.com, source website: www.webqingfeng.com