Apple 的设计哲学·交互篇
在现实世界中,音效、触感和视觉能很自然的保持协调,因为三者之间有着很自然的关系。至此,音效、触感、视觉三者浑然一体,达到了精准的协同表现。模态弹窗的动画曲线设计非常严谨。ID,确立了新的人机交互解锁方式。这并不符合苹果公司追求简洁和一体化的设计理念。在使用设备中,用户的操作是一直在改变的,所以交互的中间过程,同样需要重新定向。为用户创造一系列的愉悦体验,这也许就是苹果的设计哲学。
在现实世界中,音效、触感和听觉能很自然的维持协调,因为两者之间有着很自然的关系。苹果在数字世界也强烈保持着这些感受。
TapticEngine线性震动马达
得益于TapticEngine线性振动电机,让iPhone有了触觉上的反馈。
–闪光灯
iPhoneX锁屏上的闪光灯是一个特别高级别的视觉感受例子。手电筒按钮会按照右手触碰的压力而差异,让你了解系统正在响应操作,同时也告诉你必须再用力些。
当力度即使超过,系统会有个短震动,告诉你可以松手了,松手后也有一个成功的震动反馈。这像不像现实世界的老式拉线灯动作?
iPhoneX锁屏状态闪光灯
–闹钟
此外,在闹钟应用中,当你调节轮盘时,会有大幅的机械震动反馈,且音效是自行车链条转动的轮轴声。快速拨动轮盘时,视觉上都会有一个物理的惯性力,直到力竭停止。
闹钟应用
至此,音效、触感、视觉三者浑然一体,达到了准确的协同表现。
03.终点与手势意图
在FaceTime视频通话中,屏幕角落有一个小的播放窗口代表着自己。这个浮动的小窗口,它就可以被移到屏幕任意的4个角落,这些角落叫做手势的终点。
滑动与拖动
你可以拖动浮窗到角落,但这种应该跨过半个屏幕,非常麻烦。
此外,苹果基于分析动量这一概念,捕获滑动的动量和速率。用户只需轻量级的滑动投掷,即可将浮窗到达预测位置。苹果把这个叫做,终点和手势意图一致。
04.利用行为线索
苹果是即使教你使用手势交互的?
在Safari浏览器中,每个标签页的左上角都有个X界面,当你点击按钮时,标签页会向左滑出,表示它被关闭了。这就暗示,除了点击按钮,还可以运用左滑操作来关闭标签页。
Safari浏览器
这就是借助行为动画线索,用其中一个方法去教另一个操作模式。
向上滑动解锁
05.物理曲线动画
为什么苹果平台的过渡动画看上去很舒服?
由于苹果长期采取了现实世界的生物特征:惯性、弹性、重力、阻力。和触控一样,苹果把交互动画放在了极高的位置。
AppleMusic
AppleMusic模态弹窗的动画曲线设计十分细致。在屏幕底栏有个微型播放器,点击它,可以查看播放详情。由于点击这一操作没有任何动量,所以苹果用了100%阻尼来保证它不会过冲。
但你既然下拉关闭模态弹窗时,向下的方向就有了动量,因此苹果用了80%阻尼来获得一些弹性和挤压。可以看见里面这个动画,最后底栏会有微弹效果。
06.如无必要,勿增实体
2017年,苹果公布了iPhoneX,由FaceID取代了TouchID,确立了新的人机交互解锁模式。
但刘海的工业设计,被用户疯狂吐槽。有没有别的方法呢?前苹果首席设计官乔纳森·艾维曾评价oppo的升降式摄像头设计:“这是一个好的idea,但我们依然不会如此做”。确实,如无必要,勿增实体。这并不符合苹果公司追求简单和一体化的设计模式。
FaceID解锁
然而丑,但FaceID还是有黑科技的。在刘海中有一颗红外摄像头,业界通常用850nm波长的,但这个波段很容易受阳光影响。那苹果是如何解决的呢?
它收购了一家手机传感器公司InVisage,这家公司的量子薄膜科技,可以让动态范围缩减3倍,一举将红外摄像头的波长提升到了940nm,这才让iPhone在极力的太阳光下才能正常面容识别。
07.重新定向
在使用设施中,用户的操作是经常在改变的,所以交互的后面过程,同样必须再次定向。
上滑与多任务后台
例如,在点开App的过程中,突然意识到我实际上想要打开多任务后台,这时交互手势是可以并行的,不必等到App完全开启,就可以向下滑动,这个过程就是再次定向。
虽然早已进行了操作,也可改变意图,轻松取消操作,始终让界面掌控在用户的控制之下。
总结
当你必须的之后,它依然能迅速响应。当你滑动操作之后,它依然能理解你的动机,并且给你最自然的视觉反馈。为客户创造一系列的愉快体验,这可能就是苹果的设计哲学。
原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1014