随着Apple元老级设计师一位接一位离职,iOS、macOS的设计不再有乔布斯时代那般锱铢必较的倔强精神——比如乔帮主下令砍掉粗糙移植到iPad上的计算器,使得用户到手新iPad之后无法立即计算花呗分期还要还多少钱——开始变得像MIUI的以用户反馈为基准来打磨系统(?),具体见Craig答Youtube博主问。

在刚出炉的iOS 14.2系统中,我们可以看到一些来源于设计师“放飞自我”,拍脑袋做出的决定。

比如控制中心专辑封面修改为大图。

固然专辑封面回归大图、强调专辑封面作为艺术品的形式出现在iOS14的控制中心中,而不是以符号、标识的形式出现于前几代iOS中,算是对乔老爷子的致敬。但点开播放设备选择之后,就变成了一场彻头彻尾的灾难。

在之前的版本里:

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_iOS

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_ios_02

可以看到,点击设备选择按钮之后,整体布局未发生改变,仅仅是播放控制区域替换成了设备选择区域。

而在新版当中:

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_ui设计_03

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_ios_04

可以看到,点击设备选择按钮之后,整个布局好像乾坤大挪移一般,大图缩小收到左上角,标题右移,按钮诡异地上移至右上角,整体界面还扩大了。

随便感受一下新版移位动效造成的视觉负担:

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_ios_05


而且还将无线设备选择的凸显按钮属性的半透明衬底移除了,变得不像一个按钮。

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_交互设计_06


不得不说这是一个糟糕的设计。

假如目前是大图状态,我要从扬声器切换到AirPods播放,在老版本中,只需点击右上角打开,再切换,在点击右上角关闭即可。手都不用换位置。

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_Apple_07

而在新版本中,我需要先找到大约靠中间位置的按钮,由于可控区域缩小,还不一定能点上,打开之后需要关注整个打开的动画,看各个功能都跑到了哪里去,再切换设备,再去找右上角的关闭。

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_Apple_08

这样令使用者过分依赖动画,使元素位置在切换模式前后变化极大的设计,增加了使用者的心理负担,会丧失用户对系统易用性的认知。

还让我想到了刚学会PowerPoint平滑骚操作的同学做的眼花缭乱辣眼睛的PPT…

我的修改意见是:

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_iOS_09

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_iOS_10

不过,经过再三考虑之后,我认为苹果还是有意为之。
随着无线设备增多,可能一屏幕装不下所要罗列的的设备数量,苹果可能会考虑把它放在下部,做一个溢出屏幕的效果,暗示用户下拉。

从这个观点出发,我又有如下的思考:

如图,假如我们将功能按操作对象归类,我们可以发现,一部分是内容展示,另一部分是设备控制。

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_ui设计_11


于是有了下面的想法:

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_ios_12

直接将设备选择安插在冗余的音量标志上即可。

这样打开设备控制之后,不会使按钮关闭的操作太过靠上而变得难以操控。

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_交互设计_13

展开之后,按钮位置不会发生跳变。

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_交互设计_14

向上滑动之后再收起专辑图即可。

在经历了Big Sur辣眼睛的电池之后,不得不说我对Apple设计部门的好感降了几个台阶。

ios 开发 MPMusicPlayerController 控制音量 apple music 控制中心_ios_15

希望Apple迷途知返。