Apple 的设计哲学·交互篇

苹果是设计一家为数不多以设计驱动的公司。

如今，哲学当我们谈论起产品设计、交互谈论起用户体验，设计总是哲学离不开苹果，它所坚持的交互设计哲学是对细节和质量的极致追求。下面，设计我就带大家看看 Apple 在交互方面做的哲学努力。

01. 动态的交互触控区域

Apple 为了解决在移动设备上输入本文的问题，采用了一种流畅并且对用户友好的设计解决方案：基于预测输入系统，扩大虚拟键盘的哲学有效触控区域。

例如，the 和 this 设计这两个单词。当你按下“th”的哲学时候，系统预测下一个字母可能是交互 e 或 i，从而动态增加这两个字母的点击范围，以此提高输入的命中率。

当然，视觉上你看不到按钮尺寸的变化。指尖之上，一切都在无形之中。

02. 音效触觉反馈

在现实世界中，音效、触感和视觉能很自然的保持协调，因为三者之间有着很自然的关系。苹果在数字世界也极力保持着这种体验。

得益于 Taptic Engine 线性震动马达，让 iPhone 有了触觉上的反馈。

– 闪光灯

iPhone X 锁屏上的闪光灯是一个非常高级别的触觉体验例子。手电筒图标会根据手指触碰的压力而变化，让你知道系统正在响应操作，同时也告诉你需要再用力些。

当力度一旦达到，系统会有个短震动，告诉你可以松手了，松手后还有一个成功的震动反馈。这像不像现实世界的老式拉线灯动作？

– 闹钟

另外，在闹钟应用中，当你调节轮盘时，会有持续的机械震动反馈，且音效是自行车链条转动的齿轮声。快速拨动轮盘时，视觉上还会有一个物理的惯性力，直到力竭停止。

至此，音效、触感、视觉三者浑然一体，达到了精准的协同表现。

03. 终点与手势意图

在 FaceTime 视频通话中，屏幕角落有一个小的播放窗口代表着自己。这个浮动的小窗口，它就可以被移到屏幕任意的4个角落，这些角落叫做手势的终点。

滑动与拖动

你可以拖动浮窗到角落，但这样需要跨过半个屏幕，非常麻烦。

因此，苹果基于预测动量这一概念，捕获滑动的动量和速度。用户只需轻量级的滑动投掷，即可将浮窗到达预测位置。苹果把这个叫做，终点和手势意图一致。

04. 利用行为线索 

苹果是如果教你使用手势交互的？

在 Safari 浏览器中，每个标签页的左上角都有个X图标，当你点击图标时，标签页会向左滑出，表示它被关闭了。这就暗示，除了点击图标，还可以采用左滑操作来关闭标签页。

05. 物理曲线动画

为什么苹果系统的过渡动画看起来很舒服？

因为苹果大量采用了现实世界的物理特性：惯性、弹性、重力、阻力。和触控一样，苹果把交互动画放在了极高的位置。

Apple Music

Apple Music 模态弹窗的动画曲线设计非常严谨。在屏幕底栏有个迷你播放器，点击它，可以查看播放详情。由于点击这一操作没有任何动量，所以苹果用了100%阻尼来确保它不会过冲。

但你如果下拉关闭模态弹窗时，向下的方向就有了动量，因此苹果用了80%阻尼来获得一些弹性和挤压。可以看到上面这个动画，最后底栏会有微弹效果。

06. 如无必要, 勿增实体

2017年，苹果发布了 iPhone X，由 Face ID 取代了 Touch ID，确立了新的人机交互解锁方式。

07. 重新定向

总结

当你需要的时候，它永远能及时响应。当你滑动操作时候，它永远能理解你的意图，并且给你最自然的触觉反馈。为用户创造一系列的愉悦体验，这也许就是苹果的设计哲学。

原文地址：洋爷（公众号）

作者：洋爷