以提高用户阅读效能的角度进行栏目的悬浮窗设计——以新华网封面报道为例

新华网由新华通讯社主办的，国内最大的国家级网络媒体和新闻类网站，具有较广的覆盖性和影响力。

在其目前的6-7个版面中，封面报道占据着其头条位置。尽管栏目在吸引注意上较为成功，但是对用户的阅读却存在一定的影响。这些影响用户阅读特别是延伸阅读的问题，较为集中地表现在如下五个方面：

1、栏目的头条在标题栏和文章阅读界面中无法直接链接到相关专题，且标题栏提供的信息过多。从其他国外新闻网站的经验来看，用户更倾向根据阅读文章后自己的兴趣来进行选择和搜索，所以该做法不利于用户进行延伸阅读；

2、图片和视频预览窗口过大，图片和视频的尺寸达到了455*300像素。国内较为典型的综合类网站中，以搜狐、新浪为例，视频预览窗口一般在125*120像素甚至更低，图片预览窗口一般为200*130左右；3、新闻的分类不够清晰，从2014年12月到2015年2月三个月的时间内，该栏目的新闻分类有时政、地方、社会、国际、热点、文娱、突发、体育八个方面的内容。在信息传递上没有很好的发挥出栏目版面上的重要性；

4、在新华网最近一次改版之后，出现了版面空间浪费的现象。例如栏目的左侧基本都是空白处，没有出现任何内容。右侧的栏目又显得过分集中，导致用户阅读和查找相关内容很不方便；

5、功能按钮比较少，尽管版面右侧的导航条存在，但是其定位和指向功能并不完善，同时也无法直达用户感兴趣的内容界面和搜索结果。

在这些问题当中，最为集中的有如下四点：1、栏目文章在点击进去后，没有所属类别和相关专题的推荐链接，不方便用户进行延伸和扩展阅读；2、图片/视频预览窗口尺寸过大，同时显示没有参考用户需求；3、即时新闻数量较少，传播效率不够高效；4、栏目左侧栏整合度不高，栏目整体感不强。

值得思考的是：1、在不减少栏目发布信息的数量的同时，进行简化；2、对于版式中不必要同版面上的内容，如何进行发布；3、用户如何能够更好地找到自己有兴趣的内容和进行搜索，同时对用户进行差异化的推广；4、如何尽可能的减少网站改版的工作量，同时能够尽可能地减少成本。

由于新华网每天的发布新闻的数量和内容的种类是由其国家通讯社的新闻发布、信息汇总、舆论引导等多个不可改变的作用所决定的，同时其不少栏目本身属于宣传范畴的，不可更改的栏目。这就要求在考虑用户阅读体验的同时，是必须将新闻发布和保证重要信息的优先权视为前提条件。这就要求我们的解决方案必须是一种不对新华网的用户界面和阅读界面做大幅修改就可以完成的技术手段。

1、悬浮窗的定义和特性

根据对于悬浮窗的通行解释和对网页制作的技术文件进行总结，悬浮窗是一种窗口。具体而言，是在现有用户界面上一个只占有，并在部分界面之上显示的独立窗口，并且该窗口可被用户自定义移动或静止。

悬浮窗因为其本身的特点，能比较好地满足我们的要求。这是因为：1、悬浮窗本身对网站版面设计的影响比较少；2、悬浮窗的大小和媒体形式较为灵活，可以根据内容进行调整；3、悬浮窗的位置可以根据版面进行安排，同时也可方便地调整；4、悬浮窗更容易增设点击链接和功能按钮，使得用户的延伸阅读更加容易完成，能有效提高用户的阅读体验。

2、选用悬浮窗的原因和其功能

从成本上来考量，悬浮窗对于本来已经是人员、资源密集的网站运营来讲，在技术上几乎没有难度可言。经营网站所需要的长期和大量的投入，对于新增一个小小的悬浮不成正比，其是否能出现的唯一标准就是其是否能够满足栏目的需求。

如果想让悬浮窗对增加栏目的点击率和阅读时间有积极作用的话，那么保持悬浮窗在空白区的优先显示位置是必要的，只是需要就以下问题预设较好的解决方案：第一、固定悬浮窗，并在阅读界面和栏目中对其进行统一规格，包括尺寸、颜色和位置；第二、悬浮窗的点击链接，与阅读界面内的点击链接应该视为同一个延伸阅读体系；第三，需要指出的是，由于悬浮窗本身所放置的链接有无限性，不仅是阅读界面，也可以指向第三方网站的调查入口。

3、悬浮窗对提高用户阅读效能的作用

悬浮窗使用链接和按钮组合的形式，不仅可以使得用户很方便的直接进入自己感兴趣或者订阅的栏目，也可以直接给用户推荐网站的推送内容和特定的关键词，来对用户的阅读和浏览进行某种程度的控制和引导。同时，根据网站传播内容和舆论引导的功能不同，悬浮窗的链接和按钮设定完全可以通过简单的后台操作予以完成，从而提高用户的阅读体验。

悬浮窗是保持栏目标题的简洁，帮助分流过多的内容，保持用户的阅读体验的好办法。通过悬浮窗和较小的预览窗口，并不能降低用户的阅读兴趣和提高其操作难度，反而可以从保持用户饥渴度的角度，来提高用户的点击欲望和点击率。同时，从悬浮窗的功能来讲，悬浮窗不仅可以使得用户直接搜索自己清晰了解的内容，还可以通过模糊搜索和只能匹配，乃至关键词推荐，提高其用户点击的兴趣和网站其他栏目的点击率。

4、悬浮窗的未来作用

同样的，由于其高度的自定义性，悬浮窗保持用户阅读界面的可延伸性，使得用户能够方便查找和搜索其感兴趣的内容的优先工具。由于悬浮窗可以有效地节省版面空间，为将来的改版预留通道，并可以进一步优化用户界面的布局。可以预见，在未来，针对订阅和付费用户，网站可以通过悬浮窗推出更为强大的自定义功能。在提高其阅读体验的同时，使得点击量和用户停留时间进一步增长。

本文来源：http://www.zzqklm.com/w/xf/9501.html《视听》