突破报纸模式 ——门户首页上的海量信息如何有效组织(ZZ)
来源:互联网 发布:mac上卸载搜狗输入法 编辑:程序博客网 时间:2024/04/28 16:31
文 / 黄胜山
“报纸模式”一词来源于唐硕用户体验咨询为某门户网站进行的用户研究项目时,用户用这样一句话描述他浏览门户首页的体验感受:“这里文字好多,跟看报纸差不多。”报纸确实是一个比较形象的比喻——当我们抛开了报纸,投向互联网媒体时,却发现原来只是将报纸放到了网站上。
门户首页是用户在门户网站上浏览次数最多的页面,也是网站各部门的必争之地。为了将编辑们辛苦维护的内容推送给广大用户,只有将海量的信息堆积在长长的页面上。这种传统报纸模式的首页有哪些局限?是否有更好的方式组织首页上的海量信息?本文将从用户体验的角度对这一主题进行探索。
国内外综合类门户网站的现状
来自中国互联网指数的《2009年6月中国门户网站市场份额统计报告》显示,腾讯网站已经超越三大门户网站,占据目前市场份额的第一位。据国外媒体报道,市场研究公司Hitwise发表报告列出了今年2月份美国市场份额最高的十大门户网站,其中雅虎以60.47%的市场份额独占鳌头。
综合类门户网站的用户体验水平评估
评估简介
本次选取了国内的腾讯、新浪、搜狐以及外国的Yahoo、MSN作为评估对象。如表1所示。
四个维度构成总分100,其中呈现占30%,架构导航占25%,内容25%,交互20%。导航&架构:架构体现内容组织形式,导航用以提示用户当前所处的位置以及从哪里来,可以到哪里去。 交互:指用户通过首页找寻所需功能或信息时,所涉及的操作流程和业务流程,好的交互能够降低业务门槛,增近产品和用户间的距离。内容:指流程页面中的文字写作,包括措词、术语解释等。内容是用户了解产品、正确使用产品的关键。呈现:指页面元素的组织方式和呈现方式,包括页面布局、颜色、图形和字体等。评估的具体步骤如下:
第一步,基于对大众网络用户的了解,制定门户网站产品的用户体验评估维度;
第二步,可用性专家结合用户特征模拟使用场景走查网银,发现并记录所存在的细节可用性问题;
第三步,从五大用户体验维度对各门户首页进行用户体验水平评估;
第四步,深入分析并汇总门户网站首页当前所存在的用户体验共性问题;
第五步,针对所发现的产品问题,在原则层面提出指导性改进方案。
评估结果
腾讯
内容引导性、针对性较弱;栏目架构较清楚,导航可用性比较好;呈现比较清晰,无用元素少;页面的视觉风格统一、且能体现品牌形象;交互一致性比较好。
新浪
内容的特色不明显;栏目架构比较混乱,导航可用性较差;页面的视觉风格不统一、不能体现品牌形象,且无用元素多;链接的交互提示不太合理。
搜狐
内容特色不明显;栏目架构比较混乱,导航可用性差;页面呈现混乱,视觉层次不清晰,无用元素多;链接的交互提示不太合理。
Yahoo
提供内容个性化功能,内容的针对性好;内容分类合理,导航、搜索易用;页面呈现层次清楚,图形使用合理,视觉风格统一,用户认知负担比较小,交互方式合理、一致性好。
MSN
内容分类清晰、较合理,导航、搜索易用,呈现的风格符合品牌形象,视觉层次较清晰,图形使用较合理,交互方式合理、一致性好。
评估发现
1. 用户的门户首页浏览习惯
- 用户在门户网站上的动机是获取各类信息,最核心的内容是新闻类的信息,还包括博客、视频等新闻周边的内容。用户获取这些信息可以分为以下两种方式:
- 无目的性的随意浏览,捕捉感兴趣的内容。
- 对某类内容非常关注,会习惯性的访问某个栏目的相关内容。
门户首页需要面对的挑战是怎样为用户提供准确合适的信息,并同时为用户提供舒适的浏览体验。
2. 报纸模式的局限
用报纸模式设计门户首页的好处在于:在有限的页面中能够置入海量的信息,不同类型的用户都能在首页中找到感兴趣的内容。可见报纸模式是将用户作为一个整体来处理的,但对于单个用户来说,传统的门户首页并不能提供很好的体验:
- 用户看到大量的无关信息,需要的信息却不易找到。
用户希望在门户上看到的信息都是自己关心的信息,但传统的门户首页在这点上有很大局限。一位用户曾这样描述他的浏览感受:“看到的大部分信息都是跟我无关的,而我真正想找的信息却找不到,是没有么?”对单个用户来说,传统门户首页上投放的海量信息大部分都是多余的。
我们都知道一条网页内容设计的原则:重要的信息放在重要的位置。但不同的用户关注的内容是截然不同的,重要区域放置的内容常常会是一部分用户不关心的多余信息。这是传统门户首页一直存在的一个问题。
- 用户浏览首页时获取信息的效率较低。
用户在门户网站上另一主要行为是无目的性的随意浏览。由于门户首页上的信息是海量的,传统门户首页上大量文字堆积又缺乏合理组织,将会导致很多用户真正关注的信息被忽略,也就是意味着首页上损失了很多潜在的点击量。在我们的研究中发现,传统门户首页存在的几个常见问题,造成用户可能忽略有用的信息:
- 内容置于5屏以下,用户很少浏览到5屏以下的内容。
- 内容形式单一、大量文字堆积,让用户在扫视时不能获得很好的视觉提示。
- 不同类的内容相邻,用户看到一个不感兴趣的标题,会忽略其周围的相关内容。
- 不易理解的或过长的标题,会被用户直接忽略。
突破报纸模式,门户首页的用户体验创新设计
针对传统报纸模式门户首页设计的主要问题,我们提出了一些对首页的创新思路。主要来源于项目执行中的同类用户研究经验,是从用户体验的角度进行阐述的,希望给相关的同行一些参考:
重新规划主页区域,提供公共信息和私人信息,为用户投送更准确的信息
门户首页上提供的大部分信息对单个用户都是无用和多余的,这些信息对用户是一种干扰。自定义个人主页是一种针对这个问题的解决方案。BBC的首页和Yahoo改版后的首页实现了信息投放高效化,但这种首页更多地成为了一个信息中转站,用户在首页上并不能获得足够的信息;这与中国用户扫视网页的习惯不相符。
可见单纯信息推送的页面和完全自定义的页面都不能很好的满足用户的需求。在重新规划首页的区域时候,要充分兼顾用户对公共信息和私有信息的需求。
公共信息
对于中国互联网用户来说,公共的信息区域是很必要的。因为用户已经习惯了简单的浏览,懒得对所有内容进行定制。这些共有信息对每个用户来说都是非常重要的,包括当日新闻、重要的导航、常用工具等。这部分信息应该放在页面中相对比较重要的位置,让新老用户都能快速的找到。
私有信息
除了共有信息之外的其他信息都可以作为私有信息,这些信息因人而异,可由用户自由定制。对于首页上广告的投放方式也应适当“私人化”,在定制的内容模块中提供相关度更高的广告,这种广告投放方式既减小了对用户造成的干扰,又使广告投放的准确率和成功率大大提高。
为扫视而设计,提高用户获取信息的效率
门户首页上的共有信息仍然较多,对于这些大量的文字信息,用户会采用扫视的方式进行浏览。因此要在首页为用户提供好的扫视体验;为扫视而设计的门户首页需具有以下特征:
提供适当的页面长度
用户习惯了一边滚动页面,一边浏览信息,所以我们提供的首页信息长度,应与之相符。建议在页面中提供6屏左右的信息量。
容易理解的内容分类
网站上的海量内容的分类维度不宜过多,如通过2个维度组织内容:按照内容分为体育和财经,按照性质分为新闻和评论。有的网站编辑认为网站内容分类越细越好,但复杂的内容分类结构往往让用户摸不着头脑。
设计合适的阅读节奏
连续的纵向文字标题排列不宜超过0.5屏。避免连续阅读的文字信息过长给用户造成的视觉疲劳。
提供视觉提示符号
根据不同内容的性质,使用不同的视觉手段(如:加粗,加红,底色区分等)引导用户在扫视时快速筛选信息。标题,新闻头条,图片都可以成为突出重点的视觉提示符号。
结语
互联网产品的发展速度是惊人的,互联网用户对创新产品的接受程度也很高,相信只要从用户的角度去思考和创新,新的首页设计模式一定会受到欢迎。
作者简介:
黄胜山,拥有工程心理学专业硕士学位,曾为中国工商银行、Microsoft、中国移动、Nokia、中国银行、Ericsson、Sina、Philip、PayPal等国内外多家公司提供咨询服务。现为唐硕用户体验咨询的用户体验咨询师,在用户体验机制流程化以及推广用户体验工作方面经验丰富。
(本文来自《程序员》杂志10年07期,更多精彩内容敬请关注07期杂志)
- 突破报纸模式 ——门户首页上的海量信息如何有效组织(ZZ)
- [zz]说说"解决问题团队的有效组织"(17章)
- 如何有效组织你的javascript
- 如何建立有效的QA组织
- 如何突破百度问答的瓶颈 增加有效外链
- SPS门户首页的Web控件(1)
- 如何突破技能发展上的瓶颈
- 如何在WORD2007去掉封面上(首页的)页码
- 如何有效编写软件的75条建议[zz]
- 【Discuz】首页的设计,门户的修改
- 如何更有效的发布招聘信息
- 如何有效的向用户传递信息
- 第七届蓝桥杯—报纸页数
- discuz 首页模板文件(门户模板)
- 从0到将突破5000亿美金,阿里18年组织是如何进化的?
- 在curd 中提升自我 + 如何面对海量的信息(如何辨别真假)
- 如何有效清理Mac上的内存
- LaTeX实战经验:如何有效组织LaTeX
- Flex+BlazeDS+Spring+Hibernate架构整合示例
- 远程协议-RMI协议
- VC++动态链接库(DLL)编程深入浅出之四
- 【Java.NIO】从Jetty、Tomcat和Mina中提炼NIO构架网络服务器的经典模式(三)
- Handling Java Exceptions in Flex application
- 突破报纸模式 ——门户首页上的海量信息如何有效组织(ZZ)
- 走马灯滚动效果
- 新认识的一个ORM框架 guzz
- 强制类型转换4种
- 如何用脚本实现提交时同步备份
- 对于WEB测试基本方法研究的想法
- [推荐] 80后们的十个人生底线 (80后请务必要看看!)
- Android状态栏上添加按钮
- 很好的linux 学习笔记(很全)