文章插图
在邮箱类产品的收件箱列表中,将邮件从左往右滑的过程中会弹出收藏图标,继续向右滑动,邮件就会被收藏起来,同理从右往左滑弹出删除图标,继续滑动邮件就会被删除。
6. 系统加载
文章插图
当用户在谷歌助手中说“嘿谷歌”时,屏幕底部首先会出现四个上下波动的小点,作为接收反馈。当用户开始说话时,四个小点会变成竖条的声波效果,表明助手正在倾听。
这样的微交互设计既可以向用户确认产品正在接收语音,又能将Google独特的品牌融入其中。苹果的Siri也有类似的功能,但声波的设计样式更具未来感和科技感。
7. 错误反馈在登录/注册、填写表单中会常用到错误反馈的设计,如何以一种微妙且不生硬的方式提醒用户输入的信息有问题,是件不容易的事。
因为当用户信息满满地输入信息后,却被告知错误会特别沮丧,特别影响用户心情。
文章插图
结合微动效,通过抬起输入框的一角来显示错误信息,是很温和的反馈方式,让用户以一种有趣的方式清晰地知道某些信息是错的。
8. 鼠标悬停效果
文章插图
当用户将鼠标悬停在按钮上时,左侧的图标会从文件夹图标变为表单图标。这样的设计不仅表明按钮是可点击的,还将无聊的按钮转化成一种小趣味带给用户。简单的动态图标就能将按钮的设计提升到一个新的水平,开拓自己的想象力,你也能做出这样的设计。
最后微交互,细节设计成就卓越产品。看了这么多的产品案例,对于微交互的认识是不是有了更多的想法和思考,欢迎一起交流。
#专栏作家#作者:Clippp,微信公众号:Clip设计夹。每周精选设计文章,专注分享关于产品、交互、UI视觉上的设计思考。
本文原创发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自Unsplash,基于CC0协议。
- 小米科技|小米MIX5一马当前,微挖孔回归,200W快充是重点
- 红包|微信提高个人红包限额 并增加三个情人节限定状态
- 中国联通|微信“一哥”坐不住了?阿里社交黑马崛起,坐拥4亿用户,厉害了
- 机械键盘|一键静音!微星GK71Sonic游戏机械键盘评测
- 云闪付|都走了支付宝和微信,还有人用云闪付,意义是什么?
- 微信|微信“支付”取消,变成服务对我们有什么影响?
- iPad Pro|2022年最佳Win笔记本电脑有哪些?微软占首榜,华为、小米未上榜
- 微商|国内最大微商集团“覆灭”了?曾冠名春晚,受骗者达几十万人
- 微头条|微头条副业衍生出来的两个思路有哪些值得借鉴的地方?
- 微信支付|老了才发现,用现金比微信支付更方便