跳至主要内容

开心网最彻底的"F"的页面设计

006年4月,美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表了一项《眼球轨迹的研究》报告(原文:F-Shaped Pattern For Reading Web Content)。 见下图:


报告中提出,大多数情况下浏览者都不由自主的以"F"形状的模式阅读网页,这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。分为最热(红色)、较热(黄色)、不热(蓝色)和基本不关注(灰色)4种。

再看开心网的页面,用3条导航在每个页面都构建了一个大"F"。


顶部导航是与"交流"相关的频道,包括好友列表、群组和消息中心,这些都是要与其他用户发生关系的产品。 左侧导航是用户个人操作的产品,包括日记、照片,及其他新增的组件。在频道的页面内,大部分又都有一个相同样式的页卡标签,通常为"我的XX"和"好友的XX"。

这三条导航构成一个巨大的"F"型框架,网站不同页面保持结构一致,使得用户在网站使用过程中的学习成本最低,一次经验,全站通用。同时让用户更愿意尝试开心网上其他产品,因为用户预期中其他产品的使用方法相同,不需要一个重新的学习过程,尝试的成本较低。

而不同产品页面结构各异的网站,用户使用任何一个产品和频道都是一次全新的学习和摸索过程,甚至连找到一个返回链接,都是一次大伤脑筋的走迷宫,这会让用户产生巨大的挫折感,更不愿意去尝试该网站的其他产品,因为用户不知道下一个产品又将是怎样一次令人头痛的探索历程。

从上图中我们可以看到,页面中大部分区域用户都不会去关注,所以在单个页面上,开心网的每个页面内可以操作和点击的链接都非常少,且集中大"F"型热点区域。这向用户传达的信息是:在这里,你只需了解极少的操作就可以使用这个网站。

而那些内容丰富,堆满链接和按钮的网站页面中,也许整个页面只有一个链接对用户是有价值的。但是用户来到这里,既要有足够的智慧和眼力排除所有干扰信息去找到那个唯一有价值的链接,同时还要面对如果我不点击其他的链接是否会错过某些重要信息的困扰和焦虑。

页面中哪些是无效信息,网站工作人员最清楚,但是他们却把排除干扰信息这种复杂的工作交给用户,将用户逼入一种烦躁和焦虑的困境中。这种痛苦的使用体验只会将用户全部赶走。

------------------

评论

此博客中的热门博文

20个免费的SEO网站分析工具

  在开发和维护网站的过程中, 网站分析 将对网站的前途起到非常重大的作用。今天暴风彬彬为大家收集了20个用来对自己的网站进行分析的资源或工具,而且它们几乎不用注册甚至下载就可以使用哦。有些可以说是 SEO 必不可少的工具!还等什么,快往下看…   下面要介绍的这20个工具,有些能对你提交的网站进行详尽的分析并作出详细的分析报告,甚至提示如何解决网站存在的一些问题,以达到优化效果;有些工具只是提供一个大体的分析。我相信其中大部分都会对你的SEO工作有所帮助,而且会是你的网站维护起来更有意思 :-D  译者注:您还可以参考以下网站优化相关文章: 《 浅谈网站用户体验UX与SEO的关系 》 《 推荐两个SEO辅助搜索工具 》 《 Google 评价 blog 的指标 》  《 Google 网页排名背后的技术 》  1. Website Grader   Website Grader是我平常比较喜欢使用 SEO分析工具 ,因为它分析得很全面,可用性也很高。通过Website Grader你将得到一个关于你提交的网站的非常详尽的分析报告,报告涉及到了网站的各个部分,比如页面结构、域名信息、标题摘要信息(h1,h2,h3 这些)、Google索引数量和bot最后爬行日期、RSS是否正确、Google/Yahoo/Alexa/MSN上的反向链接数、 Technorati排名、del.icio.us的收藏数、Alexa的排名情况和Google PageRank值。并且还会对提交的网站进行打分及网站出现的问题的修改建议。通常Website Grader所提出来的修改建议是很有价值的,而且能详细的致命问题出在哪,如何才能解决这样的问题。   2. Trifecta   Trifecta是这20个 SEO工具 中比较独特的一个,它以不同的标准分析一个网页、一个博客甚至一个顶级域名下的整个网站,他最终会为你提交的网站总结大致的分数及报告。如果不是会员的话每天可以申请一份分析报告。 3. Spider Simulator   这个分析工具会对你提交的网站进行相对于搜索引擎友好度的分析,并对提交的网站进行评分。主要的评分标准是Meta标签的使用、网页的标题、图片和Alt属性...

十年来浏览器行业没有出现新内核

Opera首席执行官Jon S. von Tetzchner今天表示,就浏览器来说,虽然互联网经历了十年的高速发展期,但浏览器内核本身实际没有实质突破,谷歌Chrome虽然是个新的浏览器,但与苹果Safari一样都是基于WebKit内核,"可以说,十年来浏览器本身没有出现新内核",Jon表示。 作为一家老牌的浏览器厂商,Opera浏览器桌面版市场占有率远远落后于IE和Firefox,但是在移动产品市场中,Opera却处于遥遥领先的地位。IDC今年10月的统计数据显示,Opera mini版全球活跃用户已经超过2100万,同时Opera还通过与老牌游戏机厂商任天堂合作将Opera 浏览器内置到NDSL掌机和热销的Wii游戏机中,Jon表示,"Opera mini 是我们目前最重要的产品之一,今年1到9月Opera mini的用户量增长超过350%,在中国我们也通过与空中网的合作不断提升市场份额"。Opera mini也使用了云计算的概念,在手机上网时,服务器端会进行数据压缩,手机用户上网访问WWW网页会拥有更快的速度和效率。 事实上,Opera是目前全球唯一一家跨平台浏览器厂商,Jon表示,"不管是手机、还是移动设备、还是机顶盒、还是电脑,Opera都可以提供优质快速稳定的浏览器。" 不过Jon也坦陈,"对Oprea来说,我们的营收主要来自三个方面,比较传统的仍然是软件授权预装和桌面版流量点击分成,不过从今年开始,Opera已经开始与T-Mobile等重要运营商开始按照Opera mini的用户活跃度进行合作分成,这是Opera未来的一个巨大增长点。" 1995年末,Jon S. von Tetzchner与Opera总程序设计师Geir Ivars y在挪威成立Opera Software 公司,之前两人供职于挪威最大的运营Televerket ,1995年,Televerket 更名为今天的Telenor。   2008-11-28   洛阳生活信息点评网:http://luo...