查看原文
其他

「防呆」手法在设计中的应用

元尧 长弓小子 2021-01-31
     欢迎关注「长弓小子」
   这儿有知识、梦想和有趣的灵魂


  小编语:  Hi,伙伴们,为了与你们更好的沟通和交流,我在知乎上开通了帐号,你可以更全面地了解我,更完整地了解蚂蚁集团的设计理念和设计方法。感兴趣的小伙伴们可以长按下方图片进行关注,期待与你有更多交流!


那么接下来,我们进入今天的正题吧 ——




什么是防呆设计?


防呆(日语:ポカヨケ poka-yoke,英语:Fool-proofing)是由新乡重夫(Shigeo Shingo)提出的工业生产方式,并随着工业品质管理的推展传播至全世界。在工业设计中,为了避免使用者的操作失误造成机器或人身伤害,会针对这些可能发生的情况来做预防措施,被称为防呆设计。


工业设计领域中的防呆设计的两种特征:


  • 即使出现操作者的人为疏忽也不会发生错误 ── 不需要注意力


  • 具备即使是外行人来做也不会做错的构造 ── 不需要专业知识与高度的技能


防呆设计在工业设计领域应用广泛,也同样可以被应用于交互设计领域,作为一种预防、矫正错误行为的手段,让用户不需要花费注意力、也不需要经验与专业知识,就可以正确无误地完成操作。





防呆设计的原则及应用案例


防呆设计有十大原则:

断根、保险、自动、相符、顺序、隔离、复制、标示、警告、缓和





  1. 断根  


「断根」是指将发生错误的原因从根本上排除,不给用户犯错的机会。


  • 工业设计案例:由设计师 Kim Keun Ae 设计的防污渍咖啡杯,杯子的腰线上的一条环状凹槽可以使顺着杯子边沿淌下的咖啡渍,再不继续往下流弄脏桌子:



  • 交互设计案例:禁用按钮是很典型的「断根」设计案例。比如天猫购买产品添加购物车时,没有货的标签会变成禁用状态,避免用户下单。






  2. 保险  


「保险」是指按照顺序运行两个以上的动作才能完成工作,增加用户的操作的步骤,给用户思考的机会和时间。


  • 工业设计案例:家里或者酒店里的门用两道锁,会更安全:



  • 交互设计案例:弹窗的再一次确认的功能,是典型的「保险」案例,可以避免用户的误操作,点击删除等功能会重复一遍动作:





  3. 自动  


「自动」是指运用各种设备、结构和原理,使功能自动开始或停止。


  • 工业设计案例:电水壶,在水烧开后会自动断电,有效防止了干烧带来的危害。


  • 交互设计案例:在用户使用 4G 播放视频时,bilibili 会给出提示,提醒用户当下所处的播放环境:






  4. 相符  


「相符」是指利用形状、数字公式、发音、数量等进行检测和匹配。


  • 工业设计案例:手机的 SIM 卡的卡片和卡槽的缺角,从形状上限制了卡片摆放的方式,避免用户放错卡片:



  • 交互设计案例:在输入验证码或密码页面,用输入框的形态提示要输入数字的个数,可以避免用户输入错误格式验证码或密码:






  5. 顺序  


「顺序」是指将流程依序运行,把复杂的操作编好顺序,一步一步引导用户完成操作。

  • 工业设计案例:宜家的产品说明书,会指引用户一步一步的组装产品,编号清晰,避免用户组装错误。



  • 交互设计案例:页面中的步骤条设计可以一步一步的指引用户的行为,在完成一步之后,才会开启下一步。





  6. 隔离  


「隔离」是指通过区域分隔保护某些区域,避免危险或错误。


  • 工业设计案例:卫生间或厨房的开关会加上开关保护罩,避免水滴和雾气引发的触电行为

  • 交互设计案例:微信在发朋友圈时可以选择给哪些朋友看,保护用户的隐私。





  7. 复制  


「复制」是指利用复制、重复的方式来核对。


  • 工业设计案例:重要的文件通常一式两份或多份,可以保留信息、以防丢失或被单方面篡改。比如毕业生就业时要签署的三方协议就一式多份。


  • 交互设计案例:用户在注册产品输入密码时需要输入两遍,防止输入错误。






  8. 标示  


「标示」是指运用线条粗细、形状、颜色等区别以方便识别,提高易识别度


  • 工业设计案例:人行横道的交通指示灯在两种颜色变化的过程中通常会亮起动态倒计时,提醒行人剩余的时间。



  • 交互设计案例:交互设计中的标示用法很多,比如红色的数字代表你有几条未读的消息;头像及右上角的小红点代表有更新的朋友圈内容。





 9. 警告  


「警告」是指将不正常情形透过颜色、灯光、声音、动效等方式进行警告,及时修正错误。


  • 工业设计案例:烟雾、煤气报警器等都起到了很好的警报作用,会用灯光和声音对使用者进行提示。


  • 交互设计案例:大众点评 App 会根据用户的定位,在使用 App 时通过橙色按键对用户进行警告。





  10. 缓和  


利用各种方法减免错误发生的伤害,尽可能的减少损失,将失误降到最低。


  • 工业设计案例:包装中的减震泡沫,工地中工人戴的安全帽,车上飞机上的安全带都采用了缓和设计。


  • 交互设计案例:电脑和手机的回收站都使用了「缓和」设计,文件被删除后不会直接消失,而会存放在回收站,方便用户找回。




 


   深度丨从UX 动效设计的 “终极指南” ! 

   高级进阶!0到1打造高效的UI组件库!

   干货丨用户画像,没你想的那么简单!



- END -

欢迎长按图片👇👇👇在 知乎 关注我

了解更多来自蚂蚁集团的设计理念和设计方法

期待与你的交集!

Modified on

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存