当前课程知识点：界面设计导论 > 第二章：GUI设计心法 > （4）可用性评估的基本原则 > 可用性评估的基本原则
著名学者人机交互博士
雅各布尼尔森
发明了简便易行的启发式评估方法
在1995年提出了十条可用性的评价标准
作为评估的依据
那么这个原则呢具有广泛的适用性
设计师如果能够熟悉这十条
标准的应用情境和原理
可以避免犯一些低级的可用性错误
那么下面我们结合案例
对这个十条原则逐条进行解释
第一条系统状态应该可见
用户想知道系统此时此刻在做什么
我的点击和操作系统响应了吗
响应的结果是什么等等
那么所谓系统状态可见
就是要让用户知道系统正在做什么
对我的每个操作都要有实时的反馈
即便是一些指令的执行
需要时间
也应当以可见的方式
告诉用户系统正在工作
降低长时间等待带来的疑惑
比如说启动程序的时候
出现的Loading画面进度条
安装 插件 更新系统的时候
出现的过程提示等等
这些都是符合这条原理的设计
第二条呢界面应当使用自然语言
尽量不要使用专业术语
采用的概念符号隐喻和互动方式等等
应该符合人们日常的认知习惯
如果违背了
会造成理解困难和使用障碍
比如说界面
采用这个旋钮来调节音量
顺时针方向一定是调大音量
这样才会符合人们的日常认知
用户的控制性和自由度
让用户感觉到他是自由的
而不是被强迫的
比如说我们不能强迫用户
点击广告或者是停留在某个页面
应当设计出口
让用户可以随时地退出来
用户也可以重新做某项任务
或者是撤回自己删除的文档
比如说photoshop软件上的自定义功能
它就可以让用户
自由关闭或者打开某个工具栏
这个就体现了这条原则
一致性和标准
在你的界面中
对同一类对象或者是同一类的操作
保持一致性
可以提高易用性
人们比较偏好熟悉的路径
已有的经验呢就会形成操作上的惯性
这种惯性呢可以让他们
在处理相似问题的时候
可以依靠潜意识采取相同的行动
那么如果改变了规则
就要耗费额外的脑力进行处理
这样呢就会使用户
不得不中断他的任务
去关注工具本身增加了认知负荷
降低了使用效率
比如说以上的例子
不同页面上
由于两个左右箭头的位置不一样
就会降低使用的流畅感
设计时候应该采用一些措施
提前预防错误的发生
这样呢就可以提高效率
在进行风险较大的操作时
能够进行提醒
要求用户确认
甚至呢提供适当的挽救的措施等等
比如说在删除文档
或者是格式化硬盘的时候
应该提前告知操作后的风险
把确定的按钮的位置
放到不容易点按的左侧
取消按钮放到右侧
都是规避风险的一种设计
另外一个例子呢是注册界面
在用户填写完每一项以后呢
实时的可以给出正确与否的反馈
可以提醒用户及时纠正错误
能够大大提高使用效率
识别好过记忆
对比一下命令行界面和GUI界面
哪一个更好用呢
答案显然是后者
为什么呢
因为后面是所见即所得
前面的操作需要记忆大量的代码
那么这条原理就是说
应当将需要的操作尽量的显示出来
免去人们记忆的烦恼
这样可以提高易学性
那么现在很多软件呢都要求注册
在填密码的时候实在是记不住
怎么办呢
让系统帮你记忆
必要的时候进行提示
是一个比较好的解决办法
灵活高效体现在对不同用户的考虑
比如用户中80%是普通的用户
但是仍然有10%的熟练用户
和10%的初级用户
那比如说ps中
为熟练的用户提供了快捷键的操作
这样可以提高他们的效率
另外呢为了满足用户个性化的要求
那么为常用的功能提供了快捷通道
退出的时候保留用户常用的设置等等
这些都是满足了
使用的灵活高效这条原则
满足视觉审美上的愉悦
又不会过度地装饰
这就是第八条美观简约的含义
比如iphone手机的界面
就是一个很好的例子
因为这部分后面还会讲
所以这里就不多说了
容错原则
我们前面讲过
风险越低人们越容易学习
预防错误
一方面呢是降低操作的风险
允许改正错误
另一方面要及时提醒及主动更正
人们操作中发生的错误
比如说错词
生日格式的错误等等
这样就可以提高效率
这条和前面提到的预防错误的发生
联系比较紧密
不过这条主要说的是
对用户犯错以后
要提供适当的补救措施
比如说忘记了密码怎么办
要允许用户犯错
使用帮助
如果你的产品有一些复杂
那么为初次访问产品的人们提供帮助
同时对任何操作的问题提供帮助文档
或者是在线的帮助
都可以让用户感到安心
以上呢就是尼尔森的十条可用性原则
谢谢观看
-课程简介
--课程简介
-（1） 什么是界面
--什么是界面
-（2）界面设计为什么重要
-（3）UI的进化
--UI的进化
-（4）设计师的自我修炼
--新手的疑问
-第一章总结
--第一章总结
-第一章：界面设计概述--课后习题
-本章概述
--本章概述
-（1） 为什么设计？
-- 为什么设计？
-（2）界面设计流程
--界面设计流程
-（3）视觉优化原理
--视觉优化原理
-（4）可用性评估的基本原则
-第二章：GUI设计心法--课后习题
-本章概述
--本章概述
-（1）信息结构与交互设计（1-4）
--第一讲
--第二讲
--第三讲
--第四讲
-（2） 界面草图与原型设计
-（3）视觉设计原则
--视觉设计原则
-（4） 文字与阅读
--字体设计
-（5）图标
--图标
-（6） 色彩
--色彩
-（7） 动效
--动效设计概述
--动效小制作1
--动效小制作2
-（8）第三章小结
--第三章小结
-（9）学生个人作品网站主页设计体会
--张铁汉
-第三章：界面设计元素--大作业
-前言
--前言
-（1）什么是网页
--什么是网页
-（2）标签与元素
--标签与元素
-（3）文本格式化、块级元素与行内元素
-（4）如何使用H5进行网页布局
-（5）目录、目录结构及在页面中插入图片
-（6）CSS样式表
--CSS样式表
-（7）CSS盒子模型
--CSS盒子模型
-（8）CSS控制文本
--CSS控制文本
-（9）CSS背景、特效、动画
-（10）初识javascript及jquery
-总结
--总结
-邱艺芸-清华大学艺术博物馆APP设计
--邱艺芸
-潘俊丞-阿甘跑步改版界面设计——“趣跑”
--潘俊丞
-王婧-星巴克改版设计
--王婧
-李向阳-DIY服装app设计
--李向阳
-相宸卓-效率软件改版设计
--相宸卓
-周文欣-“你好，安德烈”app设计
--周文欣
-走近游戏交互设计
--走近游戏交互设计
-《稻之道》(作者：于汉杰)
--稻之道-于汉杰
-《思想咖啡》(作者：艾瑞雯)
--思想咖啡-艾瑞雯
-《稻香村京八件销售网页设计》(作者：王依柳)
