Long text of the digital layout and reading

Professional blog "Typography" A recent article on the long text of the digital layout and reading, which is about the paging and scroll bar is worth analyzing the first to study the benefits of the next page:

Pages are displayed in batches. When loading data on the webpage, fixed entries are downloaded according to the downloading speed and user requirements, for example, the search engine page displays 10 items. At the same time the page number is the way the item is sorted or the coordinates of the data, for example, Article 8 on page 5.

Easy to find. When the amount of data is large, the horizontal coordinates can be infinitely extended, while the vertical coordinates are fixed, user-friendly search. If each page displays 30, the original data becomes page 2, Article 18, and it is troublesome to search the records for each page of labels.

Easy to remember. Paging help users to form a knowledge structure of the data, compared to iPhone and http://www.aliyun.com/zixun/aggregation/1997.html"> Android application display, iPhone 4 * 4 per page For example, if an application locates at 2 * 2 (horizontal coordinate * vertical coordinate) on page 5, it is very inconvenient to find an application such as an application in a 2 * 10 position without Android adding a shortcut. Although Android applications are alphabetically sorted, the icons lose their meaning when they recall the name.

Total data and positioning. The total number of pages plays the role of displaying the amount of data. The current page number shows the current coordinate or progress, for example, Page 12 of 50.

Image from yslow

Each paging program contains a lot of information, but it is not necessary. Paging requires a manual click, will interrupt the user to read, may affect the user to focus on the main content.

The tradition is based on vertical typesetting and pagination, the improved version of the single page content automatically extends, such as mobile sina microblogging, Google's image search results and blog ignorethecode. When the user is concerned with the content itself and the content is in a useless location, the benefits of download restrictions, user needs, and paging no longer exist. The user does not often read the read data after reading sequentially, and the coordinates established by pagination lose the primary meaning.

Such as sina web microblogging does not support automatic page turning, a message on page 2, Article 6, after re-refresh the coordinates will change, the user can search in time order. The arrangement of Weibo information is based on the one-dimensional coordinates of the time axis, and the result of pagination is two-dimensional coordinates.

Part of the page WP7 horizontal layout, web design, there are similar applications (such as 1, 2).

iPad Edition BMW Magazine

cooper.com

Horizontal and vertical combination of typesetting, such as the BMW iPad magazine horizontal scroll page to change the theme, vertical scroll to update the contents of the theme, Cooper website also has the same typesetting, belonging to the single page and the design of the weak page.

The simulated thickness variation of the iBooks mentioned in "Typography" is a pseudo-materialized design with no change in thickness found on either the first page or the last page. Even if it is really designed in such a way that every page of a sixth book will have a symbolic reduction of one page on the right, it is of little significance to a hundred pages of e-books and will not achieve the reading achievement of a real book.

In contrast, iBunko with a yellow background achieves a pseudo-materialized display that does not show page numbers and thicknesses when read.

Pictures from the lazy Zen

Remove the paging, the scroll is temporarily difficult to avoid, like WP7 scroll without the horizontal scroll makes it difficult for users to understand the total amount of pages. Various PC products have been well tried, such as Google Wave. The fine movement of the mobile terminal is really troublesome. The fine clicks of the fat fingers and the capacitive screen have always been the difficulties in the interactive design of the mobile phone. One of the solutions is to use the magnifying glass to adjust the design of the text inserter.

When the typesetting stereotypes and the lack of attractive content, ordinary users really hard to read for a long time, it is difficult to evaluate as mobile phone microblogging scrolling automatically load the page for the user whether reading helps. In the era of fast food reading, the public has been slowing down reading of long articles, inserting pictures and reducing the length of writing to adapt to the reading habits of the general public. Article moderately typesetting, to avoid the page is too compact, give the user a certain breathing space, may play a guiding role.

Source: http: //daichuanqing.com/