赞助商
立即赞助

超全面的 UI 工作流程指南(五):设计评审

交互设计3年前 (2021)发布 流光
2.9K 0 0

设计评审是一种用测查工具,通常由一个评审审查设计方案中的用问题。

「设审」一词颇广义,涉及数种可用性测查方法,且每一种的运用因人(审员)异、因审目的异。常见的设审方法:

  • 启式评估(Heuristic Evaluation)。启式评估的标准是设计方案需遵循一套设计原则,比尼尔森大用原则。
  • 独立设准则(Standalone Design Critique)。独立设准则(通常以群组对话的形式)对行中的设加以分析,以决策设方案否达目标、体验友好的一种估方法。
  • 专家评审(Expert Review)。专家评审是指由 UX 专家对网站/或网站部功能,App 应用/App 中部功能进行可用性问题的细检查。多公不清专家评审和启发式评估者的界限,把专家评审当做是比启发式评估更加通用的方法也是可以的。

原型交互评审

原型完成召集至少两三个设计师或者对互比的人,使用并评测原型。你以将原型所关注的几个任务列出来,以免家不道原型哪部分互哪部分不互。

第一种方法比较常用的测方法启发式估法,这种方法比较常见的标准尼尔森交互设法则(Nielsen Heuristic)。以下十条尼尔森交互设法则:

  • 系统状态是否见
  • 系统否符合实世界的习惯
  • 用户是否能由地控制系统
  • 统一与标准
  • 误防范
  • 减轻低用户的忆负担
  • 灵活性效率
  • 美观简洁
  • 帮助户认知、了解错误,并从错误中恢复
  • 帮助文档

第二种方法是SUS(系统可性量表),最初是 Brooke 于1986年编制,量表由10个题目组成,包括奇数项的正面陈述和偶数项的反面陈述,要求参与者在使系统或产后对每个题目进行5点评分。

  • 量表公开免费。
  • 整个量表题目陈述简单,只需参与者打分,实施起来很快。
  • 测量结是介于0-100分数,容易理解。
  • 测量种用户界面,比网页、手机、平板等。

超全面的 UI 工作流程指南(五):设计评审

△ SUS(系统可性量表) 分数

参与者做完系列任务后,可以快速SUS进打分。然后需要个题目分值进转换,奇数项计分采用「原始分-1」,偶数项计分采用「5-原始分」。由于是5量表,个题目分范围记为0~4(最大值为40),而SUS范围在0~100,故需要把所有项转换分相加,最终再乘以2.5,即可获SUS分数。

将SUS分数换成百分等级来释,百分等级的意思是指测量的产品或系统相对总数据库里其他产品或系统的用程度。

超全面的 UI 工作流程指南(五):设计评审

△ SUS评分参考

从图中我们可以看出分达到70分左右,就可以比市面一半产品可用性好,也就这产品的用户体验算合格了。

用户体验评审

使用用户体验问题记录表,组织相应的估小组人员,参与估人数越多越好,样本越多越好。了提升作效率,可以直接通过发记录表给到估人员,再统一回收就好。

超全面的 UI 工作流程指南(五):设计评审

△ 用户体验问题记录表

包括问题所在位置、对应的二十一条可用性则、严重程度等、问题描述。

1. 问题析整理

通过收集用户体验问题记录表,进行组会议讨论,把问题总结归类,并对所有问题做一个统一的规范类。(例可优化问题保留,不是体验问题的舍弃)。

当问题总结归类成后,一步需要引入「户体验八阵图」来对应相应页面,我们够更直观的了解到现有项目中精细到单个页面中面的户体验设计问题,这样一来,可快速发现体验问题最多是哪个页面?体验问题最严重的是哪个页面?体验问题中哪个模的问题最多?等。

超全面的 UI 工作流程指南(五):设计评审

△ 户体验八阵图

心为问题严等级,依为:小问题(1)、要问题(2)、主要问题(3)、灾难性问题(4)

应对到「用户验问题录表」中的「问题严重等级」。

超全面的 UI 工作流程指南(五):设计评审

△ 把收集到的问题以「点」的形式点到对应模块的八阵图当中

2. 优化方案:

  • 通过 SUS系统可性量表知道了产的整体体验处于么水平。
  • 过协作启发评估知了品用户体验到底有哪些问题。
  • 通最新21条用原则道何避免出现验问题。
  • 通过用户体验八阵图知道了哪些模块迫切需优化。

更与设计评审相关内容:《一个完整的设计评审流程是怎样的?来看篇总结!》

项目走查

1. 检查需求

检查设计案是否满足需求,是否完成了原型设计覆盖全部设计。

2. 检查规范

检查案排版和齐是否准确,品设计要检查控件尺寸体号是否符合设计规范,运设计要检查体号是否符合运设计规范。

3. 阅读序

品设计检查案使用序是否符合品使用流程及用户预期,运设计检查阅读序是否满足运引导用户阅读需求。

4. 视觉表

评估设计创意是否有服务于设计目标,视觉表手法是否处理到位。

超全面的 UI 工作流程指南(五):设计评审

本篇到此暂告段落,敬请期待下文。

注:本系列文章为优独家专题,请勿转载。

添作者微信交流:

超全面的 UI 工作流程指南(五):设计评审

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

先问你一个小问题: 「如果让你设计一个挽留弹窗,你会通过什么方法或内容 来留住用户?」 2000 years later… 如果你的脑...
UI 设计
近期 UEC 对整个工作流程进行了梳理,也总结成规范落实到了操作层面。我们会陆续将这阶段的成果奉献给大家。那么就从 UEC 是...
交互评审
卡片式设计采用图像与文字说明相结合的方式将信息传达给受众,在有限的矩形空间中建立了无限的可能性。 时至今日,卡片式设...
UI 设计
一个完整的设计流程应该是怎样的?有哪些方法可以帮你做好设计评审?来看这篇干货! 一、「设计评审」的定义 「设计评审」在...
交互评审
这次我们通过简译 O’Reilly 系列的《Pair Design – Better Together》一书的部分内容,一起初步认识一下 Gretchen Anderson ...
团队协作
设计评审是设计师完成方案后召集项目相关人员进行集中确认的会议,也是保障视觉、开发、测试等后续环节顺利进行的重要环节。...
交互评审
上一篇《万字干货!可能是最全面的UI 设计师文件命名规范(一)》我们讨论了 UI设计中文件命名的规范和要点,这一部分我们要...
UI 设计
编者按:完整的 UI 设计流程到底是怎样的?从需求到产品上线,要经历多少个阶段,每个阶段有哪些应该掌握的基础知识,本次优...
UI 设计