查看原文
其他

案例锦囊|“防呆设计”在交互中的巧妙应用(二)!

元尧 长弓小子 2023-03-17
     关注「长弓小子」看更多设计干货!


Hi,我是元尧。记得将我设为星标 ⭐️ ,不错过日后每一条来自大厂的经验分享。

欢迎长按下图二维码加我微信,带你进设计师交流群,与上万小伙伴一起交流成长!

「👇 添加好友请备注:设计交流」


   全文共 2252 字,阅读需要 7 分钟




「防呆设计」作为一种预防、矫正错误行为的手法,常被用于交互设计中,让用户不需要花费注意力就可以正确无误地完成操作。本文分享五种常见的「防呆设计」手法和案例:


- 自动

- 保险

- 标示

- 隔离

- 警告


希望会为你带来更多的设计灵感💡。



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     吉饮咖啡包装底部的垫空是为了给产品做缓冲,不应该被打开。但如果用户一不小心开错了方向,就会发现文字说明,温馨提示用户开错了方向



还没看够?你还可以阅读这些内容:

📒 案例丨交互设计中的「防呆」案例(一)
⏳ 案例|如何让用户同时做两件事情?‍‍‍‍

😊 公众号后台回复「好设计」看更多设计案例!



如果你还有其他设计、工作、作品集、面试相关的问题,欢迎向我提问。如果你想加入设计师交流群,也可以识别二维码👇👇👇添加我的微信。添加好友请备注:设计交流。



另外,为了方便大家了解个人设计能力水平,我将高级别体验设计师应该具备的“核心能力”整理成一张自测表单,你可以根据表单内容评估自己的能力,并进行专项能力的练习与提升。公众号后台回复“核心能力”,可以看到表单:


以及,我在知识星球每日输出的知识内容中,选择了一部分梳理成从【接到设计需求到产出设计沉淀】的完整流程,可以在公众号后台留言 “设计思维”  👇👇👇 带你升级思维认知!



学海无涯,盼你同舟👇👇👇



 

📒 经验丨设计师的工作目标/ OKR 该怎么写?
🤖️ 经验|体验设计师与 ChatGPT 如何共处?‍‍‍‍
🎁 总结|2022,我的设计经验文章合集



- END -

欢迎长按图片👇👇👇加我微信
带你加入设计师社群

了解更多设计理念和设计方法

期待与你的交集!
「添加好友请备注:设计交流」

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

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