[B·G – 22] iOS Control Center Enhanced Concept

iOS 的控制中心从 7 到现在的 13,位置和交互有比较大的调整,但里面内容基本没怎么变化。这次的 Enhanced 讨论在于 iOS 目前的系统当前状态显示信息太少了。比如目前的三种暗色代表的三种后台任务类型:

不过这三种颜色指示的倾向更偏于权限相关(比如绿色的麦克风权限使用、蓝色的位置权限使用),并且在变为这种时间+背景色的形式前会有一个过渡动画。动画并不算显眼,但左上角的时间那里发生了变化肯定会引起注意的,估计这也是设计的初衷。

自移动端异形屏兴起以来,操作系统的 UI 从没有像现在一样与实体边界相结合如此紧密。所以本文也建立在 iPhone 的顶部楔形区域不变的情况下讨论顶部状态栏的增强。当前的 iOS(13)的主要系统操作都集中在控制中心里,从右上角下滑即可浮现,非常方便。但除了功能开关的堆砌外,似乎还缺点什么(媒体控制区域一直以来就有的)。所以针对几个特殊场景我对控制中心增加了几种:

分别为 Chrome 下载中、剪贴板(接力用)、Twitter 发推中和秒表计时中四种场景。

除了保持那奇怪的间距外,整体布局也借鉴了现有的消息通知样式,搭配可见的进度条(百分比感觉没必要就去掉了),目的是脱离 App 显示出当前行为状态。那么为什么要放在最上方呢?在这之前我测试过把所有控制中心的开关加进去,超过了一屏幕高度,(信号和电量下方的)整体便可以下滑。这样也只能放在上方了,但不排除以后会某种形式把开关固定中部:

但这么做和现在的布局相比属于明显的负优化,毫无意义。竖向展示的信息效率永远比横向要快。那么放在上部的这个状态区域主要需要考量以下几种状态:

  • 兼容性覆盖度
  • 同一时间多种后台状态的叠加以及叠加数量
  • 点击行为以及操作去向

为了保持兼容性覆盖度,去掉了控制中心的网格排版高度规则,根据内容自适应高度。除了系统应用的固定位置,这里应该提供第三方应用一些预设以及自定义权限。当前这个位置和单纯的文字消息通知还不同,需要做类型的上严格判断防止被滥用

关于多种后台状态的情况,可以采取现有的推送通知折叠样式,点击展开:

这种解决方法的弊端是,当同时存在的状态超过三个如何显示,或者更极限的说,同时有十几、二十几个浏览器在下载怎么办?🤔这也是 UI 设计常常要面对的即便几乎不可能也要考虑进去的情况。而当我们站在 iOS 系统的立场来考虑时,就更不应该忽视。简单的想法是展开后给予状态区域一定的高度限制,如下图中间:

效果并不理想。如上图右侧,回到折叠挤压展示的思路后,在上方新增一行显示各个程序状态的一栏,数量多的时候可以左右滑动。这可以兼容巨量的当前状态显示,但同时我也在考虑是否针对图标底部的微状态进行简化展示而不是像图中一样有各种各样的控件,毕竟现在的看起来过于复杂,不符合一个 OS 中的常用行为所表现的。

那么这样看起来,又要不可避免地「学习 Android 优秀文化」了。我试着把上文提到的「某种形式把开关固定中部」的方案优化一下,折叠一些不常用的图标:

这次加回了老 iOS 箭头式指示标识。说实话现在很多滑动指示器在单向活动的时候依然是一条横杠(比如 Twitter),有时容易令人误解。左边的「浴霸式」布局从 Apple 支持的微博里可以看出,对于长按展开更多功能开关这一点,依然很多用户并不了解。而目前 iOS 的设计体系里也尚未出现明显表示可以长按的视觉标识。

我在尝试了几次后便放弃了,不想在这种「不给机会」的布局里挣扎。

至于点击行为以及操作去向,基本是要跳到相应 App 的对应模块。在某些模板里如果有加入可以快捷操作的控件,便可以直接控制。当进程的状态完成时,该区域便会立即消失,不会像推送一样常驻在锁屏通知区域。至于消失后续系列行为这里不在深入讨论。


收起控制中心,看向正面屏幕的顶部状态栏,中间部分被物理设备占据了大部分空间。那么如何在这个高度仅 44px 的区域里配合上方新增改动去展示状态,则是又一个衍生的命题。

当前的空间确实仅够在右侧的区域去拓展发挥,如上图。不过我一直对这 14px 高度很抱有消极态度,我觉得这是一个更偏临时的区域,就像左侧错乱的「< App Store 」一样临时。而且这个区域实在是太小了,14*14 的 App 图标已经很难分辨了,最后的话我会选择以简单的颜色表示,当前控制中心有任务正在执行。我尝试过几种发现效果都不太好(比如上方的图)。只能期待未来的 iOS 设备外观上的变化了。


一些关于控制中心的的题外话,wiki 告诉我在控制中心出现之前,其样式和功能与越狱应用 SBSettings tweak 很类似。很遗憾我从 iOS4 开始就一直没用过越过狱,这点真不太了解。Google 一下:

当前这种思路的来源可以肯定的是来自 Android ,因为当年都在对比两者的状态栏。然而 2019 年,在 Google Play 却有大量用户在下载类 iOS Launcher,比如这个山寨主题的 App 光评论就有 90 多万……让人不禁想到,有时你费尽心思为用户思考的功能,对方真的会顺利买账吗?

发表评论

Fill in your details below or click an icon to log in:

WordPress.com 徽标

You are commenting using your WordPress.com account. Log Out /  更改 )

Google photo

You are commenting using your Google account. Log Out /  更改 )

Twitter picture

You are commenting using your Twitter account. Log Out /  更改 )

Facebook photo

You are commenting using your Facebook account. Log Out /  更改 )

Connecting to %s

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理

%d 博主赞过:
search previous next tag category expand menu location phone mail time cart zoom edit close