念青博客 : 门户网站首页页面重构趋势


门户网站首页页面重构趋势

随着用户体验更佳的大屏移动终端的普及和移动互联网江湖地位的确立,令到门户APP迅速取代网站3G版成为移动应用主流。与此相对应的,是一些小型或专业门户网站首页乃至下级频道栏目、页面的设计风格渐趋瀑布流和平板化。不过,对于寸土必争和惜字如金的大门户来说,网站首页和网站APP还是愿意截然不同。这其中,固然有分众平衡的考量,更多的还是对用户上网习惯的深刻理解和眷顾。

即便如此,在内容为王和用户至上的大旗底下,门户网站的首页设计还是因应这一新形势的变化和浏览器技术的革新,或多或少地走上了改版之路,努力在大而全的密集发布中,在时间线之外,勾勒出一幅清晰的逻辑分类图表,演绎出与前不同的亮丽风格。

一、一站式登录引领大数据应用时代
一站式登录或者叫通行证登录,在网易这种集邮箱、商城、博客、论坛、网游以及同城约会等多种应用于一体的综合性门户网站,已经应用有年。现如今,就算邮箱、论坛等应用不是你的强项,网站首页放一个登录框都成了业界标准,没有这个都不好意思在这个“云计算”时代混了。

一站式登录意味着什么?对用户而言,是一次登录,通行全站的服务,既免去重复登录同一网站各项业务的繁琐,更省去记忆多套账号密码的麻烦。像今年9月中国移动推出的通行证登录方式,就将旗下的飞信、邮箱、网盘等互联网业务一应统一,很好地提升了用户体验(见图1)。而对于网站而言,一站式登录意味着从论坛应用、新闻跟帖、微博微信分享到用户界面定制等,都能够轻松实现全网级别的大平台数据互动整合。由于搜索引擎、即时通讯乃至电商平台的数据积累和垄断趋势,行业网站的发展越来越受到数据来源和分析的瓶颈制约,而利用自身优势领域充分争夺、挖掘和利用海量数据资源,无疑对打破数据垄断提供了一种有益思路。特别的,当网站能够利用大数据的分析结果结合个人的浏览习惯和偏好,进而有针对性地为用户提供特别的订制介面,那么网站的信息粘度、页面流量甚至是营收,无疑都将会有跃进式发展。

图1.通行证登录(一站式登录)已成业界标准

二、标签页应用拓展网页有效信息容量
早期的互联网站,主要通过使用导航条引导用户转入网站二级栏目,但是二级栏目和网站首页的点击相比往往落差巨大。由于综合类门户站点对首页内容的堆砌一直主导着用户的使用习惯,冗长拖沓的首页设计几乎是门户网站的主流样式。

随着网页设计技术的不断发展和电脑终端以及网页浏览器性能的普遍提升,图片延迟加载和页面局部延迟加载渐次成为主流应用技术。与之相对应的,就是标签页和页面扩展阅读方式的普遍使用。这将帮助门户网站在内容定位和框架逻辑上的布局更易清晰合理,从而相对集中地展现同质内容,为用户带来更为轻松愉悦的信息获取体验。

日前,因应媒体融合发展的东风,南方网骤然发力,全新改版,在参考和吸收了当前互联网站建设中流行的方式和页面应用研究成果后,充分吸纳与整合媒体优势资源,在页面布局中引入了大量标签设计和大数据应用,对门户网站首页改革和用户阅读习惯培养进行了一些有益探索。

新版南方网首页整体页面长度较原首页有所缩减,而字号、行距等亦比原来大幅增加,但由于使用了大量标签页对版面进行折叠与整合,版式更为疏朗大方,排布有序。仅版面栏目数和网页链接数就分别增加了近1/4,图片面积更是达到了原版的4倍以上,版面容量得到了大幅提升,又降低了阅读疲劳感和信息查找难度,全面提升了阅读体验。

仅是新版南方网首页“焦点图”栏目,通过标签页技术的合理运用,从原来仅提供单类5张时事新闻图片滚动展现,扩展为根据网民各种喜好,提供新闻、娱乐、体育、通信、视频等多分类共30张(组)以上图片滚动展现,挟直接、生动和更具冲击力之优势,充分满足了网民在“读图时代”的视觉需求。(见图2)
图2.用标签页应用来拓展网页有效信息容量成为行业趋势

用标签页应用来拓展网页有效信息容量,已经逐渐成为行业趋势并为用户所接受。例如早期的百度搜索,主要以新闻、网页、贴吧、知道、音乐、图片等简单分类,引导用户使用有关搜索功能。但百度坐大以后,开始不满足于在单一领域的垄断地位,逐渐涉足到网址导航、软件开发与应用、大数据服务应用、移动终端服务等各个领域,以至“百度一下,你就知道”这句广告语连小学生都耳熟能详。而向以简洁著称的百度首页亦因之化简就繁,在搜索分类之外,新增了以“卡片”命名的标签页元素,提供导航、新闻、音乐、游戏等定制化、精细化内容,既扩充了网站首页的信息容量,也进一步提高了网站页面的点击率。同时,由于其较高的可定制性能,对于习惯简洁页面的用户或有特殊需求的网络用户,都能周至照顾,兼之国内互联网难有与之实力匹配的竞争对手,对用户忠诚度和点击转化率恐怕只有积极影响。

图3.百度首页化简就繁试水标签页面应用
三、瀑布流布局带来的奇特体验
瀑布流布局的兴起也是近几年间的事情,其主要特点是放弃了网页整齐划一的布局观,一改网页绝对定位的传统,网站页面由众多相对独立的小数据块组成,且对任一内容框架的高度和宽度不作要求,彼此没有侧重却又能够在错落间和谐一统。而且,网页可以因应显示器宽度的不同或浏览器的缩放操作,自适应重新排版,用于图片展示能够给用户带来奇特而完美的视觉体验。

瀑布流布局在美国Pinterest网站甫一推出就大放异彩(见图4),并受到了业界的普遍关注和图片类网站的青睐。由于其自适应窗口布局的特性,网站在不同的显示器分辨率下,都能够重排页面元素,使页面得以在整个显示空间中完美呈现。不过由于瀑布流参差不齐的布局,用于图片展示效果固然不错,但并不适合展现过多的文字。同时,瀑布流布局虽然是对传统网页布局的一大革新和突破,但是其源于图片本身的视觉冲击力会给用户对图片的华丽质素带来更高的要求。因此,要想从瀑布流中脱颖而出,内容本身的质素和能够为用户提供的服务愈显重要。
图4.Pinterest网站引领的瀑布流布局错落而有致

除此之外,一些贴心的细节设计也被广泛应用于各大门户网站中,例如根据用户IP数据投放本地新闻及相干信息;长驻网站顶部,方便用户随时在栏目间进行选择的吸顶式导航;与标签页应用相若的,通过展开与折叠摘要内容来提升用户阅读体验的布局;为部分有特殊需求的访问者提供更好服务的无障碍导航功能和无障碍网站浏览辅助功能等。

四、高定制性门户网站首页设计设想
目前,门户网站提供的内容框架,仍然是基于网站编辑理念的信息传播模式。简言之,既网站提供什么内容,该内容在网站首页呈现的排版方式和位置、权重都相对固定,用户无法主导和左右。这和业界一直鼓吹的Web 3.0形势显然不相适应。

试想一下,在门户网站首页包罗广泛的分类中,用户可能仅对其中三、五栏目兴趣浓郁,又或者,有用户对IT、娱乐两类信息和本地新闻情有独钟,那大多数门户网站的首页对之而言,未免重点不突出和冗杂有余了。

以前,不少网站都会应用浏览器Cookie记忆,为用户定制页面字体、配色等简单功能。随着一站式登录等大数据应用,更是为网站高定制性页面方案提供了可能。

事实上,像著名博客程序WordPress和其它一些文章管理系统,站长都可以透过后台对栏目进行简单排序和取舍,在首页选择性地呈现诸如点击排行、最新评论以及日历等控件。而大多数门户网站首页的框架结构设计在模块化方面也已做得相当完善,透过公用元素、框架预留等设计手段,可以说页面的高扩展性和高效重构性已有充分保证。

如果我们把网站页面高效重构的权限交给用户,用户只需要透过简单的设置和模块拖曳动作,就可以根据自己的审美情趣和兴趣爱好,对页面的配色、字体字距,以及页面栏目进行模块化移动、增删等操作,甚至我们在需要时可以把深藏于二级、三级栏目底下的某块内容置于网站头条醒目位置,这才是“我关注的,即是头条”了。我看我喜欢,能不开心阅读?

这和门户网站的专业化、本地化发展趋势是正相一致的。页面的高效重构是用户定制的第一步和最重要一步,我们甚至可以走得更远一些,借鉴掌上新闻阅读APP应用的一些成功经验做法,反哺到桌面电脑上来,用应用软件的丰富设置功能来获取和筛选门户网站的海量信息,用之以取代一直以来占据桌面电脑的浏览器功能,或者对提升用户体验不无裨益。使如此,我们面对的网站页面,就可以充分融合用户的“编辑理念”于其中,所见即所需,对于网站的粘度和点击的帮助不言而喻。

版面重构从大的分类上解决了用户阅读兴趣的指向问题,在具体的版块中,可缩放摘要内容和可删除推送的信息流列表,已取代单纯堆砌标题的旧有形式渐成主流,像2013年改版后的美国Yahoo网站,不惟用信息流的方式推送新闻,更在新闻与用户交互中走在了前面。Yahoo的登录用户,在将鼠标移到文章列表时,一个选项标签就会漂浮出来,用户可以在其中表达对该类文章是否感兴趣,网站亦可以因应用户选择在随后更精准的向用户推送信息。(见图5)
图5.Yahoo推送新闻给用户更多选择权

事实上,借助大数据的应用分析,我们也可以透过用户在一段时间以来阅读文章的正负关键词等信息,来了解用户更为具体的阅读兴奋点,同时参考结合大多数用户感兴趣的信息内容,选择性地在相应栏目中进行推送播报,从而真正抓住用户眼球,提升网站的传播力和影响力。

(刊发于2014年《南方传媒研究》第50辑)

随机日志


到此一游