“中国数字科技馆”可用性设计指南

1、“中国数字科技馆”可用性设计指南 与评测标准版本号：V4.0日期：2007年10月25日网站可用性项目组说 明本指南的编写旨在从“以用户为中心”的设计思想出发，针对“中国数字科技馆”的网站内容和用户特点，提供若干定性原则和定量指标，以指导网站的可用性设计，并为网站的可用性评测提供依据。本指南分为正文和附录两个部分。正文部分结构化阐述了网站可用性设计中需要注意的方面，并分别给出相应的评测标准供网站设计人员参考。正文共四章：第1章首页内容分别说明首页必须呈现的六项内容：站点标识和功能说明、清晰的站点层次、导读栏目、动态内容、浏览线索、版权及所有者信息，指导“中国数字科技馆”网站的首页设计。第2章功

2、能组件针对“中国数字科技馆”网站特点提出六种功能组件：导航、搜索、文本缩放、友好打印、自选操作、用户反馈单元，指导如何从辅助用户浏览网站内容的角度提高网站的可用性。第3章网页风格阐述网页风格设计中必须注意的三个方面：一致性原则、页面布局、配色方案，指导“中国数字科技馆”网站的首页和各类子网页的网页风格设计。第4章交互效能在对网站兼容性提出要求的基础上，为“中国数字科技馆”网站提供四种有助于提高交互效能的途径：提高可浏览性、避免设置访问障碍、缩短等待时间、针对特殊需求设计，并给出关于技术实现的注意事项，指导如何通过提高用户访问网页的效率来增加用户对网站的满意度。附录部分以列表形式给出若干有助于提

3、高网站可用性的测试工具及其下载链接。对正文中的评测标准说明如下：n 每项评测标准包括以下两部分：l 满足该项标准的要求l 该项评测内容的必备性（以“必备/可选”表示，若为“必备”则评分时大于0分才符合要求）n 评测标准仅供网站设计人员参考，不作为项目验收时的网站可用性评分标准使用。本指南作为“中国数字科技馆”网站建设的内部资料使用，适用于各子项目单位的网站设计人员。第1章 首页内容首页不仅仅是网站内容的浓缩版本，作为网站的入口，它肩负着类似“形象代言人”的重要使命。从内容上看，首页的任务主要包括：n 给出站点标识和功能说明，告诉用户网站“是什么”以及“能够做什么”；n 给出清晰的站点层次，告诉

4、用户网站包含的内容及其组织形式；n 给出导读栏目，以将精彩内容推荐给用户；n 给出动态内容，以保持网站的活跃性，吸引用户经常访问；n 给出浏览线索，以辅助用户访问网站内容，使用网站提供的服务；n 给出版权及所有者信息。1.1 站点标识和功能说明站点标识及其功能说明以醒目的图文将网站的主要内容和重要功能呈现给用户。站点标识：一般采用“标志名称”，图案及字体的表现形式应该符合首页风格。功能说明：应该是能高度归纳网站内容和刻画网站特点的短句。最好采用广告口号的形式，短小精悍，使用尽可能吸引用户的语言。评测标准要 求1.首页有能够高度归纳网站内容的站点标识2.首页有能够刻画网站特点并吸引用户的功能说明

5、必备性必备1.2 站点层次一般通过首页导航来表现站点层次。首页导航的作用是让用户了解网站包含的内容及其组织形式，并且提供到达相应子网页的链接。好的首页导航应该给用户以正确的导引，减少误操作。为此，在设计首页导航之前，需要先对网站内容进行合理的分类和组织，然后再选用适当的形式来表现分类和组织。1.2.1 网站内容的分类和组织对于数字科技馆而言，馆藏（即内容）分类的角度很多，建议考虑两个角度学科类别和受众类型。这两种分类各有优势：按照学科类别进行归类，便于用户查阅和检索知识；按照受众类型进行分类，更贴近用户的使用偏好。将两者相结合，可以实现优势互补，提高数字科技馆的可用性。1.按照学科类别进行内容

6、归类数字科技馆可以看作一个在线知识库，主要功能是供用户查阅和检索知识。用户的查阅和检索行为通常基于学科进行，因此，有必要将馆藏依据内容所属的学科来组织和归类，形成树状结构。建议参照学科分类规范将“中国数字科技馆”网站包含的内容组织为树状结构，学科分类树中的每个节点对应一项馆藏内容。2.按照受众类型组织内容分类用户浏览网页的行为受到其使用偏好的影响，使用偏好中很重要的一点就是网站的表现形式。为了提高可用性，有必要根据用户对网站表现形式的偏好来划分受众类型，为每一类受众设计具有不同表现形式的子网页，这种划分在首页导航中也应当有所体现。建议以“中国数字科技馆”原有的四个分馆为基础，将受众类型划分为“

7、少儿爱好者”、“青年爱好者”、“成人爱好者”、“科普工作者”四类，对应关系如下表：原有分馆受众类型受众说明体 验 馆少儿爱好者有一定阅读能力的小学生青年爱好者初中/高中/大学在校学生博 览 馆成人爱好者非科普/科教专业人士科普专栏资 源 馆科普工作者科普/科教专业人士表 原有分馆与受众类型对应表受众类型的划分依据有三个：是否在校、文化程度、工作性质。用户研究发现，这三个因素会在很大程度上影响用户对中国数字科技馆网站的需求。首先依据是否在校将受众划分为在校学生和成人两大类；对于在校学生，依据文化程度划分为“少儿爱好者”（有一定阅读能力的小学生）和“青年爱好者”（初中/高中/大学在校学生）；对于成

8、人，依据工作性质划分为“成人爱好者”（非科普/科教专业人士）和“科普工作者”（科普/科教专业人士）。此外，建议增加“所有”受众类型，以方便以下两类用户的使用：a)不明确自己受众类型的用户；b)习惯于利用学科归类进行检索的用户。受众类型与学科类别的结合之处在于：每种受众类型都包含多项馆藏，但每项馆藏仅与学科分类树中的一个节点对应。因此，除“所有”类型完全覆盖了整个学科分类树外，其余四种受众类型都只覆盖了学科分类树中的部分节点；它们之间的交集可能不为空，并集等于整棵学科分类树。为“少儿爱好者”、“青年爱好者”、“成人爱好者”、“科普工作者”四种受众类型组织学科分类子树的方法是：在数字科技馆的整棵学

9、科分类树上执行节点删减，仅保留该受众类型覆盖的节点及其各级父节点。评测标准要 求1.网站内容有明确分类2.网站内容的分类完整且合理必备性必备1.2.2 分类和组织的表现形式在的基础上，“中国数字科技馆”的首页导航应该设计为能够同时提供两种分类视图的导航形式，以综合表现基于学科类别的内容分类和基于受众类型的内容组织。建议首页导航采用“标签”的结构形式：a)设计五个标签，分别与五种受众类型对应；b)为每个标签设计相应的标签页面，采用级联目录的形式表现与该受众类型对应的学科分类（子）树。评测标准要 求1.首页提供两种分类视图结合的导航形式2.两种导航形式均易于用户理解必备性必备1.3 导读栏目导读栏

10、目一般以网站上精彩内容片段的列表形式出现，与报刊、杂志的重点推荐栏目功能相当。建议在“中国数字科技馆”网站的首页设置“最新”和“热点”两个栏目，以将最新和最流行的馆藏内容推荐给用户。评测标准要 求1.首页同时提供“最新”和“热点”两个栏目2.“最新”和“最热”栏目具有统一且醒目的表现形式必备性可选1.4 动态内容“最新”和“热点”的导读栏目是动态内容的一部分。除此之外，网站首页经常设置：1.“公告栏”和“建议栏”：前者用以发布最新消息，后者用以收集用户反馈；2.“用户调查”和“有奖竞答”：都属于网站定期推出的交互活动。设置动态内容可以在一定程度上保持网站的活跃性，增加用户的信任感；设置交互活动

11、尤其有利于增强用户的参与性，提高网站的吸引力。评测标准要 求1.同时设置发布消息和收集用户反馈两种动态内容2.动态内容能够增加用户对网站的好感必备性可选1.5 浏览线索在首页导航之外，首页上有必要提供其它浏览线索，以辅助用户访问网站内容和使用网站服务。在不同的内容需求和浏览习惯的驱使下，用户可能并不满足于通过首页导航来发现目标，例如：用户可能并不习惯使用导航提供的分类形式、不清楚网站结构、不知道如何使用导航、等等，类似情况时有发生。建议“中国数字科技馆”网站的首页提供两种浏览线索：1.搜索目的是方便用户快速检索馆藏内容。输入形式为单个关键词或多个关键词的组合，输出形式为模糊匹配或精确匹配的馆藏

12、内容列表。站内搜索功能的设计建议参见。2.帮助包含“使用说明”和“问题解答”两个部分，后者尤其重要。“使用说明”应当言简意赅；“问题解答”应当全面，并且用词口语化。评测标准要 求1.首页提供帮助功能，帮助内容易于理解2.首页提供搜索组件，搜索组件易于用户使用必备性必备1.6 版权及所有者信息所有正式发布的网站都必须包含此项内容。通常的表现形式为：版权信息 所有者信息 所有者电子邮件（包括有效超链接）评测标准要 求1.首页提供包含版权信息、所有者信息及所有者电子邮件的说明2.该说明中包含的所有者电子邮件超链接有效3.该说明的表现形式符合网络习惯必备性必备第2章 功能组件从能否吸引用户和留住用户的

13、角度来看，网站的可用性和网站内容的精彩程度同等重要。为网站设计一些功能组件，可以辅助用户浏览网站内容，提高网站的可用性。对“中国数字科技馆”网站来说，有两种必备的功能组件：“导航”和“搜索”。除此之外，建议再增加四种功能组件：“文本缩放”、“自选操作”、“友好打印”和“用户反馈单元”。2.1 导航分为首页导航和固定导航。首页导航的设计方法参见，这里关注固定导航的设计。一般来说，固定导航出现在除首页外的所有子网页上。固定导航至少包含三个元素：网站标识、栏目、公共服务（如：搜索、帮助、打印等）。设计固定导航时应该遵循以下原则：1.栏目的分类和排列顺序必须便于用户理解，一般可将相关栏目排列在一起；2

14、.必须给出返回首页的链接，表现形式可以是网站标识或者文本超链接；3.必须标明当前子网页在网站中的位置，为用户提供反馈信息；4.必须保证所有链接有效，包括返回首页的链接和栏目中指向子网页的链接；5.用户找到所需内容的链接点击次数尽可能少，一般不应超过3次。对于原则1，需要注意两点：a)分类层次不宜过深，尽量扁平化；b)当栏目过多且相关性不大时，建议按照汉字声母的首字母进行排列。对于原则2，建议同时采用两种表现形式：a)突出显示栏目中的相应子项；b)显示“当前访问路径”， 一般采用“”作为层级分隔符，并给出各层网页链接（尤其是首页链接），以当前网页的标题作为访问路径的最后一项。对于原则5，一种减少

15、链接点击次数的有效方法是采用图形化的目录形式呈现网站的整体结构，最常用的例如：导航地图。评测标准要 求1.导航的栏目分类明确，层数小于等于32.导航的栏目排列顺序易于用户理解3.导航中的所有链接均真实有效4.导航中包含返回首页的链接和当前访问路径必备性必备2.2 搜索“中国数字科技馆”拥有丰富的馆藏内容，是一个具有大量数据信息的网站，搜索功能的重要性不言而喻。搜索结果的衡量指标有两个：速度和质量。速度即“能否帮助用户尽快查找到需要的信息”，质量即结果的精确性和完备性。建议“中国数字科技馆”网站的站内搜索实现以下功能：1.在保证全文搜索的基础上提供高级搜索，形式包括：关键字搜索、标题搜索、类别搜

16、索；2.结合“中国数字科技馆”的馆藏内容，提供针对Flash和图片的搜索；3.返回详尽的馆藏信息作为结果，包括：内容摘要、关键词、类别、指向内容的链接、其它描述信息。功能2的实现需要对馆藏内容中的Flash和图片加以文字描述并提取关键词，基于这些文字和关键词进行搜索。在设计搜索功能组件时，应该注意到：1.在站内所有网页中，搜索组件应当出现在大体相同的位置；2.输入界面和输出界面都应当提供一定的附加选择方式，例如：对于输入界面，采用下拉菜单，让用户指定当前搜索模式（关键字/标题/类别/全文搜索）；对于输出界面，同样采用下拉菜单，让用户自定义结果排序方式（类型/时间/阅读次数）。评测标准要 求1.

17、对于馆藏内容的搜索结果命中率为100%2.搜索功能易于用户使用必备性必备备 注关于搜索功能的实现，建议：由平台开发搜索功能，为二级子项目预留接口；各二级子项目根据项目办的要求提供对页面和媒体资源的标注2.3 文本缩放文本缩放功能是为对字号有特殊要求的用户（如视力有障碍的用户）而设计的，应该位于网页上较为显著的位置。建议“中国数字科技馆”的所有纯文本网页均提供文本缩放功能，文本缩放功能组件可以采用如下设计：HTML和CSS代码参考如下：1.HTML代码Change text size: A A A2.CSS代码#normalFontFont:xxxxx;#midFont:xx

18、xxx;#largeFont:xxxxx;评测标准要 求1.以文字说明为主的网页均提供完善的文字缩放功能2.文本缩放组件的表现形式醒目必备性可选2.4 友好打印友好打印功能可以自动将待打印的大段文本重新排版，便于用户阅读。建议“中国数字科技馆”网站为每项馆藏的说明性文本添加友好打印功能，表现形式为：指向该功能组件的“友好打印”文字。评测标准要 求1.网页中每项馆藏的说明性文本均提供友好打印功能组件2.友好打印的结果文件内容完整且排版美观3.友好打印功能组件易于用户使用必备性可选2.5 自选操作比较常用的自选操作包括：1.输出格式选择；2.打印格式选择；3.语言选择。评测标准要 求1.网页提供不

19、少于3种自选操作2.所有自选操作都易于用户使用必备性可选2.6 用户反馈单元为网站设计用户反馈单元与定期推出交互活动（参见）有类似功效，可以增强用户的参与性，提高网站的吸引力，并且有利于网站的推广。用户反馈单元可有多种形式，例如：自由讨论区、留言栏、BBS、BLOG等。建议“中国数字科技馆”网站设计如下形式的用户反馈单元：1.为每项馆藏内容设置留言栏，主要目的是收集用户的评论和建议；2.在首页和每个分馆设置问答区，方便用户提出问题并在短期内给出专家解答；3.如果有与网站相伴的BBS或BLOG，则在每项馆藏内容之后加入超链接，指向与馆藏内容对应的BBS讨论区内容或BLOG。评测标准要 求1.网页

20、上设置留言栏和问答区2.留言栏和问答区表现形式统一且易于用户使用必备性必备第3章 网页风格“科技感”风格符合数字科技馆的展示内容并能凸现其特点，很适合作为网站的整体风格基调。“科技感”风格是和“科技感”视觉效果对应的。每个网页元素都具有若干可以通过视觉感知的特征，在用户浏览网页的过程中，不同特征的聚类就形成了该用户认识的某种视觉效果。能够制造“科技感”视觉效果的就是“科技感”风格。能够体现“科技感”风格的视觉特征很多，例如：明快的色调、尖角矩形等。建议将“科技感”风格设定为“中国数字科技馆”网站的整体风格：对于首页，尤其需要体现此风格；对于子网页，应该在遵从“科技感”风格的基础上针对受众类型设

21、计专门的风格。设计要领是：遵循一致性原则，通过页面布局和配色方案来体现“科技感”风格。3.1 保持一致性保持风格的一致性是提高网站可用性的有效手段。关于风格的一致性原则主要体现在：1.页面布局与配色方案：首页与子网页具有相似的页面布局与配色方案，所有子网页具有一致的页面布局，相同类型的子网页采用相同的配色方案；2.文本：首页和针对不同受众的子网页中文本的文字字型、字体、颜色分别保持一致；3.语言：网站中所有文字（包括按钮标签）统一采用中文表述，针对不同受众的子网页应当采用相同的语言风格；4.功能组件：所有功能组件（如：导航、搜索）的表现形式保持一致，位置基本相同；5.网站标识：所有子网页在同一

22、位置放置网站标识。为了实现风格的一致性，建议参考工业化的网页设计流程，采用模板方式设计子网页。要点包括：1.给出包含第2章中各功能组件的子类网页模板（HTML）以及建议配色方案；2.采用CSS配置，对首页和所有子网页的字号、字距、行距等作出统一规定。评测标准要 求1.采用模板方式设计子网页2.页面布局和配色方案：网站首页与各子网页具有相似的页面布局与配色方案，相同类型的子网页具有一致的页面布局并采用相同的配色方案3.文本：网站首页和针对不同受众类型的子网页中文本的文字字型、字体、颜色分别保持一致4.语言：网站首页和所有子网页中的文字（包括控件标签）均统一采用中文描述，针对不同受众类型的子网页应

23、采用相同的语言风格5.网站标识：所有子网页都在统一位置放置网站标识必备性必备3.2 页面布局页面布局设计是网页设计流程的关键步骤之一。网页内容通过布局呈现给用户，网页风格也受到布局的约束。设计页面布局的要领是：掌握合适的空间比例，划分清晰的视觉层次。3.2.1 掌握合适的空间比例对于空间比例，一般来说，展示内容应该占据网页60%-80%的空间，导航等功能组件不应该超过20%。评测标准要 求1.网页上展示内容的空间比例均介于60%-80%之间2.网页上导航、搜索等功能组件占据的总空间均不超过20%3.网页的空间利用充分，避免出现大块的空白区域必备性必备3.2.2 划分清晰的视觉层次为什么需要划分

24、清晰的视觉层次？一般情形下，用户浏览网页的过程可以描述为：首先，快速扫描网页，看能否找到与当前任务一致或相似的内容，或者是符合自己兴趣的内容；然后，如果找到，则阅读该内容或是点击其中包含的链接，否则离开网页。那些与用户任务一致或相似的内容，或者是符合用户兴趣的内容，正是用户在浏览网页时想要关注的内容。那么，网页能否吸引用户，关键就在于能否让用户快速扫描的过程中迅速找到想要关注的内容。在看到网页的瞬间，用户会将网页元素划分为不同的视觉层次。层次越高的网页元素，用户在扫描时停留的时间越长；层次越低的网页元素，用户在扫描时停留的时间越短，或者根本略过不看。基于以上分析，在网页设计时，有必要将网页元素

25、划分为清晰的、符合用户逻辑习惯的视觉层次，以便让用户在快速扫描的过程中迅速找到任务或兴趣相关的内容，达到提高交互效能、吸引用户的目的。如何划分清晰且符合逻辑习惯的视觉层次？1.划分明确的区域把网页在空间上划分成明确定义的区域。在划分区域之前需要考察网页内容的逻辑关系（主次关系、相关性、包含关系），并由此确定区域的个数、大小和位置关系。为了使划分结果整齐而富有层次感，建议选用规则的矩形作为区域形状，并采用如下方法进行划分：第一步：在网页中添加第一条水平/竖直分隔线；第二步：如果还存在需要划分的区域，为所有这些区域各添加一条水平/竖直分隔线；第三步：重复第二步，直到网页中不存在需要划分的区域。注意

26、：不同区域块应该表现形式上有所区分，一般使用不同的背景图片或背景色来区分区域块。背景图片通常会带来一些视觉噪声，干扰视觉层次的划分。相比而言，采用背景色的形式更能凸现视觉层次。因此，建议尽量少用背景图片，多采用色块来表现区域。2.突出表现重点内容按照网页内容在逻辑上的主次关系（重要程度），确定相应网页元素的表现形式，以及相应区域的大小和位置。内容的重要性与表现形式及区域大小、位置的对应关系应该符合逻辑习惯，并尽可能与用户进行视觉层次划分的结果一致。一般来说，重要内容宜采用醒目的表现形式、占据的区域较大、位置靠上。以最重要的标题为例，通常都是加大、加粗的字体，具有鲜亮的颜色，用较多的空白隔开，并

27、且靠近页面的顶部或某些组合的上部。3.正确表达相关性和包含关系在布局设计中正确表达网页内容的相关性和包含关系，以符合用户的逻辑习惯。正确的表达有两层含义：其一，在划分区域和安排区域内容时的正确表达。对于逻辑相关的内容，可以分类组合或集中放在一个清晰明确的区域内；对于逻辑包含关系，一般采用形象的嵌套形式表达。例如：将功能相近的按钮放在一起，并在样式上与其他功能的按钮区别开。其二，在表现形式上的正确表达。建议采用明确的图案分隔有相关性或包含关系的区域，例如：绘制出边框。评测标准要 求1.网页的区域划分明确2.网页的区域划分能够正确表达内容的相关性和包含关系3.网页的区域划分能够突出表现重点内容必备

28、性必备3.2.3 首页布局参考下面给出“中国数字科技馆”网站的首页布局参考： 首页布局参考示意图首页布局元素首页内容Logo + Title站点标识和功能说明All, C1, C2, C3, C4首页导航的标签Menu + Sub-menus首页导航的标签页Search站内搜索Login登录/注册栏Notice公告栏Advice建议栏Hot“热点”栏目Latest“最新”栏目Information + Help版权及所有者信息+帮助表 首页布局元素与首页内容对应表（评测标准请参考第1章及本章前两节）3.2.4 子网页布局参考下面给出与首页风格统一的子网页的统一布局参考：图 3.2 子网页布局参

29、考示意图布局元素子网页内容Logo + Title站点标识和功能说明Navigation导航栏Path当前访问路径Search站内搜索Content子网页主要内容Hot子网页的“热点”栏目Latest子网页的“最新”栏目Information + Help版权及所有者信息+帮助表 3.2 子网页布局元素与子网页内容对应表（评测标准请参考本章前两节）3.3 配色方案配色方案是区分网页风格的重要因素之一。关于配色方案的设计原则有四个：1.整体配色方案包含的颜色个数不宜过多，最多4-7种；2.不同类型子网页可以使用不同的配色方案。例如：针对“青少年”受众的子网页选用活泼的配色方案，针对“科普工作者”

30、受众的子网页选用比较沉稳的配色方案；3.背景色和前景色（尤其是文字的颜色）的颜色对比度要大，比较理想的搭配效果是“浅色背景深色正文”；4.正文区域和其他功能区域应该采用不同的背景颜色；5.降低色纯度，增加网页的清晰度，照顾色盲者的需求。为了使配色方案更加合理，建议参照下表中颜色象征的意义进行设计：颜 色象征的意义红 色热情、奔放、喜悦、庄严黄 色高贵、富有、灿烂、活泼黑 色严肃、夜晚、沉着白 色纯洁、简单、洁净蓝 色天空、清爽、科技绿 色植物、生命、生机灰 色庄重、沉稳紫 色浪漫、富贵棕 色大地、厚朴表 颜色象征的意义评测标准要 求1.整体配色方案包含的颜色个数不宜过多，最多4-7种2.面向不

31、同受众类型的子网页可以使用不同的配色方案3.背景色和前景色的颜色对比度要大，前景是文字时以“浅色背景深色正文”为最佳4.正文区域和其它功能区域采用不同的背景色5.降低色纯度，增加网页的清晰度，照顾色盲者的需求必备性必备第4章 交互效能提高交互效能的目的是为了让用户以较高效率访问网页，增加用户对网站的满意度。提高交互效能需要在保证兼容性的基础上进行，一般通过四种途径来提高交互效能：1.提高可浏览性2.避免设置访问障碍3.缩短等待时间4.针对特殊需求设计交互效能包含很多方面的因素，某些因素直接关联到技术细节。为了提高交互效能，在对网站进行技术实现时有一些注意事项需要考虑。4.1 保证兼容性这是网站

32、设计的基本要求，包括两个方面：1.支持分辨率的调整，不同分辨率下内容均能正确显示，建议针对1024768设计，同时为800600的分辨率设计缩放机制，当使用更高分辨率时则居中显示；2.考虑浏览器版本和种类的兼容性，至少保证网站可以在IE的不同版本下正常浏览并尽量支持其它常用浏览器（如Firefox）；评测标准要 求1.支持分辨率的调整，至少保证1024768和800600两种分辨率下内容的正确显示2.3.兼容IE以外的其它浏览器，至少保证兼容Firefox必备性必备4.2 提高可浏览性建议从五个方面着手，提高“中国数字科技馆”网站的可浏览性：标题、排版、语言、图标、文字。4.2.1 标题每个子

33、网页都有明确的标题，且标题要能清楚表明该子网页的内容。标题必须表义明确并具有醒目的表现形式。评测标准要 求1.所有子网页均设置标题2.标题表义明确3.标题具有醒目的表现形式必备性必备4.2.2 排版排版设计的两个要点是：a)参照排版印刷的设计风格，将信息横向排列，以符合用户的阅读习惯；b)尽量避免内容宽度大于窗口宽度的情况发生。当内容的实际大小超出窗口大小时，必须采用与用户思维习惯一致的浏览方式控制内容的滚动，例如：滚动条、手抓式移动。评测标准要 求1.网页上信息排列方式清晰2.在浏览器窗口最大化并采用最佳分辨率条件下，不存在网页内容宽度大于浏览器窗口宽度的情况必备性必备4.2.3 语言考虑受

34、众需要，应当采用便于用户理解的语言进行表述。具体应当遵循以下原则：a)尽量使用用户语言表述，避免使用网络语言、文学色彩浓厚或专业性过强的词汇；c)给生僻字加以注音；d)给生僻词汇、专业词汇或缩略语加以注释。评测标准要 求1.网页上的所有文字都尽量使用用户语言表述，避免使用网络语言、文学色彩浓厚或专业性过强的词汇2.若内容需要必须使用生僻字时，为其加以注音3.若内容需要必须使用生僻词汇、专业词汇或缩略语时，为其加以注释必备性必备4.2.4 图标遵循以下原则来设计图标：a)大小适中；b)位置和颜色醒目；c)采用表义明确的形状或图片作为表现形式。评测标准要 求1.网页上所有图标都表义明确2.网页上所

35、有图标的大小都适中3.网页上所有图标都具有醒目的位置和颜色必备性必备4.2.5 文字遵循以下原则进行文字设计：a)尽量精简文字，确保：每个段落不含有多余的句子，每条句子不含有多余的文字；b)使用静态的文字，避免使用文字动效（例如：移动、闪烁）；c)标题区、标题行和正文的文字分别采用不同表现形式，但各自的表现形式相同；d)用颜色变换或者大小变化来表现需要强调的文字；e)使用统一的字体；f)字体尺寸最好大于10个像素，建议选择相对尺寸。关于文字的设计原则a) 作补充说明：实际上，最理想的文字设计原则是：强调有用文字，去掉其余文字。因为，对用户来说，有用的文字可以作为视觉层次划分的依据，其余文字只能

36、起到干扰效果。然而，关于文字是否“有用”的判定依据因人而异，上述设计原则是实际上是无法使用的。因此，更加实际的设计原则只有一句话：去掉多余文字。多余文字指那些没有信息量或信息量极少的文字。去掉多余文字有两个理由：一方面，多余文字的存在会分散用户的注意力，干扰视觉层次划分的过程；另一方面，文字过多会使网页变得杂乱，给用户带来视觉负担，增加视觉层次划分的难度。评测标准要 求1.网页中的文字精炼，确保无多余的字句2.网页中尽量使用静态文字，避免使用文字动效3.网页中的标题和正文可以采用不同的文字表现形式，但各自的表现形式保持一致4.网页中用文字的颜色变换或大小变化来表现需要强调的内容必备性必备4.3

37、 避免设置访问障碍在点击指向网页的链接时，用户总是希望能迅速跳转到目标网页。在这一点上，用户对交互效能的要求很苛刻：不愿意接受表义不明的链接，不能原谅任何无效或指向错误网页的链接，也不能容忍耗时过长的跳转过程。表义不明、无效或错误的链接是造成访问障碍的主要因素。为了避免设置访问障碍，必须合理设计链接。有三点值得考虑：1.保证链接的有效性对于无效链接或者指向错误网页的链接，用户的容忍度为0。建议在网页设计完成之后，检查所有链接的有效性，避免出现上述情况。2.让链接表义明确能够明确表述信息的链接可以采用两种方式：a)本身就是文字或者表义明确的图片；b)鼠标悬停时弹出工具条显示表述信息。3.区分不同

38、状态的链接点击过的链接应该标识成已经访问过，并且要采用常规的方式。例如：对于文字连接，一般访问前用蓝色表示，一旦访问过就用红色表示。4.显示附加信息针对特殊链接和数据量较大的链接而言。例如：对于“文件下载”链接，一般会注明文件大小，帮助用户预测下载时间。评测标准要 求1.网页上的所有链接都有效且表义明确2.网页上能够区分不同状态的链接3.网页上的特殊链接和数据量较大的链接均显示附加信息必备性必备4.4 缩短等待时间用户是没有耐性的。在等待进入新网页时，用户对网站的好感指数会随着时间递减，并且递减速率越来越快；当好感指数下降到某一预设指标时，用户就会终止新网页的连接过程。不同用户的预设指标可能不

39、同，同一用户在不同时刻的预设指标也可能不同。进行网页设计时不能期待用户改变此预设指标，唯有缩短等待时间，满足预设指标尽可能低的用户需求。通常可以采取如下两个措施来缩短等待时间：1.提高网页连接速度需要考虑两个方面：a)数据量应该折衷考虑网页的视觉效果和所需要的数据量，尽量减少网页连接时需要本地下载的数据量。建议严格控制打开新网页时需要本地下载的数据量。较其它方式相比，使用Flash会增大数据量，从这个方面考虑，不宜采用纯Flash设计网页。对于导航和加载页面，应当尽量避免使用Flash；对于表现网页内容的Flash，建议尽量采用替代形式，例如GIF图片。对于必须包含Flash的网页，原则上来说，Flash不能过大，最好200k byte以内。作为一条经验，一个只包含静态内容的标准网页不应大于60K。一般来说，用户不能忍受超过8秒10秒的页面加载等待时间