那些买过 iPod 的少年最终都买了 iPhone。

如今 Apple 官网的导航栏上,已经将 iPod 换为了 Apple Music,那么这句话以后会不会变成——「那些听过 Apple Music 的少年最终都买了 iPhone」?

伴随着 iOS 9 而来的最大更新,莫过于 Apple Music——虽然它发布于 iOS 8.4,但其设计语言显然来自于更先进的 iOS 9。上一次,我介绍了一些个人很喜欢的 iOS 9 交互细节,这一次,我将从多个 Apple Music 中的设计细节入手,与大家一起看 iOS 9 的交互变化。

1. 更舒适的手势操作:下拉返回

在 Apple Music 的「正在播放」页,我们只需在专辑封面任意位置下滑,便能返回并将「正在播放」页最小化为一个底栏;与之相对应地,向上滑动「正在播放」底栏,又可将其恢复为最大化的「正在播放」页。

这样的交互方式在如 格志VVebo 以及 虾米 等不少 app 中均有体现。具体来看,它在格志中用于切换页面,在 VVebo 中用于关闭图片,在虾米里用于最小化「正在播放」页。

比起之前版本 iOS 中的「右滑返回」,「下拉返回」更加贴近于「正在播放」页可以最小化为底栏的逻辑,使用户对「正在播放」两种模式之间的切换有了更为清晰的认知。同时,为了提高易学性,Apple Music 还用专辑封面左上角的箭头以及伴随着手势的动画让用户对该手势的理解和记忆更为轻松。

另外,在 Apple Music 中,「正在播放」是一个常态模块,它需要用户在浏览应用内的各个部分的同时均可方便地进行调用,因此,最小化的「正在播放」底栏是一个不错的选择。与其相似的,还有「淘宝」的聊天气泡,它们均能在不打断当前工作流的前提下快速进行切换。这些都是对移动终端上非模态操作的探索成果。

2. 大屏优化是头等大事:横向滑动切换

在 Apple Music 的搜索页中,我们可以通过左右滑动来切换搜索范围;在表演者页中,我们也可以通过左右滑动在「全部」和「我的音乐」间来回切换。  

相信 Android 和 WP 用户对这个交互方式都不陌生,它与 Android 中切换顶部 Tab 栏和 WP 中 Pivot 导航样式下的切换类似。它使得面对日趋变大的手机屏幕的用户不再需要将手指费力伸展到屏幕顶端,便能通过左右滑动进行来回切换。

但伴随着这个交互方式而来的,便是不得不放弃 iOS 中表格视图原有的「向左轻扫调出选项」的交互方式,取而代之的是每一项的右侧的三个小圆点。不得不说,虽然这让调出选项这个隐性操作显得更加直观,但在项目较多的情况下,满屏幕的小点点显得并不是那么简洁。

3. 承载更多内容的操作菜单:控件展示形式的进化

在 Apple Music 中点击任意上述的「小圆点」,我们就能调用出全新的操作菜单(action sheet)。我们能够发现,Apple Music 中操作菜单的元素比以往的原生程序中的更加丰富。 

在如「我的音乐」中点击列表排列依据,调用出来的操作菜单就包含了带有图标的项目及带有开关的选项。点击任意曲目的「小圆点」,调用出来的操作菜单的顶端更是以全新的方式展现了操作菜单的标题,点击它,可以快速跳转到相应的专辑页。在最新的 iOS 9 Beta 4 中,菜单标题的样式还得到了进一步优化。而之前的 iOS 系统里,操作菜单的标题也仅仅只是灰色的不可交互的文本而已。 

iOS 9 Beta 4 的 Apple Music 操作菜单

4. 更富功能性的动画反馈:功能化、情感化

自 iOS 7 问世以来,强调引导用户、传递纵深、清晰美观的动画便在 iOS 中起到了画龙点睛的作用。在 Apple Music 中,Apple 对动画的探索并未终止。

如在「正在播放」页,点击「播放列表」,缩小的专辑封面、下滑隐藏的控制面板、左上角箭头的渐隐,完美地将用户的的视觉进行了良好的引导,也使得页面切换显得不是那么突兀。

当将一首歌添加到「我的音乐」中时,一个从左至右填充描边的动画也会跳出,不仅向用户传达了系统状态,更是在不影响用户操作流的前提下增添了情趣。我想,之前版本 iOS 「最生动」也使最具影响力的动画莫过于「菊花转」了吧!

5. 直接操纵的可点击标题

在「为您甄选」、「新内容」和「广播」中,我们能够看到变小了的、全大写的标题。同时,得益于 iOS 9 中 San Fransico 字体在小字号下的高辨识度,这里的标题也比之前系统版本中的其他原生软件(如 App Store)中的要小,正因如此,主题内容够得到了更高程度的凸显。

当然,真正关键的地方在于,以 App Store 为例,其中的标题仅仅只是个不可交互的文本,当我们想要查看该类目下的更多内容时,需要在标题水平位置的最右侧(阿拉伯语、希伯来语等语言环境下相反)点击「查看更多」。而在 Apple Music 中,我们只需点击标题即可。 

这就是直接操纵。直接操纵来源于我们的真实生活,也非常适用于任何触屏设备,更是 iOS 与生具来的设计原则与精髓。当配备有全新 Force Touch 的新款 iPhone 问世以后,是不是又有新的机会去创造更加直接且符合直觉的操纵方式呢?

6. 承载更多的缩略图:快速识别、功能可见及状态展示

在 Apple Music 中,几乎每一个专辑封面的缩略图上都增加了一个播放按钮。点击这个按钮,便可以直接播放该项目,同时,按钮也会变为正在播放的样式,并用红色描边来展示播放进度;当我们点击缩略图的其他地方,我们便能够进入到相应的页面;在缩略图很小的情况下是没有按钮的,这时候,点击缩略图的任意位置均能实现上述点击按钮的功能。  

小小的缩略图,达到了让用户快速找到项目(快速识别)、了解通过它可以直接播放(功能可见)及查看这个项目点播放进度(状态展示)的三大目标,为在紧张的屏幕中承载更多的功能提供了机会,更是大大减轻了用户在各个项目的详情页间跳转的负担。

同在 iOS 9 中的 News 也采用了这样的设计模式:我们可以直接在缩略图上订阅 Feed。

                             

7. 不直接显示搜索历史:保护用户隐私的权衡

在 Apple Music 的搜索中,用户搜索历史是不直接展示的,搜索推荐内容中也只有 Trending Searches。 

这是对用户隐私的进一步保护,但也增加了查看搜索历史的操作负荷。这与在登陆页设计中是否明文显示用户密码的权衡类似(有人认为手机属于私密物品,明文显示密码从而降低用户输入难度是理所当然的)。安全与便捷往往不能兼得,通过 Touch ID 同时提升安全性与效率的方案更是难能可贵。

8. 不断接受流行设计的 iOS:幽灵按钮、渐变遮罩

在 Apple Music 中,我们能看到很多在网页设计及其他移动产品设计中已经颇为流行的元素。如「广播」中的幽灵按钮和整个软件中均随处可见的渐变遮罩(从 Medium 中流行开来的增强文本可读性的设计手法)。 

                             

交互复杂、留白缺失、没有节奏感的信息流界面……全新的 Apple Music 尽管在很多方面令人不适,亦有人呼出「这是烂瓶子里面装好酒」的吐槽,但我们还是能在其中感悟到 Apple 在探索未来 iOS 交互发展方向上所作出的努力。

的确,Apple Music 可能是 Apple 有史以来交互最复杂的消费级产品,但它是一个失败的产品吗?至少从交互设计的角度来看,我并不这样认为。