碳酸第二期 假用户x真砖家 2.0 by晓荷
Post on 13-Jul-2015
625 views
TRANSCRIPT
![Page 1: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/1.jpg)
第 期
假用户crossover真砖家
By ❀ 晓荷 ❀
2
![Page 2: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/2.jpg)
关于crossover
• 假用户=模拟用户使用、鉴定UI
学名:认知过程走查
• 真砖家=使用经验准则等评审UI
学名:启发式评审
• 假用户X真砖家=角色代入式UI评估
理论基础
![Page 3: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/3.jpg)
角色代入式UI评估
• 目标
– 提出系统的、客观的评估分析意见
“好难用”、“超难看”…对设计师不会有实质帮助
– 快速改善设计,将问题扼杀在襁褓中
在缺乏用户测试支持时尽可能挖掘问题
– 完善用户测试所用原型的质量
![Page 4: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/4.jpg)
• 作为砖家:理性、详尽
– 拍砖工具包
• 可用性经验准则
• 产品概况:用户群、目标、技术约束等
• 专业知识
角色代入式UI评估
• 作为用户:感性、直接
– 尝试贴近用户的心智模型
– 理性分析的感性基础
![Page 5: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/5.jpg)
角色代入式UI评估
• When
– 原型阶段为妙
– MOCK-UP阶段亦佳
– 开发阶段查缺补漏
• Which
– 评他人时:既当假用户,也当真砖家
– 自评时:较难代入用户的角色,但可以尽情拍自己的砖!
![Page 6: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/6.jpg)
角色代入——作为用户
• 是否有吸引力?
• 是否易出错?
• 是否易于理解和操作?
• 是否符合使用习惯?
Step3: 记录自己的行为、感受
Step1: 安排若干相关任务
Step2: 使用UI完成任务 勿带评估、分析眼光!
![Page 7: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/7.jpg)
角色代入——作为砖家
切入点
• 交互:交互控件、交互过程
• 视觉:亲密性、对比、对齐、重复
• 文案:用词、行文
![Page 8: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/8.jpg)
接下来会引用UED的一些设计案例,望设计师们见谅!!
![Page 9: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/9.jpg)
角色代入——作为砖家
• 交互:
1)交互控件
2)交互过程: bug(硬伤);导航、交互事件(软肋)
• 视觉
• 文案
![Page 10: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/10.jpg)
• 交互
1. 交互控件:是否正确选择并使用?
正确= 1)符合控件使用规范
2)符合使用情景
3)开发性价比高
![Page 11: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/11.jpg)
• 交互
2. 交互过程:
2.1 BUG
![Page 12: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/12.jpg)
• 交互
2. 交互过程:
2.2 导航
是否提示任务进度、状态?
是否良好支持前进、返回?(是否大量 ?)
当前交互过程结束后的引导
![Page 13: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/13.jpg)
• 交互
2. 交互过程:
2.3 交互事件(引导用户完成任务的交互行为)
可用性
效率
反馈
一致性
往往在用户测试中曝露
砖家的价值所在
![Page 14: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/14.jpg)
可用性
效率
反馈
一致性
可用性 任务是否能完成?
![Page 15: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/15.jpg)
可用性
效率
反馈
一致性
可用性 反例
![Page 16: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/16.jpg)
可用性
效率
反馈
一致性
效率
1. 认知负担是否繁重?
不可操作项,无需出现干扰用户
![Page 17: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/17.jpg)
2. 鼠标操作、视线追踪是否迂回曲折?可用性
效率
反馈
一致性
效率
![Page 18: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/18.jpg)
3. 是否容易造成误操作?
操作流欠流畅
可用性
效率
反馈
一致性
效率
![Page 19: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/19.jpg)
4. 是否已考虑极端使用情景?可用性
效率
反馈
一致性
效率
![Page 20: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/20.jpg)
1. 反馈时机
– 是否出现?
– 什么时候出现?
可用性
效率
反馈
一致性
反馈
![Page 21: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/21.jpg)
可用性
效率
反馈
一致性
反馈
2. 反馈强度
![Page 22: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/22.jpg)
同类交互事件的交互过程是否一致?可用性
效率
反馈
一致性一致性
红框=点击弹出新页面,有完全不同的导航条;
绿框=点击本页内刷新,有完全不同的导航条,且该导航项
不再出现在导航条中;
蓝框=点击本页内刷新,有完全不同的导航条,且该导航项
出现在导航条别的位置
![Page 23: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/23.jpg)
角色代入——作为砖家
• 交互:交互控件、交互过程
• 视觉:亲密性、对比、对齐、重复
• 文案:用词、行文
非评估美感、风格等美学元素
![Page 24: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/24.jpg)
• 视觉
– 亲密性• 相关元素是否组织在一起?
• 不相关元素是否存在可能误导用户的亲密性?
• 是否有太多孤立的元素?
![Page 25: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/25.jpg)
• 视觉
– 对比
• 对比是否畏缩?
– 对齐
• 元素是否整齐有序?
• 对齐是否统一、有条理?
– 重复
• 元素是否有一致性?
![Page 26: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/26.jpg)
角色代入——作为砖家
• 交互:交互控件、交互过程
• 视觉:亲密性、对齐、对比、重复
• 文案:用词、行文
![Page 27: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/27.jpg)
• 文案
– 用词
• 是否一致?
• 是否有错字?
– 行文• 是否使用用户的语言?
• 是否清晰无歧义?
• 是否存在冗余信息?
![Page 28: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/28.jpg)
小结
• 做一名纯粹的用户,体验、使用UI
• 以砖家的专业性对UI进行分析
– 交互• 交互控件
• 交互过程:bug(硬伤);导航、交互事件(软肋)
– 视觉:“亲戚比重”
– 文案:用词、行文
• 提出合理的改进建议~~
![Page 29: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/29.jpg)
角色代入式评估能取代用户测试吗?
• NO!NO!
– 操作水平过高
– 对产品太过了解
![Page 30: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/30.jpg)
角色代入式评估能取代用户测试吗?
• NO!NO!NO!
– 操作水平过高
– 对产品太过了解
– 不了解目标用户的使用情景(context)
![Page 31: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/31.jpg)
附录1:可用性研究家族
测试类 ——用户使用界面完成特定任务
• 有声思维法:用户一边进行测试,一边讲出自己心中所想
• 日志分析:测试者分析用户使用行为数据
• 回溯性测试 :测试者与用户一同观看测试时录像
• 表现测量 :测试者记录测试中的使用行为数据
检视法 ——邀请专家评估界面
• 认知过程走查:专家模拟用户解决问题的方式
• 启发式评审:专家指出违反了启发式规则之处
• 规范检视:专家检查页面是否符合规范
back
![Page 32: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/32.jpg)
附录2:八大可用性经验准则
• 保持界面简洁、优美
• 降低用户思考负担
• 一致性
• 反馈给用户
• 让用户可控制
• 避免出错
• 提供高级操作
• 避免使用术语
back
![Page 33: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/33.jpg)
附录3:清单相符度 备注说明
整体 总是 有时 从不
易懂、易学
不易出错
符合使用习惯
吸引人使用
交互 总是 有时 从不
控件选择正确
无bug
导航
流程、操作可用
完成任务效率高
反馈及时、清晰
一致性
![Page 34: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/34.jpg)
附录3:清单相符度 备注说明
视觉 总是 有时 从不
亲密性
对比
一致性
对齐
文案 总是 有时 从不
用词一致
无错别字
信息无冗余
无术语
保持一致
其他 总是 有时 从不
![Page 35: 碳酸第二期 假用户X真砖家 2.0 By晓荷](https://reader034.vdocuments.site/reader034/viewer/2022042422/55a3d3481a28abfe698b4758/html5/thumbnails/35.jpg)
参考资料
• About Face 3
• Reviewing User Interfaces
• When Designers Get Too Clever