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

2018-03-1017:10:52网页设计Comments2,316 views字数 489阅读模式

动画是描述状态转换的最佳工具。动画能帮助用户理解页面之间的状态变化、触发了什么、以及如何恢复。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1500.html

移动端产品设计完全指南5:导航中的动效使用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1500.html

功能动画可以有效地引导用户注意力,使复杂的转化更好理解(图片来源:Jae-seong, Jeong)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1500.html

5.1. 谨慎使用手势交互文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1500.html

在交互设计中加入手势确实很诱人,但在大多数场景下,还是避免这种诱惑为好。当手势作为一级导航时,大多会造成用户体验的混乱。为什么呢?因为手势不可见、使用方式不显著、大多需要额外的使用指引。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1500.html

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

当产品设计中使用手势交互时,建议遵循以下几点:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1500.html

  • 使用标准手势

所谓“标准”,是指用户使用App时自然的、习惯的手势,正因为用户已经习惯了,可以避免额外的学习成本和记忆负载。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1500.html

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

手势能提供导航的快捷方式,但不能完全替代导航栏。因此,即使可视化的导航栏会占用界面空间,也不可或缺。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1500.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/sheji/1500.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定