Parsing UI Design Guidelines

In the Internet era, the rapid dissemination of information, we face every day is to find, browse, read, understand a variety of information, information design is always the same topic, how people actually read and understand the information, the following to discuss with you.

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 relevant information

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

The information is segmented, and the information is divided into small segments.

Mark each segment of information and fields significantly to clearly identify their content

Show the segments and their segments in a hierarchical structure so that the upper sections can be shown more focused than the lower layers

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.