最近，一個朋友建議我寫一篇關(guān)于新聞網(wǎng)站的分析文章：這些新聞網(wǎng)站正在做的事情中哪些是正確的，哪些是錯誤的。他表示，在線新體驗過于落后，可能有些枯燥，并指出它們應(yīng)該更好地利用Ajax和相關(guān)技術(shù)來優(yōu)化內(nèi)容發(fā)布與站點導航。
首先，我很贊同該觀點。我感覺，很多情況下，報紙仍在盡力地保持其原有的報紙體驗，但卻采用了變化圖片的方法。這樣做，它們常常嚴格限制自己以保持熟悉的外表，這樣難免限制了視覺效果。該趨勢也將暴露出它自身貧乏的用戶體驗決策，比如讓人閱讀困難的小字體正文文本。
近日Ezequiel Bruni在Webdesigner Depot網(wǎng)站發(fā)布了一篇文章《How to design news sites》，講述了如何設(shè)計新聞類網(wǎng)站。下面為該文的譯文。
這些之前有人已經(jīng)提出過，但對于Web，作為一個視覺媒體，是時刻變化的。它具有復雜、漂亮特點。它的重要性及能力范圍甚至超過了很多人所能意識到的范疇。
所以， 當我們知道Ajax技術(shù)可幫助完成很多功能，但卻看見如此多的新聞媒體正在限制自己發(fā)展，不得不讓人覺得可惜。
完全取決于移動用戶體驗
更明確地說，完全取決于針對大部分移動用戶的移動體驗�，F(xiàn)在似乎很多新聞網(wǎng)站還沒有將這些用戶考慮在內(nèi)。當然，很多新網(wǎng)站已經(jīng)針對Android、iOS推出了本地應(yīng)用，但大量的移動用戶將這些應(yīng)用下載后，就不再訪問了。
大部分人往往不會定期瀏覽某些新網(wǎng)站。我們通�？赡軙c擊由朋友、相關(guān)人員、我們所信任的互聯(lián)網(wǎng)人士分享的鏈接；我們也會點擊社交網(wǎng)絡(luò)、Email、RSS訂閱或其他文章中的鏈接。這些鏈接不會引導我們進入一個應(yīng)用，而是一個網(wǎng)站。所以，每個新網(wǎng)站應(yīng)該保證在移動設(shè)備上是可讀的。
那問題是什么？我們?yōu)槭裁床焕帽姸嗫峤k的工具來升級這些新網(wǎng)站呢？更何況，iPad和 Galaxy已經(jīng)具有功能強大的Web瀏覽器與處理器。
即便如此，這一觀點仍存在較大爭議，有人認為新網(wǎng)站應(yīng)盡可能簡潔，使用的技術(shù)盡可能簡單。
寬帶
一般情況下，新網(wǎng)站會在每個頁面中顯示大量信息。首頁更甚，包含3至5個不同主題的最新文章，以吸引用戶的注意力，此外，還有圖片乃至很多的“旋轉(zhuǎn)木馬”。在頁面頂部增加額外的JavaScript，你的移動瀏覽器就會下載大量信息。
大量移動用戶通常會在沒有免費Wi-Fi的地方瀏覽這些網(wǎng)站，而很多通訊設(shè)備的數(shù)據(jù)套餐都設(shè)置了寬帶上限。即便使用Wi-Fi，很多平板、智能手機瀏覽這些Web頁也十分慢，所以你有足夠的理由刪減掉那些花哨、不必要的功能。
并不是每個人都有一個快速的移動設(shè)備
當我的朋友說，新網(wǎng)站應(yīng)該使用Ajax，使其對UX更友好。這時我提醒自己，他用的是iPad，而iPad運行更順暢、更快速。
近日，我獲得了我的首個平板電腦Hipstreet Titan。這是一個便宜的平板，比大家所垂涎的高端平板速度要慢。另外，擁有便宜平板電腦和智能手機的用戶群要遠遠大于擁有昂貴平板和智能手機的人群。
非品牌、山寨、低端處理器：這是大量用戶所使用設(shè)備的特征，除非移動硬件越來越便宜。
在此類設(shè)備中，并不僅僅是Wi-Fi慢。頁面渲染也很慢，Java動畫更是斷斷續(xù)續(xù)。有時，僅僅是上下滾動頁面都會成為一種煎熬。偶爾，新網(wǎng)站還會增加一些“旋轉(zhuǎn)木馬”效果及大量的圖片，這使得網(wǎng)站使用起來十分笨重，使用體驗十分糟糕。
針對你的設(shè)備選擇合適的瀏覽器，會消除一些瀏覽痛苦。在我的平板中，我使用移動版的Opera。即便如此，一些沒有針對移動設(shè)備進行任何優(yōu)化的網(wǎng)站將激怒使用低端設(shè)備的用戶，這樣將無法保證用戶會再次回來瀏覽你的網(wǎng)站。
有沒有體驗很不錯的網(wǎng)站呢？
當然有�，F(xiàn)在似乎大部分新聞媒體仍依靠本地應(yīng)用，只有少數(shù)的“勇者”開發(fā)了不錯的響應(yīng)式網(wǎng)站。
因為The Boston Globe是一個很流行的網(wǎng)站，所以這可能是一個很典型的案例。該網(wǎng)站的響應(yīng)式設(shè)計受到設(shè)計社區(qū)的極大宣傳與贊揚。
盡管頁面中包含著大量信息，但設(shè)計仍保持著相對整潔、干凈。鏈接足夠大，保證用戶可以輕松點擊；放置小的圖片，以節(jié)省空間。
整體達到了一種這樣的效果：看起來像報紙，但仍采用網(wǎng)站的工作方式。他們專注于排版、意象及簡潔的設(shè)計，使該網(wǎng)站可以在我的平板中輕松被瀏覽。
The Onion的布局在某些方面看起來與The Boston Globe十分相似：伴隨著你縮小窗口，三列變?yōu)閮闪�、一列。它可以順暢工作，這一點很重要。我的平板可以處理它。到目前為止，這是任何網(wǎng)站一個很大的賣點。
如果你想看關(guān)于另一個經(jīng)典使用響應(yīng)式三列新聞布局的案例，可以點擊查看Time Magazine網(wǎng)站。
Breaking News完全放棄了報紙的外貌特征，更像一個APP應(yīng)用。它本質(zhì)是一個RSS閱讀器，點擊網(wǎng)站中的文章標題，將鏈接到其他新聞網(wǎng)站，但該網(wǎng)站所采用的響應(yīng)式設(shè)計方式可以很容易地被任何新聞組織采用。
該網(wǎng)站針對移動設(shè)備進行設(shè)計時，他們并沒有冷落桌面用戶。在我1600×900像素的顯示器中，仍可以順暢地瀏覽整個網(wǎng)站。
如設(shè)計出更好的新聞類網(wǎng)站呢？
首先，我們要更好地關(guān)照到移動用戶。值得強調(diào)的是，很多人所閱讀的新聞往往來自外鏈接。你不可能依靠本地應(yīng)用為讀者提供移動體驗。
還有一個事實不得不提，iOS和Android是目前兩大最流行移動平臺，但它們并不是唯一的平臺。在設(shè)計新聞網(wǎng)站時，應(yīng)該考慮到那些使用老舊、不知名品牌手機的用戶來說，讓他們也可享受到服務(wù)。
如果你的網(wǎng)站用于公開信息內(nèi)容，那所發(fā)布的信息應(yīng)盡可能的與平臺獨立。只有做到這點，才能進行進一步的創(chuàng)新與提升。
對于新聞網(wǎng)站，你認為什么因素至關(guān)重要？你最喜歡的新聞網(wǎng)站有哪些？喜歡的原因是什么？歡迎在評論中發(fā)表自己的觀點。
全部評論