一、紐約時(shí)報(bào)都有哪些功能?

在firefox瀏 覽器下打開(kāi)紐約時(shí)報(bào)，有一個(gè)地方很值得注意：“此網(wǎng)站(www.nytimes.com)提供了保存至您計(jì)算機(jī)以供脫機(jī)使用的數(shù)據(jù)?！睆倪@句話(huà)很容易推斷 出這是離線(xiàn)存儲(chǔ)功能，閱讀類(lèi)產(chǎn)品沒(méi)有網(wǎng)絡(luò)連接情境下，用戶(hù)還能繼續(xù)瀏覽到一些更新的內(nèi)容，對(duì)用戶(hù)來(lái)說(shuō)，這可是一個(gè)加分型的需求滿(mǎn)足。

接下來(lái)我們看看這張圖中的右邊欄：

細(xì) 心的人會(huì)發(fā)現(xiàn)，鼠標(biāo)懸停時(shí)，有些內(nèi)容分類(lèi)右邊有實(shí)心圓點(diǎn)，而有些內(nèi)容分類(lèi)右邊是空心圓點(diǎn)，這代表了什么?經(jīng)過(guò)試驗(yàn)發(fā)現(xiàn)，這其實(shí)是有沒(méi)有內(nèi)容更新的一種提 示，實(shí)心圓點(diǎn)表示有內(nèi)容更新，用戶(hù)還沒(méi)瀏覽過(guò);空心圓點(diǎn)則表示當(dāng)前分類(lèi)下沒(méi)有內(nèi)容更新，這樣做的好處就是給用戶(hù)一種閱讀提醒，便于用戶(hù)選擇合適的內(nèi)容閱讀，節(jié)約了時(shí)間。

點(diǎn)擊列表中的某一篇文章，之后我們來(lái)看看紐約時(shí)報(bào)的文章終端頁(yè)長(zhǎng)什么樣子?

細(xì)心的人會(huì)發(fā)現(xiàn)，右上角有個(gè)調(diào)節(jié)文字大小的ICON，左下角主要是社會(huì)化傳播功能，如email推薦、分享到twitter和facebook。當(dāng)然了，還有就是上下翻頁(yè)功能。

火星人都知道，用戶(hù)的閱讀習(xí)慣各不相同，呈現(xiàn)多元化趨勢(shì)，且看紐約時(shí)報(bào)是如何解決這個(gè)問(wèn)題的，它主要使用了自定義的功能就解決了這個(gè)問(wèn)題，且看紐約時(shí)報(bào)有多少種內(nèi)容排版的模板。

一共有11種排版模板供用戶(hù)自定義選擇，這對(duì)滿(mǎn)足用戶(hù)多元化的閱讀習(xí)慣又向前邁了一大步，這里面重點(diǎn)介紹priority、slideshow和gallery三種模板，顧名思義，priority指的是有 內(nèi)容熱度權(quán)重rank的排版方式，這跟新浪微博應(yīng)用廣場(chǎng)上的每訊閱讀器里的微博內(nèi)容權(quán)重rank排序是一個(gè)道理，都體現(xiàn)了一種根據(jù)內(nèi)容熱度來(lái)瀏覽的閱讀習(xí) 慣;而slideshow指的是將文章內(nèi)容的圖片抓取出來(lái)，以幻燈片的形式展示，類(lèi)似前端時(shí)間炒得比較火的flipboard效果，畢竟用戶(hù)對(duì)圖片的感知 優(yōu)勝于純文字內(nèi)容;gallery指的是將內(nèi)容中圖片抓取出來(lái)組成相冊(cè)的方式來(lái)組織文章內(nèi)容的排版，flipboard和每訊閱讀器都有此類(lèi)排版效果，不 錯(cuò)從圖片的美觀(guān)角度來(lái)說(shuō)，感覺(jué)每訊閱讀器的圖片排版效果略勝一籌。如下圖所示：

#p#

二、紐約時(shí)報(bào)(在線(xiàn)版)的內(nèi)容源從哪來(lái)?

很多人看到這個(gè)在線(xiàn)閱讀產(chǎn)品之后，都在思考這些不同分類(lèi)的內(nèi)容是從哪來(lái)的，無(wú)獨(dú)有偶，我仔細(xì)試驗(yàn)了紐約時(shí)報(bào)官方網(wǎng)站footer下的RSS訂閱，驚奇地發(fā)現(xiàn)，在線(xiàn)版的內(nèi)容正是來(lái)自這些RSS訂閱源，當(dāng)然還包括這些RSS訂閱源的子內(nèi)容源?？垂倏吹竭@，不知道你們有什么好的商業(yè)模式閃現(xiàn)出來(lái)，此處略去N個(gè)字。。。這里面值得一提的是，內(nèi)容分類(lèi)里面有一個(gè)(紐約地區(qū))基于地區(qū)地理位置的內(nèi)容分類(lèi)，難道跟LBS也有關(guān)系?這個(gè)留給看官去思考。

三、既然是基于HTML5技術(shù)，那么閱讀體驗(yàn)咋樣?

51CTO推薦專(zhuān)題：HTML 5 下一代Web開(kāi)發(fā)標(biāo)準(zhǔn)詳解

說(shuō)到閱讀體驗(yàn)，就不得不說(shuō)紐約時(shí)報(bào)的自定義快捷鍵的功能，如下圖所示：

紐約時(shí)報(bào)的快捷鍵功能還是很強(qiáng)大的，尤其是上面的翻頁(yè)、上篇、下篇功能給用戶(hù)帶來(lái)了良好的閱讀體驗(yàn)，國(guó)內(nèi)的在線(xiàn)閱讀器像QQ reader和每訊閱讀器都有快捷鍵的功能，不過(guò)可以向紐約時(shí)報(bào)看齊一下。

總的來(lái)說(shuō)，在線(xiàn)閱讀類(lèi)產(chǎn)品有兩個(gè)核心要點(diǎn)：一是優(yōu)質(zhì)的內(nèi)容、而是良好的閱讀體驗(yàn)，如果再能解決跨終端平臺(tái)的問(wèn)題，用戶(hù)閱讀市場(chǎng)還是很客觀(guān)的。期待國(guó)內(nèi)能出一款優(yōu)秀的在線(xiàn)閱讀產(chǎn)品。

原文鏈接：http://www.alibuybuy.com/posts/55802.html

【編輯推薦】

1. HTML 5之表單新功能解析
2. 拖拽：從 Dojo 到 HTML 5
3. 12個(gè)精妙有趣的HTML 5應(yīng)用
4. 20個(gè)HTML 5和CSS3的免費(fèi)網(wǎng)站模板與教程
5. 10個(gè)國(guó)外開(kāi)發(fā)的HTML 5精彩應(yīng)用