恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何科学地进行一场产品设计评审?(附10条设计原则)
0.0°
2018-09-05 原创文章 教程 举报 1939 10 6 0


Jackob Nielsen 曾基于实际设计案例中的上百个可用性问题,总结出十条设计原则(design heuristics),并依此提出一种启发式设计评审 (heuristic evaluation)方法。


Jakob Nielsen 在人机交互界颇有造诣,也是大名鼎鼎的 Nielsen Norman 集团(用户体验设计咨询公司)的创办者之一。Jakob 曾被《纽约时报》、CNN、《财富》杂志称赞为“可用性大师”。


首先我们先看下这十条设计原则是什么。



设计原则


1. 系统状态保持可见


通过适当的反馈,系统要保证让用户时刻知道目前的状态是什么样的,到了哪一个步骤。 在大多数情况下,足够的信息能保证用户做更好的决定。

例如,被选元素颜色的变化,进度条等,都是常见的反馈方式。

Image title



2. 产品和现实世界相匹配


产品应该符合实际用户群体的语言习惯,包括用词、语调等,遵循现实世界的习惯,让信息的呈现显得自然舒适。 

关于这一点,最应该吐槽的一种现存设计应该就是“最终用户许可协议”(EULA)了吧,几乎每个app都有这种一长串的文字弹窗,但是会看、能看得懂的用户有多少?

Image title

 


3. 用户有控制权限和自由度


用户在使用过程中一旦出现错误操作,要给予他们自由去调整。比如常见的“撤销”、“重做”功能,即是该原则的一种体现。


4. 一致性和标准化


设计中要遵循用户的认知和行为习惯,保持一致性。Jakob 曾经在一个电商项目中做过一次试验,他发现根据大部分用户认知模型设计的导航系统,在可用性测试里成功率是80%;而根据公司内部偏好设计的导航,可用性测试成功率只有9%。


社会环境和因素(比如信仰、价值观、教育水平等)影响着不同的群体,作为产品设计者,不能想当然认为自己的认知和用户的认知相符。设计要从用户的认知水平考虑。


特定的用户群体有特定的习惯,比如设计师群体,熟悉了Photoshop, Sketch 等工具的快捷键操作,所以同样面对设计师群体的墨刀,也设置了同一套快捷键,尽量符合用户的习惯。

Image title

墨刀中的部分快捷键


5. 防止用户错误出现


比起给用户显示的错误提醒,不如在一开始就尽量防止用户出错。Don Norman 认为用户犯错会有两类:“失误” 和 “错误”。“失误”,顾名思义,就是无意的,不小心犯的错误。“错误”,则是用户有目的地做了对系统来说不合适的操作。


防止“失误”的设计策略有“输入限制”,比如在购买往返机票的网站上,返程机票的日期只能让用户选择出发日期后面的日子。

Image title


另有策略是“提供建议”,经典的如搜索时下方出现的模糊提示词,可有效减少用户的输入错误。

Image title

对于防止用户“错误”,常见的一种设计是“毁灭性操作”实现前的确认对话框。

Image title



6. 让用户“看见”而非“回忆”


尽量减少用户在交互过程中的认知负荷,确保他在完成当前任务需要的所有元素、功能都是可见的。用户不需要费力去回忆什么信息,用户使用需要的指导应该总是清晰看见,或者可以轻松找到。


比如,在这项原则的启发下,墨刀将“自定义组合”下方的元素展示由“单纯文字”改成“缩略图”的形式。这样做原型时如果想复用自己做的“自定义组合”,就能结合图文,一眼找出自己需要哪一个。

Image title



7. 使用起来灵活且高效


关于这条原则最常见的一个例子就是快捷键的存在,尤其是对工具性产品来说,快捷键让有经验的用户操作更高效。


“灵活高效”的设计例子还有“默认选项”,比如购买机票的网站上列出的热门旅行地,让一些用户免去输入的精力。另外还有“推荐信息”,这种在电商网站比较常见,根据用户兴趣爱好推荐他可能会找的其他产品。


而在原型设计工具领域,为设计师们提供常用的iOS 或者 Material Design 组件(墨刀还新增了微信 WeUI 及蚂蚁金服 Ant Design 平台组件),让画原型更便捷,也是该原则的一个体现。

Image title

墨刀的原型设计区


8. 美感和极简设计


在任何交互过程中,不应该出现不相关和冗余的信息。每一份多余的信息其实都在和真正有价值的信息争夺着注意力,影响用户体验。


9. 帮助用户认知/诊断错误,以及从错误中恢复


如果出现错误,错误提示信息一定要解释地直白易懂(使用用户的语言),并且提供解决办法。

即使目前来看,很多 404 页面都是不太符合以上标准的,也是设计师们需要注意改进的地方。


10. 帮助指引


对于大部分产品来说,提供帮助指引都是必要的。这种指导信息要能轻松看到、搜寻到,贴心考虑用户会遇到的问题,并列出清晰地操作指示。


比如墨刀在设计区的左下角设有“新手引导” 、“教程”、“快捷键”的快捷入口,方便用户在设计的任何过程中进行查询。

Image title


那么,在理解了这十项设计原则之后,我们就要进行一场设计评审了。



如何进行一场设计评审?


设计评审一般在进行用户测试之前,参与对象主要是同事或具有一定用户体验专业知识的同行。目的在于,能在和用户接触之前,尽快地再次发现设计中的可用性问题并做出改善。


具体的操作办法是:


1.找来合格的评审员组(3-5人,要求必须对设计原则深入了解);

2. 评审员们各准备一张列出十项设计原则的评审表,然后在设计师的陪同下分别体验产品原型。

3. 评审员在使用产品原型的过程中发现了什么问题,都可以在对应的设计原则一栏里记下来。

4. 之后大家一起基于这次发现的问题进行交流,改善设计。


「文中部分图片来自Jackob Nielsen 官网」



不知大家现在的工作流程中有没有这样的

启发式设计评审环节?

或者采取过什么策略提升产品的可用性?

可以在下方评论区分享交流哦!





更新:2018-09-05

收藏

10人已收藏

墨刀_MockingBot

在线产品设计写作一体化平台

  • 494

    作品

  • 1448

    粉丝

  • 3

    关注

  • 产品经理和设计师谈恋爱,看得我比“老坛酸菜”还酸!
  • Figma”断供“后:墨刀能为中国企业做什么?
  • 产品经理干久了,有哪些后遗症?
  • 超实用的后台原型,产品大佬的摸鱼技巧都在这里!

    猜你喜欢

      2018-09-05 原创文章 教程 举报 1939 10 6 0

      如何科学地进行一场产品设计评审?(附10条设计原则)

      0.0°

      你确定要举报如何科学地进行一场产品设计评审?(附10条设计原则)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年09月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      10
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录