門戶網(wǎng)站首頁頁面重構(gòu)趨勢(shì)

在內(nèi)容為王和用戶至上的大旗底下，門戶網(wǎng)站的首頁設(shè)計(jì)還是因應(yīng)這一新形勢(shì)的變化和瀏覽器技術(shù)的革新，或多或少地走上了改版之路。

　　隨著用戶體驗(yàn)更佳的大屏移動(dòng)終端的普及和移動(dòng)互聯(lián)網(wǎng)江湖地位的確立，門戶APP迅速取代網(wǎng)站3G版成為移動(dòng)應(yīng)用主流。與此相對(duì)應(yīng)的，是一些小型或?qū)I(yè)門戶網(wǎng)站首頁乃至下級(jí)頻道欄目、頁面的設(shè)計(jì)風(fēng)格漸趨瀑布流和平板化。不過，對(duì)于寸土必爭(zhēng)和惜字如金的大門戶來說，網(wǎng)站首頁和網(wǎng)站APP還是截然不同。這其中，固然有分眾平衡的考量，更多的還是對(duì)用戶上網(wǎng)習(xí)慣的深刻理解和眷顧。

　　即便如此，在內(nèi)容為王和用戶至上的大旗底下，門戶網(wǎng)站的首頁設(shè)計(jì)還是因應(yīng)這一新形勢(shì)的變化和瀏覽器技術(shù)的革新，或多或少地走上了改版之路，努力在大而全的密集發(fā)布中，在時(shí)間線之外，勾勒出一幅清晰的邏輯分類圖表，演繹出與以前不同的亮麗風(fēng)格。

　　一、一站式登錄引領(lǐng)大數(shù)據(jù)應(yīng)用時(shí)代

　　一站式登錄或者叫通行證登錄，在網(wǎng)易這種集郵箱、商城、博客、論壇、網(wǎng)游以及同城約會(huì)等多種應(yīng)用于一體的綜合性門戶網(wǎng)站，已經(jīng)應(yīng)用有年。現(xiàn)如今，就算郵箱、論壇等應(yīng)用不是你的強(qiáng)項(xiàng)，網(wǎng)站首頁放一個(gè)登錄框都成了業(yè)界標(biāo)準(zhǔn)，沒有這個(gè)都不好意思在這個(gè)“云計(jì)算”時(shí)代混了。

　　一站式登錄意味著什么？對(duì)用戶而言，是一次登錄、通行全站的服務(wù)，既免去重復(fù)登錄同一網(wǎng)站各項(xiàng)業(yè)務(wù)的繁瑣，更省去記憶多套賬號(hào)密碼的麻煩。像今年9月中國(guó)移動(dòng)推出的通行證登錄方式，就將旗下的飛信、郵箱、網(wǎng)盤等互聯(lián)網(wǎng)業(yè)務(wù)一應(yīng)統(tǒng)一，很好地提升了用戶體驗(yàn)。而對(duì)于網(wǎng)站而言，一站式登錄意味著從論壇應(yīng)用、新聞跟帖、微博微信分享到用戶界面定制等，都能夠輕松實(shí)現(xiàn)全網(wǎng)級(jí)別的大平臺(tái)數(shù)據(jù)互動(dòng)整合。由于搜索引擎、即時(shí)通訊乃至電商平臺(tái)的數(shù)據(jù)積累和壟斷趨勢(shì)，行業(yè)網(wǎng)站的發(fā)展越來越受到數(shù)據(jù)來源和分析的瓶頸制約，而利用自身優(yōu)勢(shì)領(lǐng)域充分爭(zhēng)奪、挖掘和利用海量數(shù)據(jù)資源，無疑對(duì)打破數(shù)據(jù)壟斷提供了一種有益思路。特別是當(dāng)網(wǎng)站能夠利用大數(shù)據(jù)的分析結(jié)果結(jié)合個(gè)人的瀏覽習(xí)慣和偏好，進(jìn)而有針對(duì)性地為用戶提供特別的訂制頁面，那么網(wǎng)站的信息粘度、頁面流量甚至是營(yíng)收，無疑都將會(huì)有躍進(jìn)式發(fā)展。

　　二、標(biāo)簽頁應(yīng)用拓展網(wǎng)頁有效信息容量

　　早期的互聯(lián)網(wǎng)站，主要通過使用導(dǎo)航條引導(dǎo)用戶轉(zhuǎn)入網(wǎng)站二級(jí)欄目，但是二級(jí)欄目和網(wǎng)站首頁的點(diǎn)擊相比往往落差巨大。由于綜合類門戶站點(diǎn)對(duì)首頁內(nèi)容的堆砌一直主導(dǎo)著用戶的使用習(xí)慣，冗長(zhǎng)拖沓的首頁設(shè)計(jì)幾乎是門戶網(wǎng)站的主流樣式。

　　隨著網(wǎng)頁設(shè)計(jì)技術(shù)的不斷發(fā)展和電腦終端以及網(wǎng)頁瀏覽器性能的普遍提升，圖片延遲加載和頁面局部延遲加載漸次成為主流應(yīng)用技術(shù)。與之相對(duì)應(yīng)的，就是標(biāo)簽頁和頁面擴(kuò)展閱讀方式的普遍使用。這將幫助門戶網(wǎng)站在內(nèi)容定位和框架邏輯上的布局更易清晰合理，從而相對(duì)集中地展現(xiàn)同質(zhì)內(nèi)容，為用戶帶來更為輕松愉悅的信息獲取體驗(yàn)。

　　日前，因應(yīng)媒體融合發(fā)展的東風(fēng)，南方網(wǎng)驟然發(fā)力，全新改版，在參考和吸收了當(dāng)前互聯(lián)網(wǎng)站建設(shè)中流行的方式和頁面應(yīng)用研究成果后，充分吸納與整合媒體優(yōu)勢(shì)資源，在頁面布局中引入了大量標(biāo)簽設(shè)計(jì)和大數(shù)據(jù)應(yīng)用，對(duì)門戶網(wǎng)站首頁改革和用戶閱讀習(xí)慣培養(yǎng)進(jìn)行了一些有益探索。

　　新版南方網(wǎng)首頁整體頁面長(zhǎng)度較原首頁有所縮減，而字號(hào)、行距等亦比原來大幅增加，但由于使用了大量標(biāo)簽頁對(duì)版面進(jìn)行折疊與整合，版式更為疏朗大方，排布有序。僅版面欄目數(shù)和網(wǎng)頁鏈接數(shù)就分別增加了近1/4，圖片面積更是達(dá)到了原版的4倍以上，版面容量得到了大幅提升，又降低了閱讀疲勞感和信息查找難度，全面提升了閱讀體驗(yàn)。

　　僅是新版南方網(wǎng)首頁“焦點(diǎn)圖”欄目，通過標(biāo)簽頁技術(shù)的合理運(yùn)用，從原來僅提供單類5張時(shí)事新聞圖片滾動(dòng)展現(xiàn)，擴(kuò)展為根據(jù)網(wǎng)民各種喜好，提供新聞、娛樂、體育、通信、視頻等多分類共30張（組）以上圖片滾動(dòng)展現(xiàn)，挾直接、生動(dòng)和更具沖擊力之優(yōu)勢(shì)，充分滿足了網(wǎng)民在“讀圖時(shí)代”的視覺需求。

　　用標(biāo)簽頁應(yīng)用來拓展網(wǎng)頁有效信息容量，已經(jīng)逐漸成為行業(yè)趨勢(shì)并為用戶所接受。例如早期的百度搜索，主要以新聞、網(wǎng)頁、貼吧、知道、音樂、圖片等簡(jiǎn)單分類，引導(dǎo)用戶使用有關(guān)搜索功能。但百度坐大以后，開始不滿足于在單一領(lǐng)域的壟斷地位，逐漸涉足到網(wǎng)址導(dǎo)航、軟件開發(fā)與應(yīng)用、大數(shù)據(jù)服務(wù)應(yīng)用、移動(dòng)終端服務(wù)等各個(gè)領(lǐng)域，以至“百度一下，你就知道”這句廣告語連小學(xué)生都耳熟能詳。而向以簡(jiǎn)潔著稱的百度首頁亦因之化簡(jiǎn)就繁，在搜索分類之外，新增了以“卡片”命名的標(biāo)簽頁元素，提供導(dǎo)航、新聞、音樂、游戲等定制化、精細(xì)化內(nèi)容，既擴(kuò)充了網(wǎng)站首頁的信息容量，也進(jìn)一步提高了網(wǎng)站頁面的點(diǎn)擊率。同時(shí)，由于其較高的可定制性能，對(duì)于習(xí)慣簡(jiǎn)潔頁面的用戶或有特殊需求的網(wǎng)絡(luò)用戶，都能周至照顧，兼之國(guó)內(nèi)互聯(lián)網(wǎng)難有與之實(shí)力匹配的競(jìng)爭(zhēng)對(duì)手，對(duì)用戶忠誠(chéng)度和點(diǎn)擊轉(zhuǎn)化率恐怕只有積極影響。

三、瀑布流布局帶來的奇特體驗(yàn)

　　瀑布流布局的興起也是近幾年間的事情，其主要特點(diǎn)是放棄了網(wǎng)頁整齊劃一的布局觀，一改網(wǎng)頁絕對(duì)定位的傳統(tǒng)，網(wǎng)站頁面由眾多相對(duì)獨(dú)立的小數(shù)據(jù)塊組成，且對(duì)任一內(nèi)容框架的高度和寬度不作要求，彼此沒有側(cè)重卻又能夠在錯(cuò)落間和諧一統(tǒng)。而且，網(wǎng)頁可以因應(yīng)顯示器寬度的不同或?yàn)g覽器的縮放操作，自適應(yīng)重新排版，用于圖片展示能夠給用戶帶來奇特而完美的視覺體驗(yàn)。

　　瀑布流布局在美國(guó)Pinterest網(wǎng)站甫一推出就大放異彩，并受到了業(yè)界的普遍關(guān)注和圖片類網(wǎng)站的青睞。由于其自適應(yīng)窗口布局的特性，網(wǎng)站在不同的顯示器分辨率下，都能夠重排頁面元素，使頁面得以在整個(gè)顯示空間中完美呈現(xiàn)。不過由于瀑布流參差不齊的布局，用于圖片展示效果固然不錯(cuò)，但并不適合展現(xiàn)過多的文字。同時(shí)，瀑布流布局雖然是對(duì)傳統(tǒng)網(wǎng)頁布局的一大革新和突破，但是其源于圖片本身的視覺沖擊力會(huì)給用戶對(duì)圖片的華麗質(zhì)素帶來更高的要求。因此，要想從瀑布流中脫穎而出，內(nèi)容本身的質(zhì)素和能夠?yàn)橛脩籼峁┑姆?wù)愈顯重要。

　　除此之外，一些貼心的細(xì)節(jié)設(shè)計(jì)也被廣泛應(yīng)用于各大門戶網(wǎng)站中，例如根據(jù)用戶IP數(shù)據(jù)投放本地新聞及相干信息；長(zhǎng)駐網(wǎng)站頂部，方便用戶隨時(shí)在欄目間進(jìn)行選擇的吸頂式導(dǎo)航；與標(biāo)簽頁應(yīng)用相若的，通過展開與折疊摘要內(nèi)容來提升用戶閱讀體驗(yàn)的布局；為部分有特殊需求的訪問者提供更好服務(wù)的無障礙導(dǎo)航功能和無障礙網(wǎng)站瀏覽輔助功能等。

　　四、高定制性門戶網(wǎng)站首頁設(shè)計(jì)設(shè)想

　　目前，門戶網(wǎng)站提供的內(nèi)容框架，仍然是基于網(wǎng)站編輯理念的信息傳播模式。簡(jiǎn)言之，既網(wǎng)站提供什么內(nèi)容，該內(nèi)容在網(wǎng)站首頁呈現(xiàn)的排版方式和位置、權(quán)重都相對(duì)固定，用戶無法主導(dǎo)和左右。這和業(yè)界一直鼓吹的Web 3.0形勢(shì)顯然不相適應(yīng)。

　　試想一下，在門戶網(wǎng)站首頁包羅廣泛的分類中，用戶可能僅對(duì)其中三、五欄目興趣濃郁，又或者，有用戶對(duì)IT、娛樂兩類信息和本地新聞情有獨(dú)鐘，那大多數(shù)門戶網(wǎng)站的首頁對(duì)之而言，未免重點(diǎn)不突出和冗雜有余了。

　　早前，不少網(wǎng)站都會(huì)啟用Cookie技術(shù)，為用戶定制頁面字體、配色等簡(jiǎn)單功能。隨著一站式登錄等大數(shù)據(jù)應(yīng)用，更是為網(wǎng)站高定制性頁面方案提供了可能。

　　事實(shí)上，像著名博客程序WordPress和其它一些文章管理系統(tǒng)，站長(zhǎng)都可以透過后臺(tái)對(duì)欄目進(jìn)行簡(jiǎn)單排序，在首頁選擇性地呈現(xiàn)諸如點(diǎn)擊排行、最新評(píng)論以及日歷等控件。而大多數(shù)門戶網(wǎng)站首頁的框架結(jié)構(gòu)設(shè)計(jì)在模塊化方面也已做得相當(dāng)完善，透過公用元素、框架預(yù)留等設(shè)計(jì)手段，可以說頁面的高擴(kuò)展性和高效重構(gòu)性已有充分保證。

　　如果我們把網(wǎng)站頁面高效重構(gòu)的權(quán)限交給用戶，用戶只需要透過簡(jiǎn)單的設(shè)置和模塊拖曳動(dòng)作，就可以根據(jù)自己的審美情趣和興趣愛好，對(duì)頁面的配色、字體字距，以及頁面欄目進(jìn)行模塊化移動(dòng)、增刪等操作，甚至我們?cè)谛枰獣r(shí)可以把深藏于二級(jí)、三級(jí)欄目底下的某塊內(nèi)容置于網(wǎng)站頭條醒目位置，這才是“我關(guān)注的，即是頭條”了。我看我喜歡，能不開心閱讀？

　　這和門戶網(wǎng)站的專業(yè)化、本地化發(fā)展趨勢(shì)是正相一致的。頁面的高效重構(gòu)是用戶定制的第一步和最重要一步，我們甚至可以走得更遠(yuǎn)一些，借鑒掌上新聞閱讀APP應(yīng)用的一些成功經(jīng)驗(yàn)做法，反哺到桌面電腦上來，用應(yīng)用軟件的豐富設(shè)置功能來獲取和篩選門戶網(wǎng)站的海量信息，用之以取代一直以來占據(jù)桌面電腦的瀏覽器功能，或者對(duì)提升用戶體驗(yàn)不無裨益。如此，我們面對(duì)的網(wǎng)站頁面，就可以充分融合用戶的“編輯理念”于其中，所見即所需，對(duì)于網(wǎng)站的粘度和點(diǎn)擊的幫助不言而喻。

　　版面重構(gòu)從大的分類上解決了用戶閱讀興趣的指向問題，在具體的版塊中，可縮放摘要內(nèi)容和可刪除推送的信息流列表，已取代單純堆砌標(biāo)題的舊有形式漸成主流，像2013年改版后的美國(guó)Yahoo網(wǎng)站，不惟用信息流的方式推送新聞，更在新聞與用戶交互中走在了前面。Yahoo的登錄用戶，在將鼠標(biāo)移到文章列表時(shí)，一個(gè)選項(xiàng)標(biāo)簽就會(huì)漂浮出來，用戶可以在其中表達(dá)對(duì)該類文章是否感興趣，網(wǎng)站亦可以因應(yīng)用戶選擇在隨后更精準(zhǔn)的向用戶推送信息。

　　事實(shí)上，借助大數(shù)據(jù)的應(yīng)用分析，我們也可以透過用戶在一段時(shí)間以來閱讀文章的正負(fù)關(guān)鍵詞等信息，來了解用戶更為具體的閱讀興奮點(diǎn)，同時(shí)參考結(jié)合大多數(shù)用戶感興趣的信息內(nèi)容，選擇性地在相應(yīng)欄目中進(jìn)行推送播報(bào)，從而真正抓住用戶眼球，提升網(wǎng)站的傳播力和影響力。