【每周一品】iTunes 11:新体验,新理念,新方向

【每周一品】iTunes 11:新体验,新理念,新方向

什么?你的 iTunes 启动一次只需要半分钟?我的要两分钟!!!不死没天理。

今年十月底,我在一期“极客早知道”中报道了 iTunes 11 延期一个月发布的消息。然后,我看到了上面这条评论。

iTunes 发布于 2001 年 1 月,经过十多年的持续修补和扩充,它的功能越来越强大。然而比起博大精深的功能,不少人对 iTunes 更深刻的印象恐怕和上面这条评论一样,是界面复杂和运行缓慢。

在 2012 年 9 月的发布会上,苹果宣布将对 iTunes 进行简化和重新设计。改动程度之大,甚至导致了 iTunes 历史上的第一次长时间推迟发布。十一月的最后一天,苹果终于拿出了 iTunes 11,不同于 Siri 和苹果地图,这一次,苹果基本没有让人们失望。

一次新设计

iTunes 11 做的依然是 iTunes 10 做的那些事情。但是苹果在 iTunes 11 中着手修正 iTunes 10 的最大问题——它的界面和功能呈现太混乱了。

——John Gruber,著名苹果主题博客作者

苹果本来完全可以给 iTunes 10 添加 iCloud 支持和几个小特性然后升一位版本号早早发布了事,然而除了 iCloud 整合、自定义正在播放列表、集成新版 App Store 这样常规的更新之外,iTunes 11 相对于之前的版本还带来了更多显著的新设计:

界面布局

“全幅界面”

打开 iTunes 11,首先看到的会是新的全幅界面设计,它让你专注于音乐享受。

——Jeff Robbin,苹果公司副总裁,iTunes 创始开发者

老 Mac 用户们可能还记得 Mac OS 9 时代的 iTunes 1.0,和那段可以用 iTunes 同步各种品牌 MP3 播放器的好时光。第一个正式版 iTunes 的界面是下面这样的:

你可以看到,侧栏导航加右侧主窗口的布局持续了十多年。这些年里 iTunes 功能越来越多,大量的新导航项目被加入进来,然而这样的界面布局从未改变过。

在 iTunes 11 中,苹果改变了这样的设计。默认状态下,沿用十多年的侧栏已经消失了。启动 iTunes 之后整个界面完全用于呈现音乐专辑封面,并且封面被固定在一个不小的尺寸上。对于大部分规规矩矩,根据苹果指定的方式使用 iTunes 的用户来说,这个界面赏心悦目,甚至颇具震撼力。

原先全部罗列在侧栏中的各种入口,按照不同的类别进行了合适的重新分布。音乐、视频、电影、图书和应用这些内容库用弹出菜单进行切换。

而商店则获得了单独的按钮,列在另外一边。再连接 iOS 设备时,设备管理按钮会出现在商店按钮的左边。

苹果自己将这样的界面设计形式称为“全幅界面”(Edge-to-Edge Design),这样的设计最大限度地移除非主体部分和各种视觉干扰,强调界面的一体性。反映在 iTunes 上,整个界面都用来展示精美的内容。

顺便说一句,如果暂时不习惯这样的新设计,那么这个侧栏还是可以找回来的,在“显示”菜单中选择“显示边栏”即可。

左右递进

iTunes 11 之前的版本,内容切换和控制上的交互操作过多是一个用户经常抱怨的问题。在播客、应用、电视节目等后期加入的新功能上,这个问题尤其明显。

以播客为例,在 iTunes 11 之前的版本中,用户要在多个界面之间进行切换,才能完成播放和筛选这些常用功能。而如果要查看完整的播客内容简介,则必须使用右键菜单,遇到弹出窗口。

在多个界面切换中,如果需要前进后退,则只能去按尺寸很小,功能隐晦的小三角形标志。事实上,iTunes 这个界面上的前进后退标志是我见过的最小、最不易发现的前进后退按钮。

在 iTunes 11 中,苹果用左右递进式的界面解决了这个问题。用户在一个界面里可以完成不同 Podcast 之间的跳转、筛选、播放和查看内容简介。这样的左右递进布局与 iPad 上各种应用中常见的布局如出一辙,在内容展示上高效而简洁,用户对新界面则几乎没有学习成本。

左右递进式的界面在 iTunes 11 的各个部分广泛采用,大量繁琐的切换操作被精简下来。

扩展视图

扩展视图的出现,让真实世界中打开碟片盒子浏览曲目的操作有了合适的数字化表达。

——John Gruber

“扩展视图”是 iTunes 11 中另一个明显的新特性。它广泛地出现在音乐、影片、电视节目等一切呈现专辑封面的地方。点击专辑封面之后,下拉菜单之后,专辑向下展开,展示专辑内曲目或视频段落,并提供对应的操作选项。

这样向下展开的新视图自然而流畅,提供了良好的视觉效果,同时又一次避免了界面切换和前进后退,简化了操作流程。

此外,扩展视图的一大特色和亮点在于,扩展部分的背景色和文字色,是根据专辑封面的颜色自动进行调节的。封面色调不同的专辑各自有不同的背景色,封面色调大致相同的专辑也在文字颜色上有着细节的区分。例如本段上下两张配图同样是黑色为主的两张封面,在扩展视图中,iTunes 也会根据专辑封面的其它色调区别给出不同的文字颜色:

迷你播放器

我们深知很多用户希望能在完成其它操作时方便地在后台播放音乐,因此我们着力改善了 iTunes 的迷你播放器。

——Jeff Robin

同样获得新设计的还有迷你播放器。iTunes 过去一直有迷你播放器功能,然而就像一些国外媒体所说的,这一次重新设计之后,这个迷你播放器才真的可以用了。

除了上下一首这样常规的功能以外,苹果还给 iTunes 11 的迷你播放器界面添加了可以自定义顺序的播放列表和一个搜索按钮,以便用户通过搜索快速定位歌曲,进行播放或加入当前播放列表。

新的迷你播放器在外观上依然简洁清晰,功能也并没有增加太多。然而现在用户获得了直接在迷你播放器上切换和排序任意歌曲的能力。这样的功能取舍恰到好处,既保持了迷你播放器的轻量特性,又满足了用户进行其它操作时快速筛选和播放音乐这样的需求。

顺便说一句,对于 Mac 用户来说,这一版 iTunes 添加了单独的迷你播放器按钮,不再需要按左上角绿色按键呼出迷你播放器了。在被吐槽了七八年之后,iTunes 中绿色按键的这个“与众不同”的怪异行为终于得到了修正。

更理性的 iOS 特性移植

将 iOS 中验证成功的特性反向移植到 Mac 电脑上,这个被称作“Back to the Mac”的过程已经进行了两三年。然而,这些被反向移植过来的新特性对于很多 Mac 用户来说几乎没有作用:至今仍然很少有人会通过 Launchpad 界面启动应用程序,很多用户装完系统第一件事就是把鼠标的滚动方向改回正常状态,而直接复刻 iOS 应用拟物化界面风格的 Notes 和 Reminder 程序,则与其它 Mac 程序的界面和行为格格不入。

而在 iTunes 11 中,我看到了更加理性,更加实用的 iOS 特性反向移植:不盲目移植界面(Notes/Reminder)和交互行为(鼠标滚动方向),只移植确实有助于改善旧问题的 iOS 特性,并针 OS X 和 Windows 桌面软件的特点进行归化。

在 iTunes 11 中,iPad 在界面呈现和交互上的很多成功经验被移植过来。例如最明显的“全幅界面”展示专辑封面,与 iPad 上的音乐应用如出一辙:

而左右递进式的浏览界面,则已经在 iPad 上使用多年,被官方和第三方应用广泛采用,已经被证明是成功的呈现和交互方式:

甚至,让本地内容和商店作为独立的部分,并进行全屏切换的布局和交互方式,也在 iPad 采用多时,比如 iBooks 和下面这个只装着 The Magazine 的 Newsstand

在 iTunes 11 中,这样的“iOS 影子”还有很多,然而与之前的移植不同的是——这些特性并没有整体照搬 iOS 里的界面和行为,而是基本遵循了下面两个标准:

  • 移植过来的特性,确实有助于改善 iTunes 之前的种种弊端。例如“左右递进”式的界面,取代了之前多界面反复切换和前进后退的繁琐操作,使 iTunes 变得更加易用。
  • 移植过来的特性,根据桌面软件的特点进行归化。上面所有这些特性在移植之后,都没有如同 Notes 和 Reminder 一样照搬 iOS 上的界面和其它交互手法,iTunes 11 看上去完全是一个典型的 Mac 应用和 Windows 应用。

新方向:“去拟物化”第一步?

同样是在今年十月底,苹果公司发生了一次高层人事地震,拟物化界面设计的推动者 Scott Forstall 离职,工业设计大师 Jony Ive 统一管理软件和硬件设计。在 Scott Forstall 离开之前,苹果在与 iTunes 相关的软件界面上的拟物化已经达到了“像素级复刻”的程度,音乐播放时音量旋钮上随着机身晃动而变幻的光泽为人津津乐道,最新的 iOS 版 Podcast 应用甚至要在播放界面上复刻卷动老式磁带的效果:

新主管 Jony Ive 对拟物风格的厌恶非常出名,外界纷纷认为,这意味着苹果长期以来坚持的拟物化设计风格走向终结。从 iTunes 11 的表现来看,这样的说法并非没有道理。如果真的有这么一个“去拟物化”过程的话,那么 iTunes 11 毫无疑问是其中的第一步。

在之前的文章《苹果的拟物化之过》中,我曾经提到:

很显然,采用拟物化设计的程序界面,与当前苹果公司的硬件产品外观是极为不协调的。

作为一种新趋势的开端,iTunes 11 很好地修正了这个问题,达成了软件界面和硬件外观之间的风格统一。iTunes 11 的各个界面都保持了与 MacBook Pro/Air 产品线一致的平滑质感外观,色泽处理上也与 MacBook 笔记本产品线的金属机身如出一辙。经过改进之后的顶部界面尤其如此。

还记得在本文开头提到苹果的“全幅设计”(Edge-to-Edge Design)新设计风格么?事实上如果你在苹果官网进行一下搜索的话,可以看到这个设计风格不仅仅被用来描述 iTunes 11 这个软件,也被广泛用来描述苹果最新生产的一系列硬件,在苹果三星专利战文档中,这个词也曾经反复出现。在硬件上,这个风格同样要求剔除不必要的边框和装饰,而将最大的空间留给内容的显示。这样的理念和设计方法,在软件和硬件上也得到了统一。

同样的,iTunes 11 中,很多长期延袭的拟物化习惯遭到驱除,代之以原生的数字化表达方式。其中最明显的,就是模仿实体专辑架展示方式的 Coverflow 特性在沿用了五年多之后被移除,代之以上文提到的“扩展视图”特性,“扩展视图”向下展开的详情界面虽不拟物,但是显然更加易用,更加高效,更加符合这个新时代里用户的直觉。

另外,不再在细节上深度模仿实体物品,并不意味着注重界面细节这种苹果传统的丢失。iTunes 11 在很多细节上同样做得竭尽全力。例如,在普通屏幕的 Mac 机器上,界面顶端的播放列表按钮是一个圆点列表。

而在配备了视网膜屏幕的新 Mac 机器上,由于高分辨率能够显示更多细节,这个同样的按钮,前面的圆点变成了阿拉伯数字。

随着接下来新软件产品的陆续发布,我们有望继续看到更少拟物,更加数字化,更多易用性的各种苹果软件。

结语

多等一个月基本上是值得的。iTunes 11 带来了更易用的新设计,体现了更理性的移植理念,并预示着苹果软件“去拟物化”的未来。

 
 
 
 
iTunes每周一品拟物化
关注极客公园公众号
反馈