移动设计中不可或缺的交互.pdf

移动设计中不可或缺的交互
小编推荐：在这篇文章中，来自UXPin（一款在线界面设计应用）的克里斯·班克（Chris
Bank）介绍了移动应用交互的重要性，以及它在设计模式上的影响力。更多的细节可以阅
读UXPin的免费电子书《Mobile UI Design Patterns 2014》，书中有超过50个热门移动应用
的案例。
手势
还记得浏览网页时，只能通过点击、滑动、滚动和键盘快捷键来交互的日子吗？虽然如今它们不再
是唯一的交互方式，但它们的确主宰了浏览网页时的用户体验。
从另一方面来看，移动领域已经随着新设计模式的实现迅速扩大。也因为硬件和软件的持续发展，
移动应用设计也随着史无前例的人机交互模式逐步发展成为现实。新的手势为解决方案提供了可
能性，也因为响应式设计的进步，网页和移动端设计同步化加剧，使得应用程序能够适用于各种形
状和尺寸的设备。同时，这也对网页体验的设计产生了重大的影响。
我们来看看安卓现有的手势，你的直觉认为像日历，信息或者相册这样的模型会有多少种交互方式
？
网址点此

再来看一看苹果珍藏的多点触控专利手势，相信你的脑袋里一定会充斥着各种能够设计的解决方法
。下面给出的示例来自2010年的专利备案，已经有很多都被实现了，苹果公司的专利手势文档中一
定远超这些示例。你可以把它当作是“少数派报告”未来的一种预见吧。
网址点此

安卓系统，苹果系统和其他移动平台还会继续增加各种各样的手势，自然地实现应用中特殊的行为
和导航。这不仅仅是去除屏幕上的按钮来保持屏幕的真实形态，更重要的是让体验变得直观有趣。
再将这些手势和多样的动画结合起来，总有一天你就能够把用户界面设计模式应用到你的移动应
用中。

动画
在移动终端使用手势让用户觉得使用很自然，响应也很真实。而动画扮演很重要的角色，放飞用户
的幻想却又把他们限制在用户界面内。
除了有形的动画，他们还经常使用自然的法则和规律。定时，速率，弹力，图像和颜色过渡，滚动
，以及各种设定。这些法则让用户觉得设计师的手段无穷无尽，充满了惊喜。
多种动画和手势的结合不仅增加了体验的乐趣性，也为用户提供了宝贵的视觉反馈。这里只做简要
说明，之后我们会在博客和设计库上做深入探讨。
Captivate上可以看到有名的移动应用动画。

如果你想看许多没有装饰的过渡，Dan Silver或许能给你灵感。

交互基础示例
Pinterest，当今时代最具有成效的拟真交互电子商务公司之一，其移动应用中的“可被发现的控制”
模式令其大放异彩。下面，我要详细地说明这种模式要解决的问题，以及如何完美地运用动画和
手势。

用户的问题
用户想要在不中断体验的前提下和内容交互。

Pinterest的解决方案
Pinterest通过移除主要显示区域中几乎所有多余的信息和操作按钮来避免典型的电子商务或者信息
网站的那种复杂体验。这种接近极简的主义让用户通过观察，拖动，滑动，触摸等方式去做最紧要
的事，没有干扰，也不会分散注意力。
如期望的一样，当用户点击图片时，可以详细了解吸