超全面!防呆设计的10个通用设计原则 - 优设网 - UISDC

超全面!防呆设计的10个通用设计原则

2019/03/13 11106评论 5

编者注:什么是防呆设计?防呆设计的通用原则有哪些?如何运用防呆设计原则?看完本文,这一切都会有答案。

阿肆Stella :看文章的时候无意间看到「防呆设计」这个词,第一反应是该不会就是「不让人呆住的设计」的意思吧?随手一查,居然差不多就是这个意思。

然而出乎我意料的是,别看这个词看上去很「乡土」,像口语里随便说说的,其实来头可不小呢。

什么是防呆设计

防呆(日语:ポカヨケ poka yoke),是一种预防矫正的行为约束手段,运用防止错误发生的限制方法,让操作者不需要花费注意力、也不需要经验与专业知识,凭借直觉即可准确无误地完成的操作?!醋晕倏?/p>

简单的说,就是帮助尽可能多的人进行「无脑操作」的方法。防呆设计,自然就是通过设计的方法来实现防呆。

想必你也注意到了,刚刚的维基百科里特意出现了日语名字,那是因为防呆这个词最早是源自于日本围棋和将棋的一个专业术语,指预防无心下错棋子的方法,新乡重夫将这个基本概念应用在丰田汽车的生产管理上,极大地预防了错误和危险的发生,之后随着工业质量管理概念的推展传播到了全世界。

看到这里有没有觉得这个概念似曾相识,似乎很像是产品设计中尼尔森交互原则里的防错原则。

人们总是会犯错,无论是在用工业产品还是电子产品。虽然工业设计和产品设计是不同的行业,但设计的本质都是在寻找问题的解决方法,那就是如何更好地避免错误发生。既然防呆设计的概念已经在工业领域取得成效,那么也一定能对产品设计有所启发。所以接下来我们就来看看防呆设计究竟是怎样的设计,又能如何被运用到产品设计中。

防呆设计的原则与运用

防呆设计主要有10大原则,分别是:断根、保险、自动、相符、顺序、隔离、复制、标示、警告、缓和。

1. 断根

工业设计:从根本上排除发生错误的原因。

我们都知道,电梯超重时会发出滴滴滴的警报声,并且电梯门会保持打开,无法运行,只有下去1个或几个人,重量减轻了,才能正常使用。这就从根本上断绝了因为超重导致的安全隐患。

产品设计:避免让用户进入会发生错误的阶段。

我们熟悉按钮的不可用状态,在未达到任务执行条件时,按钮是不可点击的,就是一种典型的断根原则。例如淘宝的商品选择界面,当产品缺货时,是不可以选择的,就避免了在付款时才发现缺货,再返回来修改订单的问题;饿了么筛选时,若没有符合的选项,查看商家按钮不可用,避免用户还需要重新进入修改筛选项。

2. 保险

工业设计:同时或按照顺序使用2个以上的行为完成任务。

如果你用过保险箱,你就会知道,保险箱都是钥匙密码双重保险甚至更多重保险的,输入错误甚至会主动进行报警。电影里我们也见过需要通过密码指纹瞳孔多道验证程序的保险库。多重密码防护可以大大增加保险箱的安全性,避免发生安全错误。

产品设计:增加用户的操作步骤或复杂度,给用户更多思考的机会和时间。

微信取消关注时的二次确认,就是保险原则在产品设计中的例子。在用户进行删除操作时,需要经过左滑 – 点击 – 点击,3个步骤才能完成删除,避免了用户一时冲动或不小心造成损失。

3. 自动

工业设计:运用物理学、化学与机械结构学原理,自动开始或停止。

例如马桶水箱的浮漂上升到一定高度就自动停止蓄水;房间里的温度降到预设温度就停止制冷;烟雾传感器感应到烟雾浓度达到极限值会自动报警并喷水灭火。都是通过检测特定指标来采取行动,预防或补救错误的发生。

产品设计:根据预先设定的规则,自动开启、修正或停止某项功能,避免错误发生。

切换网络状态时暂停下载并进行提示就是使用了自动原则,避免用户因为 WiFi 断开而可能导致的流量费用。

4. 相符

工业设计:利用形状、数字公式、发音、数量进行检测。

我们生活中的常用物品如果有多种使用方式,但其中只有一种是正确的时候,那这个物品就很可能给我们带来各种困扰,你可以回想一下你是否有在 ATM机前把银行卡插反,又不得不拿出来重新插入的经历。虽然卡面和插卡口旁边上会有标识箭头,但总会有粗心或着急的人们仓促间插反。

而 SIM卡只通过一个切角就完美的解决了这个问题??ㄆ涂ú鄣娜苯?,让卡片的放置方式变成了只有一种。因此可以完全避免放错位置需要重放的烦恼。

此外在开启设备时需要输入开机密码也是通过相符原则确保操作人和设备的匹配。

产品设计:通过数据类型、格式、手势等进行匹配校验。

例如在输入验证码或密码页面,只显示4个输入框,且系统直接呼出数字键盘,就将验证码的格式限制为「4位数字」,可以有效避免用户输入错误格式的验证码。

5. 顺序

工业设计:将流程编号依序运行。

不知道你有没有自己组装家具的经历,我前不久刚刚组装了一套书柜,本来以为会困难重重,但结果出奇的顺利。因为说明书上把所有零件都编了号,并且把安装步骤按数字排序,只要看着说明书,严格按照步骤来操作,一个书柜就出现了。虽然我有时候都不知道自己在干什么,但神奇的是当完成全部步骤,就做好了。试想如果没有这样严格的流程和顺序,让我这样零经验的用户把一堆零件拼成一个书柜,肯定是一团糟。

产品设计:将复杂的操作分成若干步,并引导用户完成操作。

在使用产品的过程中,用户可能会面临从未操作过或非常复杂的任务。这个时候一个清晰有序的引导就非常重要了。例如我们熟悉的新手引导,就通过一步步顺序的指引来引导用户完成复杂操作,避免用户犯错。

6. 隔离

工业设计:通过区域分隔?;つ承┣?,避免危险或错误。

我们都知道诸如刀具、药品等危险物品要放在儿童无法触及的地方;洗衣机、烤箱、热水器等危险的家用电器会有儿童锁,防止儿童误触。这都是通过物理隔离或程序隔离的方式,来避免儿童受到伤害。

产品设计:通过隔离的方式来?;ぬ囟ǖ那蚧蚰谌?。

例如分享内容时,我们可以制定分享的类型、限制分享的时间、选择可打开分享的受众等方式,来?;し窒淼哪谌?。如下图百度云盘可以设置分享的时间,超出时间则无法查看;石墨可制定分享是否可编辑,避免内容被随意修改;微信朋友圈也可以选择分组查看。

7. 复制

工业设计:利用复制来方便进行核对。

我们熟悉的「合同一式两份」就是通过复制原则来避免合同内容被篡改;寄快递时,快递小哥会打印两份一样的单据,一份由快递公司保存,一份由寄件人保存,用以确认寄出的商品。

产品设计:通过重复的方式进行确认。

在设置或修改密码时,需要重复输入2遍密码,核对相同后才能完成修改??梢杂行П苊庥没У奈蟛僮?。

8. 标示

工业设计:运用线条、形状、颜色等标识进行区别,以方便识别,避免可能发生的错误。

红绿灯的设计就贯彻了标示原则。我们印象中的红绿灯就是红黄绿三个颜色的圆灯,红灯行绿灯?;频谱急?,是采用颜色来作为区分。之后考虑到色盲群体识别颜色的困难,又在原来圆灯的基础上加入了行走的小人和站立的小人,这是增加了形状标识。颜色和形状的双重标识让红绿灯变得更容易被大众识别,降低了因为误认导致的交通事故。

产品设计:运用颜色、形状、图案等视觉元素辅助用户进行正确高效的识别。

产品中通过标识来方便用户识别的运用可谓非常广泛了,我们熟悉的删除按钮大部分都是红色的——警告你当前在做的是需要慎重决定的,这是运用了颜色标识?;褂形颐堑睦吓笥研『斓?,也是形状+颜色标识的代表,告诉你这里有需要你注意的消息。

9. 警告

工业设计:将不正常的情形通过颜色、灯光、声音等方式进行警告,及时纠正错误。

油表在仅剩一格的时候会亮起或闪烁,提醒车主加油,避免出现没油搁浅在路上的情况;冰箱在长时间没关门的时候会发出滴滴滴的警报声,提示关门。

产品设计:通过颜色、文案、声音、动效等方式,给出异提示。

我们熟悉的二次确认对话框就采用了文案、颜色、弹出的动效来给出异常提示。

10. 缓和

工业设计:缓解或减免错误造成的伤害。

易碎品的快递件总是包裹着厚厚的充气胶囊和塑料泡沫,以此来?;の锲凡槐槐┝υ耸渌せ?;乘坐飞机、驾驶汽车时都强制驾驶员和乘客系安全带;在工地行走时必须佩带安全头盔……这些都是通过缓和原则,来尽可能降低伤害造成的损失。

产品设计:帮助用户解决问题,或尽可能减少损失。

在使用产品时,无论我们的设计做得多么完美,都无法将错误彻底杜绝,所以我们一定要提前设计好补救措施来把用户的损失降到最低。例如 iOS系统相册,删除照片后,会先进行二次确认(保险原则),用户确认删除后,再移动到「最近删除」相册中,这样即便是用户两次都误操作了,还是可以有机会挽回损失的。

重点

  • 防呆是一种预防矫正的行为约束手段,运用防止错误发生的限制方法,让操作者不需要花费注意力,也不需要经验与专业知识,凭借直觉即可准确无误地完成的操作。
  • 防呆源自日本围棋和将棋,兴起于在丰田汽车生产管理的应用,后随着工业质量管理概念的推展传播到了全世界。
  • 防呆设计主要有10大原则,分别是:断根、保险、自动、相符、顺序、隔离、复制、标示、警告、缓和。

结语

如果你平时注意观察四周,就会发现处处都有防呆设计的影子,正是这些细小的设计的默默守护,让我们不仅能享受工业产品带给我们的诸多便利,还能免去像影视剧里倒霉人设的「状况百出」。

在产品中也是一样的,我们不仅仅要让用户正确的使用产品,还要考虑到如何避免错误的使用产品。

文中提到的10个原则是方法总结,具体如何运用还需要大家在实战中多多练习,比如平时使用产品遇到错误时,想想如果是你会用哪种方式解决;测试自家产品时,看看当前的错误解决方法是否有更好的选择等等。

多练多用,把方法论变成你的直觉吧。

参考文章:

欢迎关注微信公众号:「海盐社」

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.offshoring-digest.com/10-deterioration-design-rules

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

转场动效 优设专访 设计师 扁平化设计 交互设计师 优设大课堂 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 AI教程 设计理论 平面设计 神器下载 字体下载 设计趋势 用户体验设计 psd下载 海报设计 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里