互联网产品中的防呆设计十原则

作者:张土福

原文地址:zhihu.com/question/21789905/answer/567285411

未经作者允许请勿转载,感谢您对作者版权的尊重。


防呆的概念最初起源于丰田汽车的工业管理,随后被推广到世界,惠及不同的行业。我专门研究了一下互联网产品中的防呆,并根据这十个原则作了归类。

① 隔离:通过区域分隔保护某些区域。如果某些功能普通用户不需要用到,那么把它们藏得深一些可以避免普通用户无意中误操作。Chrome 的高级设置,以及 Android 系统的开发者选项,都是典型的例子。

4ozm2Y4h3g0I39ZC__thumbnail.jpg

Chrome 的高级设置默认折叠

② 标示:运用不同的视觉样式以方便识别。最常见的是使用红色来表示警示。

Ka7q9WYaYxs4Pclh__thumbnail.jpg

微信基础组件的警告类按钮使用红色

③ 断根:将可能发生错误的因素排除。这种方式是最为保险的,基本能断绝犯错的可能性。在界面设计中,当我们不希望用户点击某个按钮时,通常会将它置灰,或者直接隐藏。当我们把手机放到耳边听电话的时候,屏幕会自动熄灭,避免屏幕被误触。

ksITPXSEvhAr6cs2__thumbnail.jpg

要的系统应用不允许卸载,卸载按钮被置灰

④ 保险:共同或依序执行两个以上的动作完成工作。机床需要双手同时摁键才可以启动,就是这个思路。新版的 iOS 版微信中当你要删除某个聊天时,需要 右滑 > “删除” > “确认删除”。

fFB0c4JLBUc0GkIP__thumbnail.jpg

点击左侧删除图标后点击右侧“移除”按钮

⑤ 顺序:将复杂的操作分为有顺序的若干步,并引导用户依序执行。

lagjTWDOsIIi6tJj__thumbnail.jpg

设置 Grammarly 键盘时的步骤引导

⑥ 相符:通过格式、身份、数据库进行匹配校验。提交表单时,程序通常会帮你检查手机号格式是否正确。“聪明”的智能语音助理会辨别你的声音,以避免被其他人下达指令。

N91EjEpEVTo6EkC9__thumbnail.jpg

Google Assistant 能识别 6 位用户的声纹

⑦ 自动:智能地预估、兼容或阻止错误。这种方式往往能给用户惊喜,让人觉得这是一个“智能”的产品。例如 Dropbox 在手机电量低的时候会“识趣”地暂停上传照片,在凌晨叫 Siri 设置明天的闹钟时她会确认一下具体是哪一天。

1.jpg

即使你不小心输入中文句号,Chrome 也能正确理解这个网址

⑧ 复制:利用复制来方便核对。注册账号时,我们往往需要输入两次密码。当你要删除 GitHub 仓库时,你需要手动输入一次仓库的名称。

2.jpg

删除 GitHub 仓库时,需要手动输入仓库名进行核对

⑨ 警告:将异常情形通过颜色、文案、声音来警告。这也许是最常见的防呆方式了——每次你删除一样东西的时候就会看到二次确认的弹窗。

lsNwSezfBMM4RgSg__thumbnail.jpg

弹窗警告:将会清空聊天记录

⑩ 缓和:如果错误已经发生,则利用各种方法减免因错误产生的伤害。如果你不小心发错了消息,微信允许你在 2 分钟内撤回。如果你忘记了密码,网站会给你重置的机会。

6acIlgZWrnYSNHyo__thumbnail.jpg

发错的微信消息可在 2 分钟内撤回

以上就是防呆设计的十个思路。防呆设计在互联网产品设计中同样非常有意义,作为设计师,我们不仅要考虑“如何让用户知道怎么正确使用产品”,还需要考虑“如何避免用户错误地使用产品”——这两个问题看似一样,但是有可能会得到不同的答案。

希望对你有帮助。


更多文章,欢迎访问 uicircle.club

微信公众号:uicircle

成为会员

UIcircle Member

Local Groups

UIcircle 会员

目前仅需 59 元即可加入我们

成为会员后,您可以

  • 加入所在城市的微信群
  • 免费参与各种线上活动、线下聚会
  • 其他会员福利,如周边礼物、软件折扣等

如有疑问,可以先 了解我们

加入我们