快捷搜索:  汽车  科技

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

智能产品交互案例分析:智能产品深度解析 交互动效篇双击音乐标题,进度条从左向右生长出现、操控点放大出现,既强调了进度条这个隐藏功能,还暗示用户可以拖动操控点从左向右拖动操作。

顶部弧形的上下变化,告知用户下拉可以控制什么功能。通过简单的元素既能起到提升用户的作用,还不打扰用户。

三、强调内容

通过动效给用户展示用户需要的内容及产品侧想让用户了解的内容,让用户更乐意更易于理解,强化功能感知。请看以下案例。

1. Nest温控器

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

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

用户App第一次链接好温控器后,为了告诉用户温控器的主打功能有日程安排节能、根据时间自动设置温度,用几何元素围绕日程icon放大缩小运动、太阳月亮旋转切换直观的强调这些功能,让用户加深对产品核心功能的认识。

2. Lenovo Smart Clock 移动端音乐服务设置

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

音乐服务类型列表选中状态使用翻转选中效果,列表这里为什么需要动效?原因有可能是:

  1. 列表中的内容为了很好地作出区分,以彩色的形式展现,层级较高,选中状态如果不加入动效,用户就不容易快速感知自己选择了哪一个;
  2. 其次列表中加入动效,在枯燥的操作中增添了趣味性,增强操作愉悦感。

3. B&O触控音箱

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

双击音乐标题,进度条从左向右生长出现、操控点放大出现,既强调了进度条这个隐藏功能,还暗示用户可以拖动操控点从左向右拖动操作。

4. Google Nest Hub 调光灯界面

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

猜您喜欢: