zoukankan      html  css  js  c++  java
  • 网站内容排版可用性分析

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

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

     

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

    网站可用性-研究

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

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

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

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

    网站可用性-研究

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

    网站可用性-研究

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

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

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

     

    转载声明:
    原载:彬Go
    本文链接:http://blog.bingo929.com/usable-website-content.html
    如需转载必须以链接形式注明原载或原文地址,谢谢合作!

     

    本教程翻译自:How Usable is Your Copy? 转载:http://blog.bingo929.com/usable-website-content.html

  • 相关阅读:
    angularjs学习之六(angularjs中directive指令的一般编程事件绑定 模板使用等)
    Flex 容器基本概念
    flex 4 布局样式
    flex 特效
    delphi ehLib 安装包下载及安装方法
    CnPack IDE 专家包(CnWizards)显示代引用单元列表
    Delphi 获取DataSet传入参数后的SQL命令
    偶写的第一个控件,一个用选择代替输入的Edit控件…
    delphi中响应鼠标进入或离开控件的方法
    Delphi常用关键字用法详解
  • 原文地址:https://www.cnblogs.com/zytrue/p/8494220.html
Copyright © 2011-2022 走看看