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