网站的可用性,就是网站的友好程度。一个出色的网站,往往具有良好的可用性设计,从用户角度出发做了相关的优化。反复测试,从用户角度发现问题,解决问题。从而呈现出一个易用的站点。书中针对网站的可用性提出了许多细节、概念还有原则,这些往往都是很常见的问题,也体现在众多的网站上。但要归纳出来却也不那么容易,作者总结出了最常见的一些要点,看似简单,但背后蕴含着网站设计者、用户的换位,不同角度思维习惯的碰撞。网站的设计过程中,可用性设计测试这一环是不可缺少的。
要点
用户如何思考
- 用户重视质量和可靠性
- 用户不会阅读
- 网站用户是没有耐心的
- 用户并非会做出最佳的选择
- 用户遵循他们自己的直觉
- 用户希望能够进行控制
- 用户重视质量和可靠性
使用整洁连贯的视觉设计
当一个网站进行视觉设计时,理解一些通用的惯例,会有助于创建一个看起来很棒而又不需耗费脑力去想如何使用的网站。
固定元素属于固定位置
网站有自己的惯例,人们不需要解释就可以理解。
网站设计的一般原则
- 链接到网站主页的网站标题通常会在网站的左上方显示
- 宣传语和二级标题通常紧靠在网站标题的下面
- 网站搜索框通常出现在网站的右上方或网站中部的上方
创建简单的搜索
- 用户通过F形的扫视网站的时候,很容易发现它们。
- 没有搜索按钮而依靠回车来搜索的搜索框不是一个好的解决方案
链接要像链接
- 可点击的项目应该突出
- 不要使用颜色和下划线的组合使非链接看起来像链接而使用户感到困惑
- 固定的区域和页面间使用风格尽可能相同的链接
- 链接应该有不同的状态
- 用户在凭借直觉进行浏览时,下拉菜单不容易察觉。选用普通链接和它们进行比较,看它们的效率如何再进行选择。
- 子菜单通过悬停展开,用户的鼠标指针离开他们,就会失去焦点。而如果通过点击展开,又需要太多的点击操作,使菜单难于使用。
- “返回页首”有助于分割文章的结构和段落,并为用户提供一个快速跳到开始页的方式,而主导航就在开始页。
- 尽可能避免实用 splash 页面
- 链接应在同一窗口打开
- 强制在新窗口中打开链接破坏了UI设计的一条基本准则:用户应该始终能对界面进行控制。
需要注意的可用性检查点
- 不要改变用户窗口的大小
- 不要使字体太小
- 链接文本要清晰
- 去除死链
- 校对
- 检查功能
- 使表单尽可能简洁
- JavaScript
- 不要忘记保护性设计。表单,通过提交异常信息进行测试,404页面,使部分页面转移或删除时提供一个可以返回网站的引导页面。
- 考虑打印网页
- 为获得最佳性能而努力
- 要使与你的联系变的更加容易
传达网站的组织结构
界面设计帮助用户做事情,导航用户帮助用户找到想要的东西,信息设计帮助我们的网站与用户进行交流。
使用标记来构建上下文
建立良好的导航
- 全局导航(Global Navigation)
- 本地导航(Location Navigation)
- 上下文导航(contextual Navigation)
- 补充导航(面包屑导航)
重要的易用性法则和原则
- 7+-2原则
- 2秒钟法则
- 3次点击法则
- 80/20法则
界面设计的八个黄金法则
- 努力做到连贯
- 允许频繁使用系统的用户使用快捷方式
- 提供信息反馈
- 为关闭这一动作设计对话框
- 提供简单的设计处理
- 允许简单的撤销操作
- 提供控制感,支持内部控制点。
- 降低短期记忆载荷
Fitt’s 定律
倒金字塔法则
- 信息架构IA(Information Architecture)——对网站的内容进行组织,以便达到可以向用户传达网站理念的方法。
- 心智模式和象征物
- 组织网站的内容
- 一种组织内容以及优化网站搜索结果的方法:元数据。
提供站点地图
要让用户知道你的网站是否支持他们的浏览器,而不要让他们自己去猜想。
TETO原则
- Steve Krug 的观点,测试一个用户要比一个用户都不测试要好,在早期测试一个用户要比到晚期测试50个用户要好。Boehm 第一定律,错误最常发生在需求阶段和设计阶段,越晚发现这些错误,修改的代价越高。
- 测试是一个反复的过程,设计,测试,然后修改。继续测试可能发现一些先前忽略的问题。可用性测试总是会产生有用的结果。它们既指出了功能上和交互上的错误,也指出了主要的设计瑕疵。
- 根据 Weinberg 定律,一个开发者不适合测试自己写的代码。你具有独立测试者和访客不具备的背景知识。
总结
- 不要让创意盖过了设计过程本身
- 创建可以预见的网站,设计用户期望的东西。
- 用户会快速浏览网站,不会在意设计者精心雕琢的细节。
- 投入视觉设计之前,规划界面设计、导航设计、信息设计。
- 告诉用户他们在网站中的位置
- 沿用导航惯例
- 总是预想用户不会按照期望使用你的网站。设想用户会误用你的网站,不要让误用产生难以接受的后果。
《众妙之门——网站UI设计之道》笔记 02