移动端产品设计完全指南5:导航中的动效使用
动画是描述状态转换的最佳工具。动画能帮助用户理解页面之间的状态变化、触发了什么、以及如何恢复。
功能动画可以有效地引导用户注意力,使复杂的转化更好理解(图片来源:Jae-seong, Jeong)
5.1. 谨慎使用手势交互
在交互设计中加入手势确实很诱人,但在大多数场景下,还是避免这种诱惑为好。当手势作为一级导航时,大多会造成用户体验的混乱。为什么呢?因为手势不可见、使用方式不显著、大多需要额外的使用指引。
Thomas Joos在他的文章中指出:跳出按钮——开启手势驱动的产品设计。在产品设计中使用手势的最大障碍是用户的学习成本较高。每次用手势替换可见的控件时,App的学习成本就会上升一个数量级。这是因为用户较难发现隐藏的手势交互,建议产品设计中只使用已经习以为常的手势动作。
当产品设计中使用手势交互时,建议遵循以下几点:
- 使用标准手势
所谓“标准”,是指用户使用App时自然的、习惯的手势,正因为用户已经习惯了,可以避免额外的学习成本和记忆负载。
- 手势是可视化导航的补充品,而不是替代品
手势能提供导航的快捷方式,但不能完全替代导航栏。因此,即使可视化的导航栏会占用界面空间,也不可或缺。
THE END