译序:Userfocus是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条Web可用性设计的指导方针,并把它们清晰的分为六个大类:首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布局和视觉设计、搜索可用性、帮助反馈和容错。如Userfocus所说,“虽然易用性系统的设计远不止应用一些简单的指导方针,但是它们却可以为获取稳定性和好的实践提供有意义的帮助。”
译者:IIduce,转载请务必以链接形式注明来源。
原文地址:http://www.userfocus.co.uk/resources/guidelines.html
目录:
- 首页可用性设计(20条评估首页可用性的方针)
- 任务导向(44条评估网站对用户任务支持程度的方针)
- 导航和信息架构(29条评估导航和信息架构的方针)
- 表单和数据输入(23条评估表单和数据输入的方针)
- 可信度(13条评估可信度的方针)
- 写作和内容质量(23条评估写作和内容质量的方针)
- 页面布局和可视设计(38条评估页面布局和可视设计的方针)
- 搜索可用性(20条评估搜索可用性设计的方针)
- 帮助、反馈和容错(37条评估帮助、反馈和容错的方针)
首页可用性设计
- 首页元素要清晰的关注用户的关键任务(避免“增加功能倾向(featuritis)”)
- 如果网站比较大,那么首页应包含搜索输入框
- 首页要十分清楚的提供产品(内容)分类
- 在首页或首页内一次点击展示有用的内容
- 信息展示时应当是简单的、自然的、符合逻辑顺序的
- 在首页展示真实网站内容的优秀示例
- 首页上的链接以最重要的关键词作为起始(例如:“Sun holidays”而不是“Holidays in the sun”)
- 在首页提供一个最近的特色项列表,并提供存档内容的链接
- 首页导航不要过度格式化(修饰),确保用户不会把它误认为广告
- 在首页清晰的声明价值取向(例如一个标志性的口号或欢迎语)
- 在首页包含有意义的图案设计,而非无关的剪贴画或绘画作品
- 导航选项按逻辑性或用户导向方式排序(把次要的公司信息放在底部)
- 首页标题(title)可以为诸如google等搜索引擎提供良好可见度
- 所有公司相关信息安排在一个显著区域(例如:“关于我们(About Us)”)
- 用户可以了解到价值取向
- 一看到首页,第一次访问的人就知道从何处开始
- 在首页展示出所有主要的操作选项
- 首页拥有一个易记的URL
- 首页需经过专业设计,以给用户良好的第一印象
- 首页的设计要能激发用户探索站点的兴趣
- 首页就要像一个首页,不能让用户把它与二级页面混淆
任务导向
- 网站应避免出现不相干的、多余的或让用户分心的信息
- 避免过多的使用脚本、小应用程序(applets)、视频音频文件、图案和图片
- 网站应避免不必要的登记
- 关键人物路径必须是清晰的,无干扰的(例如:购买、捐献)
- 信息以简单的、自然的(natural)、符合逻辑顺序的方式展示
- 应尽量缩减每个任务需要的屏幕数量
- 应减量减少页面滚动(scrolling)和点击
- 网站应正确的预期和提示用户下一步可能的动作
- 展示图表时,确保用户可以看到真实数据(例如在柱状图上标明数字注解)
- 当分配给用户任务时,应充分利用计算机的优势(例如搜索输入的自动完成功能)
- 用户可以快速完成普通任务
- 当必要时,应为当前任务提供数据对比功能(例如:商品比较)
- 任务顺序应当与用户日常工作顺序一致
- 网站可以保证用户的工作比不使用它时更轻松快捷
- 最重要的或经常使用的主题、特征或功能应放在页面中央附近的位置,而不是特别靠左边或右边
- 确保用户不会重复输入相同的信息
- 重要的、频繁使用的主题或任务应接近网站的“表面”
- 保持最少的录入(例如购买过程中),并为用户提供加速器
- 任何给定任务路径应当有一个合理的步骤长度(2-5次点击)
- 当一个任务有多步时,网站要告诉用户完成任务需要的所有步骤,并为用户当前步骤所在的位置提供反馈
- 在每个产品后面紧跟它的价格
- 可以非常容易的找到网站的隐私策略,尤其是在那些要求填写个人信息的页面。隐私策略应当是简单的、清晰的
- 网站用户不需要记住从一个地方到另一个地方的信息
- 隐喻的使用可以被典型用户轻松理解
- 数据格式应当遵循文化常规
- 软件的内部工作细节不要暴露给用户
- 应当迎合用户那些之前已经养成的那些小的互联网习惯
- 网站应当易于用户浏览,在执行前可以自己尝试其它的功能操作
- 第一次到访的典型用户应当可以在不需帮助的情况下完成最常用的功能
- 当用户回到网站时,用户可以记得如何执行主要任务
- 那些新颖设备(novel device controls)的功能应当是显而易见的
- 在购物车页面,在页面的顶部或底部应当清晰的展示”处理结账”按钮
- 重要的操作入口(例如“添加到购物车”)应当非常清晰可见
- 操作按钮(例如“提交”)应当由用户触发,而非在完成所有选项时系统自动触发
- 命令或操作项英以按钮的形式的展示(而非例如链接)
- 如果用户在事务处理中中途退出,用户在稍后返回站点时可以继续他退出之前的工作
- 当页面展示大量信息时,用户可以排序和过滤信息
- 按钮或图标上的图像应当与内容相关
- 当用户被系统自动注销时应当提示用户,并且自动注销的时间间隔要恰当
- 不必要的功能(例如flash动画)可以被关闭或跳过(skip)
- 网站应当是健壮的,并且所有关键功能可正常工作(例如不应有javascript页面异常、CGI报错或死链接)
- 网站通过不同程度的说明来支持新手用户和专家用户(例如帮助信息、错误信息)
- 网站允许用户重新填写一些信息项(例如更改发货地址、更改账户信息)
- 网站允许用户自定义操作时间参数(例如自动退出的时间)
导航和信息架构
- 关联页面或区域间的跳转移动应当是方便的、显而易见的,并且可以容易的回到首页
- 在绝大部分页面都可以轻松的导航至用户最可能需要的信息
- 导航选项按照最常用逻辑或任务导向方式排序
- 导航系统应当是内容宽泛并层级较浅的,而非有比较深的层级
- 站点结构是简单的,有一个清晰的概念模型,没有不必要的层次
- 在所有页面都可以到达网站主要部分(持久导航persistent navigation),导航过程不会中断
- 导航标签放在页面顶端,而且要设计成看上去可以点击的样子
- 要有一个站点地图用来提供整个站点内容的概况
- 在任何页面都可以链接到站点地图
- 站点地图提供一个简洁的网站概貌,而非主要导航的重复或各主题的简单罗列
- 提供良好的导航反馈(例如显示当前位置)
- 分类标签应当能准确描述该分类的信息
- 链接或导航标签包含用户要达到目标所寻找的“触发字眼(trigger words)”
- 术语和常规(例如链接颜色)应当(近似地)与互联网习惯用法保持一致
- 在网站各个组成部分中的链接样子应当一致
- 产品页面应当包含与当前产品相似或互补产品的链接,以实现交叉营销
- 导航项和链接中的用词应当是无歧义的,并且使用术语
- 用户可以排序和过滤目录页面(例如按价格排序或最热门排序)
- 当鼠标放在某个可点击的元素上时,元素应当有明显变化(包括光标的变化)
- 重要内容可以通过不止一个链接访问到(不同的用户有可能需要不同的链接标签)
- 仅用于导航的页面(例如首页)可以再不滚动的情况下浏览
- 触发事件的超链接应当与链接到其它页面的超链接(例如:下载)在外观上有明显区分
- 网站允许用户控制交互速度和顺序
- 在网站每个页面清晰标注退出入口,允许用户从当前任务中推出,而不必通过一个额外的对话框
- 网站不可禁用浏览器的“后退”按钮,“后退”按钮应当在每个页面的浏览器工具栏上都有显示
- 用户点击浏览器后退按钮时,总能回到他之前所在页面
- 购物车(basket)和结账(checkout)链接应当在每个页面中都可以看的十分清楚
- 如果网站有打开新窗口,那么这个动作不应使用户困惑(例如:新窗口应该是一个设定大小的对话框或并可以轻松关闭)
- 菜单的使用说明、提示、相关信息应当在每个屏幕的同一位置显示