See how the New York Times makes online-reading products.

Netizen &http://www.aliyun.com/zixun/aggregation/37954.html ">nbsp;krrishyan Submission Original text

I found a very interesting online reading product based on HTML5 on Kai-Fu Lee's microblog a year ago-The New York Times (online edition) http://www.nytimes.com/chrome/, of course, used and browsed on the ipad is also very good, so for its function, Content and experience to do the following analysis, I hope to do reading products Tongren help.

What are the features of the New York Times?
To open the New York Times in a Firefox browser, one place to note: "This web site (www.nytimes.com) provides data that is saved to your computer for offline use. "From this sentence it is easy to infer that this is an offline storage function, reading products do not have a network connection situation, users can continue to browse to some newer content, for users, this is a type of demand satisfaction."

Let's take a look at the right column in this picture:

Careful people will find that when the mouse hovers, some categories of content on the right side has a solid dot, and some content categories to the right is a hollow dot, this represents what? After trial, this is actually not a hint of content updates, solid dot means that there is content updates, users have not browsed; The hollow dot means that there is no content update under the current classification, the advantage of this is to give users a reading reminder, so that users can choose the right content to read, saving time.

Click on one of the articles in the list, and then we'll take a look at the New York Times article. What does the terminal page look like?

Careful people will find that the upper right corner of the text to adjust the size of the icon, the lower left corner is mainly social communication functions, such as email referral, share to Twitter and Facebook. Of course, there is the page down function.

The Martians know that users ' reading habits are different, that they are diversifying, and how the New York Times solves the problem by using custom features that solve the problem, and how many of the New York Times has templates for content typesetting.

A total of 11 types of typesetting templates for users to customize the choice, this to meet the user's diversified reading habits and a big step forward, which focuses on priority, slideshow and gallery three templates, as the name suggests, priority refers to the Content Heat weight rank layout way, this and Sina Weibo application square in each reader in the Twitter content of the weight rank ranking is a truth, all embodies a reading based on the content of the heat to browse the habit; slideshow refers to the image of the content of the article to crawl out to the form of a slide show, Similar to the front-end time to stir fire flipboard effect, after all, the user's perception of the picture is superior to the pure text content; gallery refers to the content of the image to capture the way to form a photo album to organize the composition of the article content, Flipboard and each reader have such a typesetting effect, do not Wrong from the aesthetic point of view of the picture, the feeling of the picture of each reader typesetting effect above. As shown in the following illustration:

Where does the New York Times content source come from?
A lot of people see this online reading product and they're thinking about where the different categories come from, and coincidentally, I've been experimenting with RSS feeds from the New York Times official website, and I'm surprised to find that the online version of the content is from these RSS feeds, footer. The child content sources of these RSS feeds are included, of course. Reader see this, do not know you have any good business model flashed out, here omit N words ... What's worth mentioning here is that there is a category of content in the content category that is based on geographical location, and is it related to lbs? This leaves reader to think.

Third, since it is based on HTML5 technology, then how is the reading experience?
When it comes to the reading experience, you have to say the New York Times custom shortcut key function, as shown in the following figure:

The New York Times shortcut key function is still very powerful, especially the above page, the article, the next function to bring users a good reading experience, the domestic online reader like QQ reader and every reader have shortcut key function, but can to the New York Times.

In general, online reading products have two core points: first, the quality of content, but a good reading experience, if you can solve the problem across the terminal platform, users read the market is still very objective. Look forward to an excellent online reading products.