header_v1.7.40

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

96天前发布

原创文章 / 多领域 / 教程
墨刀mockingbot 原创,如需商业用途或转载请与墨刀mockingbot联系,谢谢配合。

Jackob Nielsen 提出的一项设计环节

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


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


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



设计原则



1. 系统状态保持可见


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


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



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


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


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





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


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



4. 一致性和标准化


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


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


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


墨刀中的部分快捷键



5. 防止用户错误出现


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


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



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



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




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


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


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



7. 使用起来灵活且高效


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


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


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


墨刀的原型设计区



8. 美感和极简设计


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



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


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


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



10. 帮助指引


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


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



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



如何进行一场设计评审?



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


具体的操作办法是:


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


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


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


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



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





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


启发式设计评审环节?


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


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


2

    文章信息

    • 文章标签

    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功