SlideShare a Scribd company logo
1 of 35
第 2期




假用户crossover真砖家

        By ❀ 晓荷 ❀
关于crossover
• 假用户=模拟用户使用、鉴定UI
  学名:认知过程走查

• 真砖家=使用经验准则等评审UI
  学名:启发式评审

• 假用户X真砖家=角色代入式UI评估



理论基础
角色代入式UI评估
• 目标
 – 提出系统的、客观的评估分析意见
   “好难用”、“超难看”…对设计师不会有实质帮助

 – 快速改善设计,将问题扼杀在襁褓中
   在缺乏用户测试支持时尽可能挖掘问题

 – 完善用户测试所用原型的质量
角色代入式UI评估
• 作为用户:感性、直接
 – 尝试贴近用户的心智模型
 – 理性分析的感性基础

• 作为砖家:理性、详尽
 – 拍砖工具包
  • 可用性经验准则
  • 产品概况:用户群、目标、技术约束等
  • 专业知识
角色代入式UI评估
• When
  – 原型阶段为妙

  – MOCK-UP阶段亦佳

  – 开发阶段查缺补漏

• Which
  – 评他人时:既当假用户,也当真砖家

  – 自评时:较难代入用户的角色,但可以尽情拍自己的砖!
角色代入——作为用户
Step1: 安排若干相关任务

Step2: 使用UI完成任务   勿带评估、分析眼光!

Step3: 记录自己的行为、感受

• 是否易于理解和操作?

• 是否易出错?

• 是否符合使用习惯?

• 是否有吸引力?
角色代入——作为砖家

切入点

• 交互:交互控件、交互过程

• 视觉:亲密性、对比、对齐、重复

• 文案:用词、行文
接下来会引用UED的一些设计案例,望设计师们见谅!!
角色代入——作为砖家

• 交互:
 1)交互控件
 2)交互过程: bug(硬伤);导航、交互事件(软肋)

• 视觉

• 文案
• 交互
 1. 交互控件:是否正确选择并使用?
   正确= 1)符合控件使用规范
     2)符合使用情景
     3)开发性价比高
• 交互
 2. 交互过程:
   2.1 BUG
• 交互
 2. 交互过程:
   2.2 导航

        是否提示任务进度、状态?

        是否良好支持前进、返回?(是否大量   ?)

        当前交互过程结束后的引导
• 交互
 2. 交互过程:
   2.3 交互事件(引导用户完成任务的交互行为)

        可用性   往往在用户测试中曝露

        效率

        反馈    砖家的价值所在

        一致性
可用性
可用性    任务是否能完成?

效率


反馈


一致性
可用性
可用性    反例

效率


反馈


一致性
可用性
       1. 认知负担是否繁重?

 效率
效率



反馈



一致性




      不可操作项,无需出现干扰用户
可用性
      2. 鼠标操作、视线追踪是否迂回曲折?

 效率
效率



反馈



一致性
可用性
      3. 是否容易造成误操作?

 效率
效率



反馈



一致性

                操作流欠流畅
可用性
      4. 是否已考虑极端使用情景?

 效率
效率



反馈



一致性
可用性   1. 反馈时机
         – 是否出现?
效率



 反馈
反馈


一致性
       – 什么时候出现?
可用性   2. 反馈强度

效率



 反馈
反馈


一致性
可用性
       同类交互事件的交互过程是否一致?

效率



反馈
       红框=点击弹出新页面,有完全不同的导航条;

       绿框=点击本页内刷新,有完全不同的导航条,且该导航项
 一致性
一致性
       不再出现在导航条中;

       蓝框=点击本页内刷新,有完全不同的导航条,且该导航项
       出现在导航条别的位置
角色代入——作为砖家

• 交互:交互控件、交互过程

• 视觉:亲密性、对比、对齐、重复 非评估美感、风格等美学元素

• 文案:用词、行文
• 视觉
 – 亲密性
   • 相关元素是否组织在一起?
   • 不相关元素是否存在可能误导用户的亲密性?
   • 是否有太多孤立的元素?
• 视觉
 – 对比
   • 对比是否畏缩?




 – 对齐
   • 元素是否整齐有序?
   • 对齐是否统一、有条理?


 – 重复
   • 元素是否有一致性?
角色代入——作为砖家

• 交互:交互控件、交互过程

• 视觉:亲密性、对齐、对比、重复

• 文案:用词、行文
• 文案
 – 用词
   • 是否一致?
   • 是否有错字?




 – 行文
   • 是否使用用户的语言?
   • 是否清晰无歧义?
   • 是否存在冗余信息?
小结
• 做一名纯粹的用户,体验、使用UI

• 以砖家的专业性对UI进行分析
 – 交互
   • 交互控件
   • 交互过程:bug(硬伤);导航、交互事件(软肋)
 – 视觉:“亲戚比重”
 – 文案:用词、行文

• 提出合理的改进建议~~
角色代入式评估能取代用户测试吗?
• NO!NO!
 – 操作水平过高
 – 对产品太过了解
角色代入式评估能取代用户测试吗?
• NO!NO!NO!
  – 操作水平过高
  – 对产品太过了解
  – 不了解目标用户的使用情景(context)
附录1:可用性研究家族
测试类 ——用户使用界面完成特定任务
• 有声思维法:用户一边进行测试,一边讲出自己心中
  所想
• 日志分析:测试者分析用户使用行为数据
• 回溯性测试 :测试者与用户一同观看测试时录像
• 表现测量 :测试者记录测试中的使用行为数据
检视法 ——邀请专家评估界面
• 认知过程走查:专家模拟用户解决问题的方式
• 启发式评审:专家指出违反了启发式规则之处
• 规范检视:专家检查页面是否符合规范
back
附录2:八大可用性经验准则
•   保持界面简洁、优美
•   降低用户思考负担
•   一致性
•   反馈给用户
•   让用户可控制
•   避免出错
•   提供高级操作
•   避免使用术语

back
附录3:清单
                 相符度        备注说明
       整体   总是   有时    从不
易懂、易学
不易出错
符合使用习惯
吸引人使用


       交互   总是   有时    从不
控件选择正确
无bug
导航
流程、操作可用
完成任务效率高
反馈及时、清晰
一致性
附录3:清单
                相符度        备注说明
      视觉   总是   有时    从不
亲密性
对比
一致性
对齐


      文案   总是   有时    从不
用词一致
无错别字
信息无冗余
无术语
保持一致


      其他   总是   有时    从不
参考资料
• About Face 3
• Reviewing User Interfaces
• When Designers Get Too Clever

More Related Content

Viewers also liked

Xcellent! General Presentation
Xcellent! General PresentationXcellent! General Presentation
Xcellent! General PresentationBarclays
 
Xabi eta endika , tabako
Xabi eta endika , tabakoXabi eta endika , tabako
Xabi eta endika , tabakoaltxaporru
 
Web 2.0 - Assolint la maduresa de l'empresa
Web 2.0 - Assolint la maduresa de l'empresaWeb 2.0 - Assolint la maduresa de l'empresa
Web 2.0 - Assolint la maduresa de l'empresaTICAnoia
 
xcel energy SPS_10Q_2007_Q3
xcel energy SPS_10Q_2007_Q3xcel energy SPS_10Q_2007_Q3
xcel energy SPS_10Q_2007_Q3finance26
 
Xcel10Q Q22007
Xcel10Q Q22007Xcel10Q Q22007
Xcel10Q Q22007finance26
 
Wisebo - TechAviv Prez
Wisebo - TechAviv PrezWisebo - TechAviv Prez
Wisebo - TechAviv PrezYaron Samid
 

Viewers also liked (6)

Xcellent! General Presentation
Xcellent! General PresentationXcellent! General Presentation
Xcellent! General Presentation
 
Xabi eta endika , tabako
Xabi eta endika , tabakoXabi eta endika , tabako
Xabi eta endika , tabako
 
Web 2.0 - Assolint la maduresa de l'empresa
Web 2.0 - Assolint la maduresa de l'empresaWeb 2.0 - Assolint la maduresa de l'empresa
Web 2.0 - Assolint la maduresa de l'empresa
 
xcel energy SPS_10Q_2007_Q3
xcel energy SPS_10Q_2007_Q3xcel energy SPS_10Q_2007_Q3
xcel energy SPS_10Q_2007_Q3
 
Xcel10Q Q22007
Xcel10Q Q22007Xcel10Q Q22007
Xcel10Q Q22007
 
Wisebo - TechAviv Prez
Wisebo - TechAviv PrezWisebo - TechAviv Prez
Wisebo - TechAviv Prez
 

Similar to 碳酸第二期 假用户X真砖家 2.0 By晓荷

About Usability可用性测试杂谈
About Usability可用性测试杂谈About Usability可用性测试杂谈
About Usability可用性测试杂谈Vinny Wu
 
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distHoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distturtleknight
 
如何做好推荐系统——冯沁原
如何做好推荐系统——冯沁原如何做好推荐系统——冯沁原
如何做好推荐系统——冯沁原Qinyuan Feng
 
User Research Report_Pan
User Research Report_PanUser Research Report_Pan
User Research Report_PanMingde Pan
 
基于认知的产品界面设计
基于认知的产品界面设计基于认知的产品界面设计
基于认知的产品界面设计Mac zheng
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12John Woo
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworkstailrzq
 
体验的历程 Afooli
体验的历程 Afooli体验的历程 Afooli
体验的历程 AfooliAlite Yu
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
Mobile app的測試v2
Mobile app的測試v2Mobile app的測試v2
Mobile app的測試v2Mr PM
 
Database And User Experience for Web Apps
Database And User Experience for Web AppsDatabase And User Experience for Web Apps
Database And User Experience for Web AppsDahui Feng
 
[心得分享] 如何把使用者經驗做出來
[心得分享] 如何把使用者經驗做出來[心得分享] 如何把使用者經驗做出來
[心得分享] 如何把使用者經驗做出來Aco Wang
 
第六次Seminar:数字时代的可用性
第六次Seminar:数字时代的可用性第六次Seminar:数字时代的可用性
第六次Seminar:数字时代的可用性E-learning R&D Group
 
Design Method_20191219
Design Method_20191219Design Method_20191219
Design Method_20191219Winny Wang
 
Remote Usability Research Toolbox
Remote Usability Research ToolboxRemote Usability Research Toolbox
Remote Usability Research ToolboxYong Zhang
 
Wap淘宝可用性测试报告.pptx
Wap淘宝可用性测试报告.pptxWap淘宝可用性测试报告.pptx
Wap淘宝可用性测试报告.pptxetaoux
 
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館BelindaYCWang
 
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC
 

Similar to 碳酸第二期 假用户X真砖家 2.0 By晓荷 (20)

About Usability可用性测试杂谈
About Usability可用性测试杂谈About Usability可用性测试杂谈
About Usability可用性测试杂谈
 
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distHoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_dist
 
Mid Term Report
Mid Term ReportMid Term Report
Mid Term Report
 
如何做好推荐系统——冯沁原
如何做好推荐系统——冯沁原如何做好推荐系统——冯沁原
如何做好推荐系统——冯沁原
 
User Research Report_Pan
User Research Report_PanUser Research Report_Pan
User Research Report_Pan
 
基于认知的产品界面设计
基于认知的产品界面设计基于认知的产品界面设计
基于认知的产品界面设计
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks
 
体验的历程 Afooli
体验的历程 Afooli体验的历程 Afooli
体验的历程 Afooli
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
Mobile app的測試v2
Mobile app的測試v2Mobile app的測試v2
Mobile app的測試v2
 
Database And User Experience for Web Apps
Database And User Experience for Web AppsDatabase And User Experience for Web Apps
Database And User Experience for Web Apps
 
[心得分享] 如何把使用者經驗做出來
[心得分享] 如何把使用者經驗做出來[心得分享] 如何把使用者經驗做出來
[心得分享] 如何把使用者經驗做出來
 
第六次Seminar:数字时代的可用性
第六次Seminar:数字时代的可用性第六次Seminar:数字时代的可用性
第六次Seminar:数字时代的可用性
 
Design Method_20191219
Design Method_20191219Design Method_20191219
Design Method_20191219
 
Remote Usability Research Toolbox
Remote Usability Research ToolboxRemote Usability Research Toolbox
Remote Usability Research Toolbox
 
Wap淘宝可用性测试报告.pptx
Wap淘宝可用性测试报告.pptxWap淘宝可用性测试报告.pptx
Wap淘宝可用性测试报告.pptx
 
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
 
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
 

More from 碳酸饮料会

Png还是jpg,这是个问题
Png还是jpg,这是个问题Png还是jpg,这是个问题
Png还是jpg,这是个问题碳酸饮料会
 
设计中的一致性——界面篇
设计中的一致性——界面篇设计中的一致性——界面篇
设计中的一致性——界面篇碳酸饮料会
 
世界杯推广设计分享会
世界杯推广设计分享会世界杯推广设计分享会
世界杯推广设计分享会碳酸饮料会
 
超级旺铺产品体验设计
超级旺铺产品体验设计超级旺铺产品体验设计
超级旺铺产品体验设计碳酸饮料会
 
用户体验量化方法研究 碳酸分享
用户体验量化方法研究 碳酸分享用户体验量化方法研究 碳酸分享
用户体验量化方法研究 碳酸分享碳酸饮料会
 
基于生活形态的用户分群研究
基于生活形态的用户分群研究基于生活形态的用户分群研究
基于生活形态的用户分群研究碳酸饮料会
 
Information visualization
Information visualizationInformation visualization
Information visualization碳酸饮料会
 
商家管理平台后台 后台菜单纸原型测试
商家管理平台后台 后台菜单纸原型测试商家管理平台后台 后台菜单纸原型测试
商家管理平台后台 后台菜单纸原型测试碳酸饮料会
 
卖家后台菜单项分类调研报告
卖家后台菜单项分类调研报告卖家后台菜单项分类调研报告
卖家后台菜单项分类调研报告碳酸饮料会
 
0414 旧城改造 我是卖家改版心得
0414 旧城改造 我是卖家改版心得0414 旧城改造 我是卖家改版心得
0414 旧城改造 我是卖家改版心得碳酸饮料会
 
简洁清晰,自然易懂
简洁清晰,自然易懂简洁清晰,自然易懂
简洁清晰,自然易懂碳酸饮料会
 
如何架构和管理个人的知识体系
如何架构和管理个人的知识体系如何架构和管理个人的知识体系
如何架构和管理个人的知识体系碳酸饮料会
 

More from 碳酸饮料会 (20)

2011亚美利加
2011亚美利加2011亚美利加
2011亚美利加
 
2011亚美利加
2011亚美利加2011亚美利加
2011亚美利加
 
I os 视觉分享
I os 视觉分享I os 视觉分享
I os 视觉分享
 
Png还是jpg,这是个问题
Png还是jpg,这是个问题Png还是jpg,这是个问题
Png还是jpg,这是个问题
 
错位的体验
错位的体验错位的体验
错位的体验
 
设计中的一致性——界面篇
设计中的一致性——界面篇设计中的一致性——界面篇
设计中的一致性——界面篇
 
Accessibility jane zhou
Accessibility jane zhouAccessibility jane zhou
Accessibility jane zhou
 
知识管理交流
知识管理交流知识管理交流
知识管理交流
 
插画设计分享
插画设计分享插画设计分享
插画设计分享
 
世界杯推广设计分享会
世界杯推广设计分享会世界杯推广设计分享会
世界杯推广设计分享会
 
超级旺铺产品体验设计
超级旺铺产品体验设计超级旺铺产品体验设计
超级旺铺产品体验设计
 
适时帮助Ppt
适时帮助Ppt适时帮助Ppt
适时帮助Ppt
 
用户体验量化方法研究 碳酸分享
用户体验量化方法研究 碳酸分享用户体验量化方法研究 碳酸分享
用户体验量化方法研究 碳酸分享
 
基于生活形态的用户分群研究
基于生活形态的用户分群研究基于生活形态的用户分群研究
基于生活形态的用户分群研究
 
Information visualization
Information visualizationInformation visualization
Information visualization
 
商家管理平台后台 后台菜单纸原型测试
商家管理平台后台 后台菜单纸原型测试商家管理平台后台 后台菜单纸原型测试
商家管理平台后台 后台菜单纸原型测试
 
卖家后台菜单项分类调研报告
卖家后台菜单项分类调研报告卖家后台菜单项分类调研报告
卖家后台菜单项分类调研报告
 
0414 旧城改造 我是卖家改版心得
0414 旧城改造 我是卖家改版心得0414 旧城改造 我是卖家改版心得
0414 旧城改造 我是卖家改版心得
 
简洁清晰,自然易懂
简洁清晰,自然易懂简洁清晰,自然易懂
简洁清晰,自然易懂
 
如何架构和管理个人的知识体系
如何架构和管理个人的知识体系如何架构和管理个人的知识体系
如何架构和管理个人的知识体系
 

碳酸第二期 假用户X真砖家 2.0 By晓荷