交互设计|「自然交互·防呆」防呆手法在设计中的应用

编辑导语:防呆设计的应用可以减少用户发生错误的几率,让用户可以在无需集中注意力、或者不熟悉流程的情况下也正确地完成操作。那么,防呆设计有哪些原则?本篇文章里,作者就防呆设计的定义、原则与应用案例作了解读,一起来看一下。
交互设计|「自然交互·防呆」防呆手法在设计中的应用
文章插图
一、什么是防呆设计防呆(日语:ポカヨケ poka-yoke,英语:Fool-proofing)是由新乡重夫(Shigeo Shingo)提出的工业生产方式,并随着工业品质管理的推展传播至全世界。在工业设计中,为了避免使用者的操作失误造成机器或人身伤害,会针对这些可能发生的情况来做预防措施,被称为防呆设计。
工业设计领域中的防呆设计的两种特征:

  1. 即使出现操作者的人为疏忽也不会发生错误──不需要注意力;
  2. 具备即使是外行人来做也不会做错的构造──不需要专业知识与高度的技能。
防呆设计在工业设计领域应用广泛,也同样可以被应用于交互设计领域,作为一种预防、矫正错误行为的手段,让用户不需要花费注意力、也不需要经验与专业知识,就可以正确无误地完成操作。
二、防呆设计的原则及应用案例防呆设计有十大原则:
交互设计|「自然交互·防呆」防呆手法在设计中的应用
文章插图
1. 断根1)意义:将发生错误的原因从根本上排除,不给用户犯错的机会。
2)工业设计案例:由设计师 Kim Keun Ae 设计的防污渍咖啡杯,杯子的腰线上的一条环状凹槽可以使顺着杯子边沿淌下的咖啡渍,再不继续往下流弄脏桌子。
交互设计|「自然交互·防呆」防呆手法在设计中的应用
文章插图
Kim Keun Ae 设计的防污渍咖啡杯
3)交互设计案例:禁用按钮是很典型的「断根」设计案例。比如天猫购买产品添加购物车时,没有货的标签会变成禁用状态,避免用户下单。
交互设计|「自然交互·防呆」防呆手法在设计中的应用
文章插图
天猫购买产品添加购物车页面
2. 保险1)意义:按照顺序运行两个以上的动作才能完成工作,增加用户的操作的步骤,给用户思考的机会和时间。
2)工业设计案例:家里或者酒店里的门用两道锁,会更安全。
交互设计|「自然交互·防呆」防呆手法在设计中的应用
文章插图
门用两道门锁
3)交互设计案例:弹窗的再一次确认的功能,是典型的「保险」案例,可以避免用户的误操作,点击删除等功能会重复一遍动作。
交互设计|「自然交互·防呆」防呆手法在设计中的应用
文章插图
iOS 系统删除等功能弹窗
3. 自动1)意义:运用各种设备、结构和原理,使功能自动开始或停止。
2)工业设计案例:电水壶,在水烧开后会自动断电,有效防止了干烧带来的危害。
交互设计|「自然交互·防呆」防呆手法在设计中的应用
文章插图
电水壶水烧开后会自动断电
3)交互设计案例:在用户使用 4G 播放视频时,bilibili 会给出提示,提醒用户当下所处的播放环境。
交互设计|「自然交互·防呆」防呆手法在设计中的应用
文章插图
用户使用 4G 播放视频时,bilibili 会给出提示
4. 相符1)意义:利用形状、数字公式、发音、数量等进行检测和匹配。
2)工业设计案例:手机的 SIM 卡的卡片和卡槽的缺角,从形状上限制了卡片摆放的方式,避免用户放错卡片。
交互设计|「自然交互·防呆」防呆手法在设计中的应用
文章插图
手机的 SIM 卡的卡片和卡槽
3)交互设计案例:在输入验证码或密码页面,用输入框的形态提示要输入数字的个数,可以避免用户输入错误格式验证码或密码。