当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网站可用性研究:网页上的文本内容

心得技巧
网页前端也同样要注意Web安全
微软设计主管谈web设计
10个优秀的 Web UI 库/框架
众多牛X创意的网站导航方式
更改一个按钮让网站营业额增加3亿美金
设计理论:网站导航设计的复杂性
设计理论:设计要充分利用用户的建议
网页设计理论:注意力和流
网站交互设计理论:导致视觉结构混乱的因素
设计理论:保证良好Accessibility和Usability
设计理论:设计的文化延伸
Web前台开发工程师如何定位自己
网页播放器常用按钮的分析
设计理论:模板化是限制还是激发
简单分析网易网首页的设计思想
购物类网站产品或主题页面视觉设计一致性
网页设计参考:漂亮的网站登录界面设计
权威网站投票评出的最好的5个网页设计工具
从代码和图片以及脚本角度优化网站
设计理论:网页设计中的垂直韵律

心得技巧 中的 网站可用性研究:网页上的文本内容


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 29 ::
收藏到网摘: n/a

本教程翻译自:How Usable is Your Copy?

  当我们谈论网站可用性的时候,我们总会提及用户界面(UI)——按钮、标记(label)、标签(tab)等的设计与布局。但是,还有一个可能会被你忽视的元素可能会把你辛辛苦苦设计的网站毁于一旦,那就是(文字)内容。

  这些文字内容就是你的网站上用文本方式提及的方方面面,它涵盖了何种类型的文本内容。今天软晨学习网要谈论的网站可用性分析就是关于网站的文字内容如何对访问者起到引导和告知的作用,例如:引导用户如何下载需要的文件,如何订阅你网站的Feed,告知这个网站是关于什么的等等。虽然说内容为王,但一定要把我还内容的布置才是关键。

  那么,文字内容是如何影响网站可用性的呢?为了回答这个问题,让我来以图解的方式为您讲解用户通常是如何浏览网页的。可以说是非常混乱。我们从来都不会阅读某个特定网页的所有内容。相反,我们习惯用眼快速扫描整个网页,飞速地从网页上的这个点跳转到另一个点,并尝试着寻找自己想要的内容。下图为一个用户大致的浏览网页的路径,红线和红点表示不同的视觉移动及停留点。

网站可用性-研究

  这些行为发生的非常快,仅仅需要几秒钟我们就能完成页面的扫描,找到我们感兴趣的东西。

  文字内容可能引起的最大问题就是它的长度,写一篇长篇大论很容易,尤其是在知道要谈论什么的时候。你可能会很天真地认为写了很多对用户有帮助的内容,所以他们一定会读完全部。其实他们根本不会那样做!

  用户很乐于扫视一小段一小段的信息,而且大部分人会对大段大段的文字失去耐性,有时甚至只会接受一句一句的内容。你必须在网页上提供既简短明了又有一定视觉焦点的内容。这种焦点有两个作用:吸引用户的注意力让他们采取进一步的行动

  下面让我们来看一个实例,下图所示是MacPorts的首页上的内容部分,Mac工具可以帮助你安装各种开源软件。

网站可用性-研究

  它的文字内容实在太多了,没有人愿意阅读全部内容,即使阅读了全部内容,用户的心情也会受到打击。我猜测大部分来这里的用户的目的都是下载MacPorts,但是那个installation链接去埋藏在文字内容深处,很难发现。事实上,这些文字的80%的内容是可以删掉而且不会损失一点信息价值。下面是我的快速重新设计:

网站可用性-研究

  虽然不是很完美,但是多网站可用性已经有了很大的提升。如果给我更多的时间去重新设计,我还会重写页眉及页脚部分。其实整个重新设计最重要的部分就是”get started”部分,他会引导用户如何开始他们的浏览旅程。明确的目标、简明的标记文本、更大的字体和点击引导都能帮助用户更好的扫视页面,从而提升了用户体验,也提高了网站可用性。用户能够看到那些有效的链接,并在没有阅读多少文字内容的同时快速找到他们想要找的东西。

  有用的文字内容必须简短明了,使用更大的字体来吸引用户的注意力,在不失细节的情况下使用简介的下一步描述。最重要的是删除多余的没有价值的文字和句子。

  让人更难受的是,也许你会觉得你写的内容足够简短了,你是它的作者,你知道你要说的是什么。但是浏览者不一定能了解你的意思,他们会试图找出他们需要的东西。但是,请记住,用户并不一定是来阅读的,他们是来做他们想做的事情,每个人的目的不一定相同,所以你要节省他们的时间并且所见你的内容来吸引每个用户的注意力,从而让他们更加便于在几秒钟内扫描整个页面。用户只有在这几秒内扫描并发现他们想要的东西,才会继续在你的网站上停留更长的时间。