设计放大镜 | 最近体验的有趣的交互动效(二)

用户头像
苏州/UX设计师/4年前/243浏览
设计放大镜 | 最近体验的有趣的交互动效(二)

Hello,大家好,Sakula又来分享了。会继续分享一些自己关注到的设计小细节,感兴趣的话可以关注一下,持更~

叮:

本期主题想跟大家探讨一下【提示信息的交互动效会有哪些作用?】


动效设计对于一款产品设计的作用包括:

  • 传达层级信息

  • 传达状态信息

  • 提示隐藏信息功能

  • 传达情感化信息


我们从用户体验的角度来围观一下,交互微动效设计在一些大厂的UI设计中发挥的作用。


支付宝 隐藏功能【继续上滑心情随手记 

每天可选择一个心情,为用户提供了一个私密的空间来记录心情的变化,既安全又非常人性化。

既增强了信任感又增强了用户粘性,用户一旦习惯于在这里快速记录心情,随时查看心情的变化,可能会长期坚持。

而另一个相关功能FM电台可以在睡前提供音乐助眠,也是一个人性化的设计。



京东APP 评价滑动展示

主图下有视频、评价和服务三个可滑动小标签,

从商品轮播图也可以翻到后一张是商品的评价截图,

展示商品的细节与多维度图很重要,

真实的评价同样也能帮助用户更全面的了解商品,提高转化率。



CCtalk 用户登录协议提醒

各类App的使用场景中,经常出现必须同意用户相关隐私协议后才能允许登录。

可这个功能很容易被忽视,所以常常会出现下列操作:点击「登录」——提示「请先勾选同意隐私协议」——勾选同意协议——再点击「登录」。

CCtalk在用户未勾选隐私协议而直接点击登录时,会针对性的强引导。高亮色块突出+闪烁动效,给用户醒目且强烈的点击紧迫感,促成点击。



招商银行理财收益率特效

招商银行朝朝宝,展示投资收益数据可视化活用插画动效,清晰直观地让用户感知到,收益随着周、月、季、200天,根据时间的推移,收益相应的增涨。右上角的收益率上升的插画动效也非常有趣。


百度:笔画顺序动效 

在百度搜索文字时,在田字格内以动效展示的笔画顺序,这个功能非常人性化,对于学生党也很实用。



好啦,本期的分享就到这里。

上一篇 设计放大镜 | 最近体验的有趣的交互动效(一)请戳:https://www.zcool.com.cn/article/ZMTM3MzAzMg==.html


会继续分享一些自己关注到的设计小细节,交互小动效,

感兴趣的话可以关注并推荐一下,持更~ ღ( ´・ᴗ・` )比心~

6
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
高级表盘系列UI源文件
【新年UI图标】银行卡icon
高级感金属拟物 UI设计组件库
【新年UI图标】汽车icon
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
拟物风质感写实UI卡片合集源文件
新拟态风格 UI设计组件库
【新年UI图标】钱包icon
盲盒APP UI设计
Security Camera UI kit
新能源APP应用UIKit
UI应用平面图标
3D渐变流体抽象矢量UI背景图
我的钱包-UI界面设计-app
【新年UI图标】影音icon
UI通用设计素材1
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】珠宝icon
【新年UI图标】30个图标
钱包ui模板
科技医疗透明柜UI界面设计
抽象液态渐变UI背景模版
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册