查看原文
其他

案例锦囊|有哪些小交互让你瞬间觉得产品很「智能」?

元尧 长弓小子 2022-10-01
     关注「长弓小子」看更多设计干货!


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

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


   全文共 1827 字,阅读需要 6 分钟




产品的「智能化」是我们一直在探索和思考的方向。你在使用产品时,会不会因为某个小功能 / 小体验而瞬间感觉产品很「智能」?本文将分享给你几种让产品显得更「智能」的设计手法以及所对应的优秀案例:


- 猜到了你想要的
- 知道你不知道的
- 替你做完该做的
- 把复杂变得简单

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



PART 1

猜到了你想要的


  案例 1    使用“多多买菜”加购一款蔬菜,平台会自动为你提供更多规格做选择。比如你将 500 克的西红柿加入购物车,平台会告诉你可以买“两盒装“,价格更优惠:



  案例 2     脉脉上,如果对于自己所在的公司的内容进行评价,系统会直接采用随机命名的方式,给你起一个有趣的新名字,起到了保护你隐私的作用,让你放心大胆地讲实话:




  案例 3     bilibili 上的很多主播会给观众做与内容相关联的进度条,你可以很清楚的看到视频每一段的具体内容和播放进度,跳播更方便:



  案例 4     用搜狗输入法输入“今天天气”的这几个字时,会自动推荐当天的天气情况。你可以提醒你在乎的人注意天气变化:



  案例 5     产品也可以阻止你做坏事。Adobe Photoshop 软件中内置了一个钞票防伪系统,用来防止你利用其制图功能非法制作假钞:





PART 2

知道你不知道的


  案例 1     高德地图会给用户很多条可选路线,对于每条路线都会给出详细建议,比如:拥堵少、红绿灯少,还会给出明显提示:“窄路多,需要小心驾驶” 或者 “路上有一个新增电子眼” —— 它知道很多你不知道或记不住的内容:



  案例 2     在百度浏览器上查找不同单位之间的换算时,百度会呈现出与你搜索的内容相关的所有单位名称,便于你进一步做查找和换算:



  案例 3     夸克 App 上搜索热点话题,会出现与事件相关"大事项",以时间倒序的方式还原事件始末,为群众们吃瓜提供了便利。下图是我在 2021 年 12 月 20 日那天搜索王力宏事件时看到的信息内容



  案例 4     在微信中搜索文章时,如果有虚假谣言类的文章,微信不会让文章不可见,而是会郑重其事地做官方辟谣,帮助你矫正观念,粉碎谣言:





PART 3

替你做完该做的


  案例 1     在新的网络环境中使用苹果设备连接 Wi-Fi,具备同样 Apple ID 的设备可以进行 Wi-Fi 的密码共享,不需要你再重新输入密码:




  案例 2     钉钉和阿里的出差系统打通,当你提交了出差申请,到了出差的那一天,钉钉上状态会自动切换成 「✈️出差中」,方便其他同事了解你的工作状态:



  案例 3     如果你晚上临睡前将苹果手机连上充电器充电,iOS 手机系统的「计划充电」功能会根据你的使用习惯,在电量达到 80% 时就会停止充电。然后在你第二天早上使用前再继续充电直到充满,以此延长电池的使用寿命。这意味着 iOS 系统要准确判断出你每天开始使用手机的时间。你也不用因为担心整夜充电对电池有损害而选择不在晚上充电或是半夜爬起拔掉电源:



  案例 4     在屏幕很暗的情况下,打开微信或支付宝的支付二维码,屏幕会瞬间亮起,便于商家扫码付款,不需要你手动调亮屏幕,扫码后又会回到之前的屏幕亮度:





PART 4

把复杂的事情变简单

  案例 1     用飞猪 App 查找酒店时,可以在地图上用手指画圈,不需要输入街道名称就可以满足你自定义范围来找酒店的需求:



  案例 2     微信的图片搜索的功能,可以通过图片里的文字和内容来检索图片,比如你只需要输入“食物” 二字,就可以看到与食物相关的所有图片。你再也不需要在一堆图片中找到眼花了



  案例 3     NN/g 网站移动端的支付流程中,“银行卡可用时间”的输入框使用了特定的格式输入效果,你不需要纠结输入内容的格式问题,可以很轻松地完成填写:



  案例 4     苹果的 Airdrop 箭头是一种方向性的指示,将你的 iPhone 对准对方的 iPhone,就能很快速地在周边一群设备中找到对方。同时 Airdrop 自己也有记忆,你经常发送的用户和绑有你自己 ID 的设备,都会靠前显示:



还没看够?😊 你还可以看看我们往期与交互设计案例相关的内容:

🛡️ 案例锦囊丨交互设计中的「防呆」设计手法

🧧 案例锦囊|设计如何引导用户下单/购买

🧩 案例锦囊|交互设计中 icon 的巧思和妙用


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




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



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


想看与“工作经验”相关的精华内容,可以在公众号后台留言 “工作经验”  👇👇👇



学海无涯,盼你同舟!😊



 


📈 经验丨产品的体验度量模型该怎么用?
📒 经验|如何让组件规范更好用和好记?
⏸️ 详解|响应式栅格系统的断点该怎么用?



- END -

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

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

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

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

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