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

文章插图
iOS 系统解锁界面
5. 顺序1）意义：将流程依序运行，把复杂的操作编好顺序，一步一步引导用户完成操作。
2）工业设计案例：宜家的产品说明书，会指引用户一步一步地组装产品，编号清晰，避免用户组装错误。

文章插图
宜家的产品说明书
3）交互设计案例：页面中的步骤条设计可以一步一步地指引用户的行为，在完成一步之后，才会开启下一步。

文章插图
步骤条页面设计
6. 隔离1）意义：通过区域分隔保护某些区域，避免危险或错误。
2）工业设计案例：卫生间或厨房的开关会加上开关保护罩，避免水滴和雾气引发的触电行为。

文章插图
卫生间或厨房的开关会加上开关保护罩
3）交互设计案例：微信在发朋友圈时可以选择给哪些朋友看，保护用户的隐私。

文章插图
微信在发朋友圈时可以选择给哪些朋友看
7. 复制1）意义：利用复制、重复份方式来核对。
2）工业设计案例：重要的文件通常一式两份或多份，可以保留信息、以防丢失或被单方面篡改。比如毕业生就业时要签署的三方协议就一式多份。

文章插图
毕业生就业时要签署的三方协议
3）交互设计案例：用户在注册产品输入密码时需要输入两遍，防止输入错误。

文章插图
注册产品输入密码时通常需要输入两遍
8. 标示1）意义：运用线条粗细、形状、颜色等区别以方便识别，提高易识别度。
2）工业设计案例：人行横道的交通指示灯在两种颜色变化的过程中通常会亮起动态倒计时，提醒行人剩余的时间。

文章插图
人行横道的交通指示灯倒计时
3）交互设计案例：交互设计中的标示用法很多，比如红色的数字代表你有几条未读的消息；头像及右上角的小红点代表有更新的朋友圈内容。

文章插图
微信朋友圈的内容更新提示
9. 警告1）意义：将不正常情形透过颜色、灯光、声音、动效等方式进行警告，及时修正错误。
2）工业设计案例：烟雾、煤气报警器等都起到了很好的警报作用，会用灯光和声音对使用者进行提示。

文章插图
烟雾报警器会用灯光和声音进行提示
3）交互设计案例：大众点评 App 会根据用户的定位，在使用 App 时通过橙色按键对用户进行警告。

文章插图
大众点评 App 位置提醒
10. 缓和1）意义：利用各种方法减免错误发生的伤害，尽可能地减少损失，将失误降到最低。
2）工业设计案例：包装中的减震泡沫，工地中工人戴的安全帽，车上飞机上的安全带都采用了缓和设计。

文章插图
【交互设计|「自然交互·防呆」防呆手法在设计中的应用】包装中的减震泡沫
3）交互设计案例：电脑和手机的回收站都使用了「缓和」设计，文件被删除后不会直接消失，而会存放在回收站，方便用户找回。