快捷搜索:  汽车  科技

智能产品交互案例分析:智能产品深度解析 交互动效篇

智能产品交互案例分析:智能产品深度解析 交互动效篇实际上在这个等待的过程中,品牌方还可以利用这个宝贵的时机与用户建立情感连接,向用户透传其品牌调性,达到加深品牌记忆的目的。详见下一段“07 品牌调性透传”。用户在移动端与设备连接时,会有一个连接等待过程。此时移动端与设备界面中同时出现几何元素在绘有Wi-Fi的灰色图层中运动的动效,形象地传达了正在运行的具体事项。我们在做加载动画时,不光要让加载动起来,还要贴合当前的内容,做到生动有趣。在可用性良好的前提下,通过一致性、趣味性的动效设计和创新的交互方式为产品增加亮点,带来更惊喜的体验,传达产品的气质与态度。请看以下案例。

智能产品交互案例分析:智能产品深度解析 交互动效篇(1)

当用户通过列表进入操控界面以及切换功能页时使用淡入淡出的效果,弱化它们之间的跳出感,来强调它们是一个层级的内容,从细微处可见Google的设计师在动效的使用、选择上非常克制,值得我们学习。

3. Google Nest Hub 日程提醒界面

智能产品交互案例分析:智能产品深度解析 交互动效篇(2)

用户发出查看日程安排的命令时,日历界面从左到右进入,告诉用户这是一个新的页面。

接着日期数字21进行大小位移变化,月份不做变化,为了强调这是21号的日程,2条日程信息按照时间先后从下向上运动,交代了日程处理的优先级。Google设计师将信息展现的每一步都让用户看得清楚明白。

六、减少用户焦虑

用户在操控设备执行一项指令时,会需要一段时间的加载或传输过程,期间使用动效来引起用户的注意,从而减少用户在等待过程中的焦虑感。

实际上在这个等待的过程中,品牌方还可以利用这个宝贵的时机与用户建立情感连接,向用户透传其品牌调性,达到加深品牌记忆的目的。详见下一段“07 品牌调性透传”。

Lenovo Smart Clock Wi-Fi连接操作

智能产品交互案例分析:智能产品深度解析 交互动效篇(3)

用户在移动端与设备连接时,会有一个连接等待过程。此时移动端与设备界面中同时出现几何元素在绘有Wi-Fi的灰色图层中运动的动效,形象地传达了正在运行的具体事项。我们在做加载动画时,不光要让加载动起来,还要贴合当前的内容,做到生动有趣。

七、品牌调性透传

在可用性良好的前提下,通过一致性、趣味性的动效设计和创新的交互方式为产品增加亮点,带来更惊喜的体验,传达产品的气质与态度。请看以下案例。

1. Google多端运行动效

智能产品交互案例分析:智能产品深度解析 交互动效篇(4)

智能产品交互案例分析:智能产品深度解析 交互动效篇(5)

猜您喜欢: