以提高用戶閱讀效能的角度進(jìn)行欄目的懸浮窗設(shè)計(jì)——以新華網(wǎng)封面報(bào)道為例

新華網(wǎng)由新華通訊社主辦的，國(guó)內(nèi)最大的國(guó)家級(jí)網(wǎng)絡(luò)媒體和新聞?lì)惥W(wǎng)站，具有較廣的覆蓋性和影響力。

在其目前的6-7個(gè)版面中，封面報(bào)道占據(jù)著其頭條位置。盡管欄目在吸引注意上較為成功，但是對(duì)用戶的閱讀卻存在一定的影響。這些影響用戶閱讀特別是延伸閱讀的問(wèn)題，較為集中地表現(xiàn)在如下五個(gè)方面：

1、欄目的頭條在標(biāo)題欄和文章閱讀界面中無(wú)法直接鏈接到相關(guān)專題，且標(biāo)題欄提供的信息過(guò)多。從其他國(guó)外新聞網(wǎng)站的經(jīng)驗(yàn)來(lái)看，用戶更傾向根據(jù)閱讀文章后自己的興趣來(lái)進(jìn)行選擇和搜索，所以該做法不利于用戶進(jìn)行延伸閱讀；

2、圖片和視頻預(yù)覽窗口過(guò)大，圖片和視頻的尺寸達(dá)到了455*300像素。國(guó)內(nèi)較為典型的綜合類網(wǎng)站中，以搜狐、新浪為例，視頻預(yù)覽窗口一般在125*120像素甚至更低，圖片預(yù)覽窗口一般為200*130左右；3、新聞的分類不夠清晰，從2014年12月到2015年2月三個(gè)月的時(shí)間內(nèi)，該欄目的新聞分類有時(shí)政、地方、社會(huì)、國(guó)際、熱點(diǎn)、文娛、突發(fā)、體育八個(gè)方面的內(nèi)容。在信息傳遞上沒(méi)有很好的發(fā)揮出欄目版面上的重要性；

4、在新華網(wǎng)最近一次改版之后，出現(xiàn)了版面空間浪費(fèi)的現(xiàn)象。例如欄目的左側(cè)基本都是空白處，沒(méi)有出現(xiàn)任何內(nèi)容。右側(cè)的欄目又顯得過(guò)分集中，導(dǎo)致用戶閱讀和查找相關(guān)內(nèi)容很不方便；

5、功能按鈕比較少，盡管版面右側(cè)的導(dǎo)航條存在，但是其定位和指向功能并不完善，同時(shí)也無(wú)法直達(dá)用戶感興趣的內(nèi)容界面和搜索結(jié)果。

在這些問(wèn)題當(dāng)中，最為集中的有如下四點(diǎn)：1、欄目文章在點(diǎn)擊進(jìn)去后，沒(méi)有所屬類別和相關(guān)專題的推薦鏈接，不方便用戶進(jìn)行延伸和擴(kuò)展閱讀；2、圖片/視頻預(yù)覽窗口尺寸過(guò)大，同時(shí)顯示沒(méi)有參考用戶需求；3、即時(shí)新聞數(shù)量較少，傳播效率不夠高效；4、欄目左側(cè)欄整合度不高，欄目整體感不強(qiáng)。

值得思考的是：1、在不減少欄目發(fā)布信息的數(shù)量的同時(shí)，進(jìn)行簡(jiǎn)化；2、對(duì)于版式中不必要同版面上的內(nèi)容，如何進(jìn)行發(fā)布；3、用戶如何能夠更好地找到自己有興趣的內(nèi)容和進(jìn)行搜索，同時(shí)對(duì)用戶進(jìn)行差異化的推廣；4、如何盡可能的減少網(wǎng)站改版的工作量，同時(shí)能夠盡可能地減少成本。

由于新華網(wǎng)每天的發(fā)布新聞的數(shù)量和內(nèi)容的種類是由其國(guó)家通訊社的新聞發(fā)布、信息匯總、輿論引導(dǎo)等多個(gè)不可改變的作用所決定的，同時(shí)其不少欄目本身屬于宣傳范疇的，不可更改的欄目。這就要求在考慮用戶閱讀體驗(yàn)的同時(shí)，是必須將新聞發(fā)布和保證重要信息的優(yōu)先權(quán)視為前提條件。這就要求我們的解決方案必須是一種不對(duì)新華網(wǎng)的用戶界面和閱讀界面做大幅修改就可以完成的技術(shù)手段。

1、懸浮窗的定義和特性

根據(jù)對(duì)于懸浮窗的通行解釋和對(duì)網(wǎng)頁(yè)制作的技術(shù)文件進(jìn)行總結(jié)，懸浮窗是一種窗口。具體而言，是在現(xiàn)有用戶界面上一個(gè)只占有，并在部分界面之上顯示的獨(dú)立窗口，并且該窗口可被用戶自定義移動(dòng)或靜止。

懸浮窗因?yàn)槠浔旧淼奶攸c(diǎn)，能比較好地滿足我們的要求。這是因?yàn)椋?、懸浮窗本身對(duì)網(wǎng)站版面設(shè)計(jì)的影響比較少；2、懸浮窗的大小和媒體形式較為靈活，可以根據(jù)內(nèi)容進(jìn)行調(diào)整；3、懸浮窗的位置可以根據(jù)版面進(jìn)行安排，同時(shí)也可方便地調(diào)整；4、懸浮窗更容易增設(shè)點(diǎn)擊鏈接和功能按鈕，使得用戶的延伸閱讀更加容易完成，能有效提高用戶的閱讀體驗(yàn)。

2、選用懸浮窗的原因和其功能

從成本上來(lái)考量，懸浮窗對(duì)于本來(lái)已經(jīng)是人員、資源密集的網(wǎng)站運(yùn)營(yíng)來(lái)講，在技術(shù)上幾乎沒(méi)有難度可言。經(jīng)營(yíng)網(wǎng)站所需要的長(zhǎng)期和大量的投入，對(duì)于新增一個(gè)小小的懸浮不成正比，其是否能出現(xiàn)的唯一標(biāo)準(zhǔn)就是其是否能夠滿足欄目的需求。

如果想讓懸浮窗對(duì)增加欄目的點(diǎn)擊率和閱讀時(shí)間有積極作用的話，那么保持懸浮窗在空白區(qū)的優(yōu)先顯示位置是必要的，只是需要就以下問(wèn)題預(yù)設(shè)較好的解決方案：第一、固定懸浮窗，并在閱讀界面和欄目中對(duì)其進(jìn)行統(tǒng)一規(guī)格，包括尺寸、顏色和位置；第二、懸浮窗的點(diǎn)擊鏈接，與閱讀界面內(nèi)的點(diǎn)擊鏈接應(yīng)該視為同一個(gè)延伸閱讀體系；第三，需要指出的是，由于懸浮窗本身所放置的鏈接有無(wú)限性，不僅是閱讀界面，也可以指向第三方網(wǎng)站的調(diào)查入口。

3、懸浮窗對(duì)提高用戶閱讀效能的作用

懸浮窗使用鏈接和按鈕組合的形式，不僅可以使得用戶很方便的直接進(jìn)入自己感興趣或者訂閱的欄目，也可以直接給用戶推薦網(wǎng)站的推送內(nèi)容和特定的關(guān)鍵詞，來(lái)對(duì)用戶的閱讀和瀏覽進(jìn)行某種程度的控制和引導(dǎo)。同時(shí)，根據(jù)網(wǎng)站傳播內(nèi)容和輿論引導(dǎo)的功能不同，懸浮窗的鏈接和按鈕設(shè)定完全可以通過(guò)簡(jiǎn)單的后臺(tái)操作予以完成，從而提高用戶的閱讀體驗(yàn)。

懸浮窗是保持欄目標(biāo)題的簡(jiǎn)潔，幫助分流過(guò)多的內(nèi)容，保持用戶的閱讀體驗(yàn)的好辦法。通過(guò)懸浮窗和較小的預(yù)覽窗口，并不能降低用戶的閱讀興趣和提高其操作難度，反而可以從保持用戶饑渴度的角度，來(lái)提高用戶的點(diǎn)擊欲望和點(diǎn)擊率。同時(shí)，從懸浮窗的功能來(lái)講，懸浮窗不僅可以使得用戶直接搜索自己清晰了解的內(nèi)容，還可以通過(guò)模糊搜索和只能匹配，乃至關(guān)鍵詞推薦，提高其用戶點(diǎn)擊的興趣和網(wǎng)站其他欄目的點(diǎn)擊率。

4、懸浮窗的未來(lái)作用

同樣的，由于其高度的自定義性，懸浮窗保持用戶閱讀界面的可延伸性，使得用戶能夠方便查找和搜索其感興趣的內(nèi)容的優(yōu)先工具。由于懸浮窗可以有效地節(jié)省版面空間，為將來(lái)的改版預(yù)留通道，并可以進(jìn)一步優(yōu)化用戶界面的布局?？梢灶A(yù)見(jiàn)，在未來(lái)，針對(duì)訂閱和付費(fèi)用戶，網(wǎng)站可以通過(guò)懸浮窗推出更為強(qiáng)大的自定義功能。在提高其閱讀體驗(yàn)的同時(shí)，使得點(diǎn)擊量和用戶停留時(shí)間進(jìn)一步增長(zhǎng)。

本文來(lái)源：http://m.xwlcp.cn/w/xf/9501.html《視聽(tīng)》