智能产品交互案例分析:智能产品深度解析 交互动效篇
智能产品交互案例分析:智能产品深度解析 交互动效篇当用户调节行程时,中间的控制点跟随手指实时运动,而进度条会有延时拖拽效果。为什么会是这样呢?原因是:用户在控制面板上的操作是需要由面板向窗帘设备发送指令的,也就是说面板上控制窗帘到窗帘设备运行中间会有一小段时间间隔,用户会有延迟感。所以Gira在控制窗帘行程的过程中,进度条为了与窗帘设备运行同步,加入延时效果,让用户感觉操控响应快的错觉。用户在滑动切换功能时,功能icon会按照先后顺序由大到小变化。由于连续性运动,每个元素运动都有衔接,会有流畅操控感受。
编辑导语:交互动效设计是产品设计中的重要环节,合理有效的动效设计有助于提升用户体验,甚至可以让用户在使用产品时对品牌印象加深,进一步推动用户与品牌的情感建立。本篇文章里,作者便对智能产品的交互动效进行了详细解析。
智能产品的设计过程中,常常用到动效设计,那么动效设计用在哪些地方及对提升智能设备体验带来什么帮助,是这篇文章要讲的。
一、流畅的操控感通过大小、位置和透明度的变化,使得界面与界面之间、界面上元素的出现和消失都有关联,让用户和产品的交互过程更流畅,给用户更好的体验。请看以下案例。
1. Nest温控器控制界面
Nest温控器从时钟转变到温控调节界面的过程中,时钟的指针向圆心收缩,周围的时间刻度生长并一起向中心收缩,指针收缩动效对应温控调节界面温度值的显现,时间刻度的生长收缩动效对应温度刻度的显现。由于元素之间进行有关联的变化,操控过程中会有丝滑流畅感。
2. Gira窗帘设备
当用户调节行程时,中间的控制点跟随手指实时运动,而进度条会有延时拖拽效果。为什么会是这样呢?
原因是:用户在控制面板上的操作是需要由面板向窗帘设备发送指令的,也就是说面板上控制窗帘到窗帘设备运行中间会有一小段时间间隔,用户会有延迟感。所以Gira在控制窗帘行程的过程中,进度条为了与窗帘设备运行同步,加入延时效果,让用户感觉操控响应快的错觉。
3. Nest新款温控器
用户在滑动切换功能时,功能icon会按照先后顺序由大到小变化。由于连续性运动,每个元素运动都有衔接,会有流畅操控感受。
4. Nest智能锁