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

心得技巧
熟练设计师的七原则(2):颜色运用
静态网站转换成RSS的工具
探讨百度百科UI的发展趋势
网页体积的研究
网页技巧:多IE版本共存解决方案IETester
利用个性化搜索引擎查找需要的个性化信息
web开发人员关心的IE7和IE8共存的问题
Google翻译工具:快速实现网站多语言
网页内容的浏览设计方式探讨
网页表格的制作技巧
网页表格边框的设置方法
网页中照片预览导航设计技巧
内容网页中关于图片预览的设计
栅格就是你对页面版式的规划
网页设计中的装饰元素总结的应用
facebook的信息架构评析
facebook交友网站设计的用户体验分析
Facebook互联网所有服务近乎完美改版过程
网页设计中的弹窗与浮层的设计
用户整体体验如何得到保障

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


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

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

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

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

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

网站可用性-研究

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

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

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

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

网站可用性-研究

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

网站可用性-研究

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

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

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