中国设计网:Apple 的设计哲学·交互篇

设计资讯
发布日期
2020-04-15 15:43
发送

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

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

01. 动态的触控区域

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

红色块为点击区域

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

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

02. 音效触觉反馈  

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

Taptic Engine 线性震动马达

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

– 闪光灯

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

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

iPhone X 锁屏状态闪光灯

  – 闹钟

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

闹钟应用

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

  03. 终点与手势意图  

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

滑动与拖动

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

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

04. 利用行为线索   

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

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

Safari 浏览器

这就是通过行为动画线索,用其中一个方式去教另一个操作方式。  

向上滑动解锁

  05. 物理曲线动画  

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

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


Apple Music

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

责编:春林
THE END

本文标题:中国设计网:Apple 的设计哲学·交互篇
本文链接:https://www.chinadesignw.com/sjzx/1148.html

相关热点

10月22-23日,第28届中国(深圳)国际礼品及家居用品展览会(秋季展)即将在深圳国际会展中心举办,作为最具影响力的礼业顶级盛会,本届展会携手产业上下游4000+展商继续逐浪前行、斩获...
设计资讯/ 2020-09-11
聚焦设计价值 深耕设计师生态圈 躺平设计家平台拥有超1000万全球注册设计师,遍布200多个国家与地区,并与全球5万个商家建立了深度合作。 躺平设计家以免费、简单、高效的3D设计工...
设计资讯/ 2020-09-07
首届福佑文玩乐淘节今日开幕 上海福佑文玩城今天举行首届福佑文玩乐淘节开幕仪式。 本次文玩乐淘节邀请到了全国各地500多位文玩藏家齐聚福佑,并特设六场专业的主题活动:海上...
设计资讯/ 2020-09-03
9月1日是全省中小学开学的日子,江北设计小镇正式启用的金陵中学浦口分校迎来了首个开学日。 据了解,金陵中学浦口分校是江北设计小镇为提高教育水平和办学质量,新引进的公办...
设计资讯/ 2020-09-02
8月28日,同裳@东方 2020大浪杯中国女装设计大赛暨十周年颁奖盛典在深圳大浪时尚小镇盛大举行。星光璀璨,万众期待,最终18号选手杨岳凭借作品《拾荒者的乐趣》突出重围,一举夺...
设计资讯/ 2020-09-01
以升级住房消费健康绿色建筑为主题的第十六届国际绿色建筑与建筑节能大会暨新技术与产品博览会(以下称:绿建大会)2020年8月26至27日在苏州国际博览中心完美收官。2005年至今,绿建...
设计资讯/ 2020-09-01

相关推荐

3