移动端产品设计完全指南5:导航中的动效使用

动画是描述状态转换的最佳工具。动画能帮助用户理解页面之间的状态变化、触发了什么、以及如何恢复。

功能动画可以有效地引导用户注意力，使复杂的转化更好理解（图片来源：Jae-seong, Jeong）

5.1. 谨慎使用手势交互

在交互设计中加入手势确实很诱人，但在大多数场景下，还是避免这种诱惑为好。当手势作为一级导航时，大多会造成用户体验的混乱。为什么呢？因为手势不可见、使用方式不显著、大多需要额外的使用指引。

Thomas Joos在他的文章中指出：跳出按钮——开启手势驱动的产品设计。在产品设计中使用手势的最大障碍是用户的学习成本较高。每次用手势替换可见的控件时，App的学习成本就会上升一个数量级。这是因为用户较难发现隐藏的手势交互，建议产品设计中只使用已经习以为常的手势动作。

当产品设计中使用手势交互时，建议遵循以下几点：

• 使用标准手势

所谓“标准”，是指用户使用App时自然的、习惯的手势，正因为用户已经习惯了，可以避免额外的学习成本和记忆负载。

• 手势是可视化导航的补充品，而不是替代品

手势能提供导航的快捷方式，但不能完全替代导航栏。因此，即使可视化的导航栏会占用界面空间，也不可或缺。