相比《紐約時報》上百年的歷史,創建於上世紀九十年代、僅有十多年歷史的《紐約時報》網站是一個成長中的幼兒。作為傳統媒體向新媒體延伸的一支力量,《紐約時報》網站一方面承續百年大報的風范,在頁面設計、內容布局上庄重、大氣、自然,一方面又緊貼互聯網脈搏,精心設計各類互動,展現出報紙網站一種獨特的韻味。
頁面整體干淨清爽 簡潔明了
一個網站的首頁好比一個人的臉面,首頁的首屏則相當於臉面上的眼睛。臉面是否耐看,眼睛是否傳神,首先取決於網站頁面設計的基調與風格。打開《紐約時報》網站,給人的第一印象是疏朗輕盈。首先是網站的頂部不似國內網站般戴著厚重的“帽子”,沒有厚厚的導航條,也沒有密密麻麻的廣告鏈。導航方面,隻有簡單的七個按鈕,三個功能性按鈕服務於用戶的登錄、注冊和主頁提示,四個內容性按鈕分別指向“報紙”、“視頻”、“排行榜”及地區版本﹔廣告方面,隻有在與報紙一樣的網站logo左右各有一個小型圖片廣告,下方有一個窄窄的通欄廣告。整個頂部區域隻佔到網站首頁首屏的三分之一,把更多的區域留給了網站最重要的內容——新聞。相比較國內網站,頂部的導航條加廣告的比例正好與《紐約時報》網站相反,大約能佔據三分之二的空間,留給用戶瀏覽的新聞隻有寥寥的幾行。
其次是網站的分欄結構穩重中不失靈活自由。第一眼看《紐約時報》網站的分欄會感覺零亂,不似國內簡單的兩欄或三欄結構。但細細品讀卻發現網站分欄其實是巧用匠心、精心設計的。頁面總體按照黃金分割線進行分欄處理,並從上到下貫徹始終,因此視覺感清晰,結構明了。在兩欄的基礎上,網站對左邊的板塊進行了再處理,有的地方均分為三欄,有的地方根據內容依次擴增空間,靈活而又簡明。
濃妝艷抹是一種風格,素面朝天也是一種格調。《紐約時報》網站以白色為背景色、以黑色和深藍相間為文字主體色而形成的色調恰似一個不施粉黛的少女,清新自然,落落大方。特別是那些內容多樣、要求各異的廣告,一般很難融入網站整體風格中。但在《紐約時報》網站,設計的廣告非常貼合網站的風格,或以藍黑配灰白,或以橙紅、褐黃配灰白,藍、黑、灰、白四個同色系的顏色構成網站頁面的總體基調。為了避免整體素色的單調,網站為部分新聞配置微型彩圖,一方面豐富新聞形式,另一方面也起到調劑頁面的效果。

《紐約時報》網站的首頁首屏截圖

新浪網的首頁首屏截圖
內容以我為主 板塊精簡轉型視頻
在瀏覽《紐約時報》網站頁面的時候,一直在思考一個問題,為什麼《紐約時報》網站的頁面能夠做到干淨清爽,簡潔明了,而國內的網站卻總是海量堆砌,給人以沉重感和疲倦感呢?這個問題在分析了《紐約時報》網站內容后似乎找到了答案——那就是網站內容是以我為主的,登載發布的都是《紐約時報》記者採寫的和報紙刊登出的內容,量少而質精,易於採用非標題列表的編排方式,也就不會形成堆積如山。
以我為主還體現在頻道設置上。由於內容量少,相應的頻道板塊也少,隻設置了“世界”、“美國”、“政治”、“紐約”、“商業”、“科技“等13個頻道。在這13個頻道中,特別設置了“美國”和“紐約”兩個地域性頻道,且放置在眾多頻道列表第二和第四的位置上,板塊精簡而重點突出。
《紐約時報》是一個以文字見長的紙媒,按照以我為主的思路,在其網站也應繼續秉承其特長。但是,從目前看到的內容發現,網站在突破紙媒的邊界,利用互聯網多媒體的特點,大力發展視頻內容。在頂部僅有的四個內容導航按鈕中,就有一個留給了“視頻”﹔首頁面寸土寸金,但也是拿出相當一塊面積放置視頻窗口,用於直接播放。特別值得一提的是網站視頻內容的來源不是購買自電視機構,而是完全由報紙記者拍攝、網站剪輯制作、帶有自己logo和片花的自制視頻。內容分門別類,開設“TimeCast”、“BusinessDay live”、“Opinion”等多個視頻欄目,每檔視頻的時長控制在符合網絡視聽規律的3-5分鐘之內,每天都保持內容的更新度,通過 “Latest Video”欄目實時呈現。

《紐約時報》網站視頻欄目“Latest Video”首頁截圖
互動設計遍布網站 方便易用黏住用戶
對於互聯網媒體來說,優於紙媒的最本質特征在於快速和互動。如果說《紐約時報》網站有超越報紙基因的地方,那就是遍布整個網站的互動設計。
首先是在文本層。每一篇報道的文本層頁面一般都留有兩個放置分享鏈接的區域。一個在頁面首屏的右上黃金位置,與報道內容處於同一水平線。用戶隻要一瀏覽新聞,願意推薦、轉發此文,就可以立刻對文章進行“分享”﹔一個是在文章的尾部。如果在一開始不能對文章價值進行判斷,那麼在看完全文后還可以有一次“分享”的機會,可以轉發到“Facebook”、“Twitter”、“Google+”、 “Linkedin”、“Tumblr”五個目前最主流的社區網站,可以“打印”、“復印”、“發郵件”。設置兩個互動位置,提供方便、快捷的互動入口,都充分考慮到了用戶的需求和體驗。
首頁面,特別是首屏,是網站獲取訪問的重要入口,所謂網站的黃金頁面、黃金地段,一般都盡可能用於放置有分量的新聞以增加點擊。但是,《紐約時報》網站在黃金頁面、黃金地段幾乎每篇文章下面,都留出了“上貼留言”的文字、圖標和超鏈接。雖然留言區域在單篇文本層裡處於較為底端、不夠顯眼的位置,但是利用互聯網技術可以在點擊超鏈接后直接進入相關留言區域,方便用戶瀏覽所有的關於此篇文章的留言。能夠給予留言按鈕如此重要的位置,以及如此方便的設計,充分體現出網站對互動的重視,對互聯網傳播規律的認識。
在網站首頁有一個特殊的區域“tools & more”,下面有個名為beta620的公開測試網站,這是一個網站開發人員與讀者互動以討論項目的地方。在Beta620上,網站鼓勵讀者提出建議,參與討論,特別是對網站新開發的項目進行試用,待產品在一定范圍內應用成熟后,就能從測試網站“畢業”。該網站已經推出了7個實驗項目,其中包括即時搜索功能、社區工具和“紐約時報填字游戲”(NYTimes Crossword Puzzle)的HTML5 Web應用等。目前,Beta620使用了有趣的圖形和易懂的語言,用戶可以方便地在網站上東走走西看看,未來用戶還可以根據網站公開的API接口數據,提交自己的創新設計給網站。

分享到人人
分享到QQ空間









恭喜你,發表成功!

!





















