Table Design What you need to know (on)

Presumably most students have learned computer is from word start, one of the important learning task is to create a table, now in the Web page is everywhere, especially the commercial products are full of data, without these tables estimated to see the content of vomiting blood ... Forms are various, unknown to present the data, how to read the most smooth, how to explore the form of important information, what can be done to the table, comb for reference.

1. Row height is a key parameter in table browsing

Row height is a table very important parameter, row high spacing directly affects the reading experience, there is like omniature in order to maximize the placement of data content, enhance the data display effect and reduce the row height, there are sugarcrm the same row high can place more text information table.

2. Zebra Crossing Better Guide Reading

The whole line change of zebra and hover is also an important element that can cause visual change in the table. Zebra crossing will make lines and lines more distinct boundaries, especially for more data columns when the lateral guidance is strengthened, so that the contents of the line is not easily wrong, and hover color line is mainly with the operation interaction, in order to clearly distinguish the cursor on the line.

3. Selection and operation to enhance the efficiency of use

Selection of tabular data will be optional or optional, if you encounter a lot of data items that have pages, the full selection will add options to determine if the page is full or full, as in Gmail and SugarCRM, which places the selection in the first column to the left of the table. There are also tables designed to put the selection on the right last column, as Campaign Monitor is designed to do, with the benefit of browsing through a line of information to determine whether the row content needs to be selected for next steps.

4. Sort the table alive

Sorting is a table often need to use the operation, you can more quickly dig out the information of concern, generally there will be ascending and descending two kinds, the current more common is the upper and lower white arrows default, up arrow for ascending, down arrow for descending, there is a clear description to prompt the way to sort.

This multiple-sorted table is also used to manipulate the data-sorting area of the column as a separate control area to achieve the ordering of multiple dimensions.

This time first said here, the next chapter and so on Come ...

Author: hardwear

Article Source: Baidu Commercial Product user Experience Department