Hi,我是元尧。记得将我设为星标 ⭐️ ,不错过日后每一条来自大厂的经验分享。
欢迎长按下图二维码加我微信,带你进设计师交流群,与上万小伙伴一起交流成长!
「👇 添加好友请备注:设计交流」
「防呆设计」作为一种预防、矫正错误行为的手法,常被用于交互设计中,让用户不需要花费注意力就可以正确无误地完成操作。本文分享五种常见的「防呆设计」手法和案例:
- 自动
- 保险
- 标示
- 隔离
- 警告
RULE 1
自动
「自动」是指运用设备的结构和原理,使功能自动开始或停止,减少用户因遗忘造成的风险。 案例 1 钉钉新增了消息“定时发送”功能。晚上编辑好内容可以选择明早定时发送,在不打扰同事的同时保证消息完成传送;还可定时给同事、朋友发送生日、节日祝福等,避免你因为忙而疏忽,错过朋友的重要时刻:
案例 2 Cash App 会自动识别银行卡号、有效期、CVV 和邮编的位数。在用户填写信息达到标准位数时,就会自动跳入下一个输入框,以减少用户的点击步骤。当输入完成 5 位的邮编时,键盘会自动退出,给用户一种“完成感”:
案例 3 浏览器会保留用户的浏览记录,当用户再次填写首字母时,系统就会自动填充浏览过的网站地址,减少用户输入错误的可能性: 案例 4 钉钉的红包功能,在领取红包后,系统会自动生成一些感谢话术,让用户选择以表达感谢,既避免了不会说漂亮话的尴尬,又可以活跃群里的气氛:
RULE 2
保险
「保险」是指按照顺序运行两个以上的动作才能完成操作。多加一步操作,给用户更多的思考机会和时间。典型用法是增加弹窗、链接等形式提供更多信息,让用户进一步确认。
案例 1 饿了么的全能超市送货时间为“半日达”(半天后送到),系统会在用户下单时再次给出提示,告知用户思考后下单: 案例 2 使用招商银行 App 连续两次给同一个账号转账相同数量的金额时,会给出“避免重复打款”的提示,让用户进一步确认:
案例 3 加微信群时,如果群内人员有多次被举报或违规的情况,会提示用户保护个人隐私和财产安全,核实确认后再加群:
案例 4 用百度搜索,检索图片不太令人舒适时,浏览器会帮助用户先屏蔽图片,提示用户再次确认是否要继续查看:
RULE 3
标示
「标示」是指运用形状、颜色、加粗线条等区别以方便识别,提醒用户注意。交互设计中多以颜色鲜亮的小色块、圆点等样式进行示意。
案例 1 饿了么 App 会帮助身体机能有缺陷的骑手做标注,比如“我是沟通障碍骑士,请多多包涵”,让用户心里有预期,对骑手有关怀: 案例 2 当 iOS 系统中的 App 需要升级才能使用时,系统会在 App 名字前加一个小云朵的下载 icon, 提示用户在闲暇时间点击 App 更新,避免在紧急使用时因为更新而耽误时间:
案例 3 Figma 会检测出英文的拼写错误并进行标示,同时提供可能的正确拼写方式:
案例 4 在疫情期间,使用高德地图打车到机场,会提示该城市机场最新的防疫政策,避免用户因为核酸信息而耽误行程:
案例 5 美团打车会用明显的标示提醒用户上车地点有“限停时间”,通知用户快速就位:
案例 6 微信群聊天设置“消息免打扰”,很可能会错过重要信息。微信可以在群聊设置中选择“关注的群成员”,被你添加关注的群成员在群里发消息时,你就可以接到通知提醒:
RULE 4
隔离
「隔离」是指通过区域分隔或分离来保护某些区域,避免危险或错误。
案例 1 买单吧 App 的用户信息页面,在录屏的情况下会自动做模糊处理,保护用户隐私:
案例 2 微信添加新朋友时,可以选择标签给新朋友分组、设置权限。在朋友圈发了分组可见的内容后,也提供修改分组的功能,有效保护用户隐私:
RULE 5
警告
「警告」是指将不正常或即将出问题的情况,通过颜色、灯光、声音、动效等明显、特殊的方式进行警告,提醒用户及时修正错误。交互设计可借鉴工业设计中的报警器功能,用弹窗、灯光和声音对用户进行提示。
案例 1 钉钉会在你长时间未读某人的单聊消息时,再次发出通知提示,避免你错过重要消息: 案例 2 在淘票票购买的电影票,如果距放映时间不到半小时,进入淘票票就会有弹窗通知电影信息,还可通过弹窗直接取票,避免用户错过观影时间:
案例 3 吉饮咖啡包装底部的垫空是为了给产品做缓冲,不应该被打开。但如果用户一不小心开错了方向,就会发现文字说明,温馨提示用户开错了方向:
如果你还有其他设计、工作、作品集、面试相关的问题,欢迎向我提问。如果你想加入设计师交流群,也可以识别二维码👇👇👇添加我的微信。添加好友请备注:设计交流。
另外,为了方便大家了解个人设计能力水平,我将高级别体验设计师应该具备的“核心能力”整理成一张自测表单,你可以根据表单内容评估自己的能力,并进行专项能力的练习与提升。公众号后台回复“核心能力”,可以看到表单:
以及,我在知识星球每日输出的知识内容中,选择了一部分梳理成从【接到设计需求到产出设计沉淀】的完整流程,可以在公众号后台留言 “设计思维” 👇👇👇 带你升级思维认知!
了解更多设计理念和设计方法