Guidelines for Internet Information design: How visitors read and understand information

Article Description: know the reason why-where the design guidelines come from.

The internet has played a great role in the dissemination of information, we face every day is to find, browse, read, understand all kinds of information, information design is always the same topic, how do people read and understand information?

We look for and use visual structures

When information is presented in a concise and structured manner, people can scan and understand it more quickly and easily, and the more structured and refined it is, the faster and easier it is to scan and understand it.

This is also the same as WP7 now Metro design concept, but also wp7 the main interface of those "tile" people feel good, before the sake of a bright reason: because we are easy to scan and understand.

The structure improves the user's ability to browse long numbers: such as credit cards, cell phone numbers, dates, etc.

For example, Alipay in the credit card-related input box, will automatically separate, improve the readability of the number, and because the phone number of the current number of bits separated by the habit of the people are not very consistent, temporarily not too good way

Data-specific controls provide more structure: such as date or Calendar controls, email controls, drop-down menus

For example, now choose the location, birthday information input control, the basic will be in a certain format to design

Visual level makes people more focused on the relevant information

One of the most important goals of visual information is to provide a visual hierarchy in which information is arranged to

1, the information segmentation, chunks of the entire segment of information into small segments;

2, marked each section of information and fields, so as to clearly identify their content

3, in a hierarchical structure to show the segments and their segments, so that the upper section can be more focused than the lower part of the show

Visual level is a very broad topic can be launched, and now even have "information visualization" of the independent research direction, and in web design, information organization, The communication of visual level is an important basic skill: Remember the first word that was seen in @sharkui: visual design is the rational expression of the logical relationship between information.