快捷搜索:  汽车  科技

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

智能产品交互案例分析:智能产品深度解析 交互动效篇当用户调节行程时,中间的控制点跟随手指实时运动,而进度条会有延时拖拽效果。为什么会是这样呢?原因是:用户在控制面板上的操作是需要由面板向窗帘设备发送指令的,也就是说面板上控制窗帘到窗帘设备运行中间会有一小段时间间隔,用户会有延迟感。所以Gira在控制窗帘行程的过程中,进度条为了与窗帘设备运行同步,加入延时效果,让用户感觉操控响应快的错觉。用户在滑动切换功能时,功能icon会按照先后顺序由大到小变化。由于连续性运动,每个元素运动都有衔接,会有流畅操控感受。

编辑导语:交互动效设计是产品设计中的重要环节,合理有效的动效设计有助于提升用户体验,甚至可以让用户在使用产品时对品牌印象加深,进一步推动用户与品牌的情感建立。本篇文章里,作者便对智能产品的交互动效进行了详细解析。

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

智能产品的设计过程中,常常用到动效设计,那么动效设计用在哪些地方及对提升智能设备体验带来什么帮助,是这篇文章要讲的。

一、流畅的操控感

通过大小、位置和透明度的变化,使得界面与界面之间、界面上元素的出现和消失都有关联,让用户和产品的交互过程更流畅,给用户更好的体验。请看以下案例。

1. Nest温控器控制界面

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

Nest温控器从时钟转变到温控调节界面的过程中,时钟的指针向圆心收缩,周围的时间刻度生长并一起向中心收缩,指针收缩动效对应温控调节界面温度值的显现,时间刻度的生长收缩动效对应温度刻度的显现。由于元素之间进行有关联的变化,操控过程中会有丝滑流畅感。

2. Gira窗帘设备

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

当用户调节行程时,中间的控制点跟随手指实时运动,而进度条会有延时拖拽效果。为什么会是这样呢?

原因是:用户在控制面板上的操作是需要由面板向窗帘设备发送指令的,也就是说面板上控制窗帘到窗帘设备运行中间会有一小段时间间隔,用户会有延迟感。所以Gira在控制窗帘行程的过程中,进度条为了与窗帘设备运行同步,加入延时效果,让用户感觉操控响应快的错觉。

3. Nest新款温控器

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

用户在滑动切换功能时,功能icon会按照先后顺序由大到小变化。由于连续性运动,每个元素运动都有衔接,会有流畅操控感受。

4. Nest智能锁

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

猜您喜欢: