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

智能产品交互案例分析：智能产品深度解析 交互动效篇用户从顶部导航中进入设备列表过程中，设备列表页面从右向左进入，暗示用户“当你想返回上一级，可以左滑离开哦”，用户上下滑动设备列表时，屏幕左边滑动条出现，更加明确了“左滑返回上一页”的功能。面对一款新的智能产品时，用户可能不知道怎么操作它。通过动效向用户交待页面内容之间的关系，让用户清楚的知道从哪里来、到哪里去，更易于理解从而可以快速上手使用。请看以下案例。温控器的设置模块通过左右滚动以便在有限的屏幕中展现，那么模块的下一级页面跳转做成像App那样左滑切入是无法明确层级内容的。此时需要一个与左右滑动不一样的动效来区分模块的切换。Nest运用翻转效果，强化了层级感，清楚交待了页面翻转后面的内容与页面前的关系。

用户接通猫眼后，通话icon进行电播扩散动效，模拟声波扩散效果，准确地向用户告知当前通话中的状态。

5. Google Nest Hub 语音唤起

当用户说话唤起语音控制时，原先的全屏画面收缩，响应用户的指令，四周留白，为通话内容提供展示空间，然后彩色点元素起伏变化，通话内容出现，告知用户已接收到指令；随后彩色点元素旋转加载，体现正在执行中。

在语音控制的每一个环节都加入动效反馈，会让用户觉得他不是在和一个冰冷的机器讲话，富有人情味。

6. Orvibo 窗帘控制界面

运用轻拟物效果和与实物一致的运动方式，用户可以直观地看到窗帘的行程位置与开合状况，大大提升了产品易用性。

五、明确层级关系，提升用户理解效率

面对一款新的智能产品时，用户可能不知道怎么操作它。通过动效向用户交待页面内容之间的关系，让用户清楚的知道从哪里来、到哪里去，更易于理解从而可以快速上手使用。请看以下案例。

1. Nest温控器设置界面

温控器的设置模块通过左右滚动以便在有限的屏幕中展现，那么模块的下一级页面跳转做成像App那样左滑切入是无法明确层级内容的。

此时需要一个与左右滑动不一样的动效来区分模块的切换。Nest运用翻转效果，强化了层级感，清楚交待了页面翻转后面的内容与页面前的关系。

2. Google Nest Hub 设备控制界面

用户从顶部导航中进入设备列表过程中，设备列表页面从右向左进入，暗示用户“当你想返回上一级，可以左滑离开哦”，用户上下滑动设备列表时，屏幕左边滑动条出现，更加明确了“左滑返回上一页”的功能。