Web design should: improve the readability of Web page design tips

Article Description: some tips for improving table readability.

Application of the table

Frequent access to forms due to working reasons. We find that tables are not only widely used in various types of data collection and analysis, at the same time, through the form of a two-dimensional matrix to organize and display information (even if the final presentation is not a typical table style), it is very good to express the logical relationship between information, easy to help understand the relationship between vertical and horizontal information.

In the practical application of Web design , the patterns of vertical and horizontal tables are independent and interrelated, especially for:

1. Organizing and presenting a large amount of information

The simple structure of a table not only contains a lot of information, but also ensures the readability of the information, so that readers can quickly scan the information and find the necessary information from a large number of entries.

2. Presentation of contrast information

Through a reasonable layout, the table can clearly show the same kind of comparative information, so as to make it easier for readers to distinguish between different items of information, so as to focus on key and problem items.

In general, a well-defined table layout will greatly enhance the reader's acceptance of the information and the degree of understanding

For example, the following image of Apple's website on different types of MAC book information display mode, the structure of the table, a clear display of 4 different MacBook, and their respective performance, price and other attributes, while the reader can scan and understand the first glance of the table structure, horizontal is the 4 MacBook arrangement, The respective attributes are listed vertically, and then further can be compared to the different attributes of the 4 MacBook according to their points of interest, and the information is complete and easy to scan.

As mentioned above, tables are often used to display a large number of contrasting information, so improving the readability of the table, easy to scan users, is the key to table design. This article only on the author read a few of the article on the table design combined with some of the work of some humble opinion, to organize the written, share the following.

Elements of a table

Before we study how to improve the readability of the table, we will briefly explain the elements of the table, here we will summarize: Table = title + header + Row label + cell data (information), as shown below

The table title is a description of the table as a whole, containing the source and attributes of the tabular data, giving the reader an understanding of the contents of the table, such as the date of the data collection, the region, and other attributes of the table data.

row and column labels (header) are descriptions of the bank/This column, which can be understood as the skeleton of the table and a key element for users to quickly scan and receive table layouts.

cell data (cell information) here is not more said, is the main content of the table.

[1] [2] [3] [4] [5] Next page