[B·G – 15] iOS 设置界面重构浅思

iOS 其实接触的比较少,使用 iOS 4 系列时我还没感觉到想在设置找到什么会非常费力。之后从 iOS 8 开始到现在的 iOS 12 对于想找到一些偏冷的设置项目让我感到越来越吃力。相反 Android 从 2.2 开始到现在的 9.0 我几乎没什么阻碍就能找到自己想要设置的选项。

……原因说起来还比较复杂,你看我都不敢称 redesign 了。

有一点必须要承认的是,自己对 Android 的熟悉程度是绝对大于 iOS 的,而且 iOS 的设置项也比 Android 要复杂。之前我一直抱有这一点疑问所以我一直把找不到设置项的原因归于自己的蠢。去年开始把 iOS 作为日常设备使用后已经过了有半年,发现自己在提到某些设置项时依然无法一下子就找到其位置。不看自身的话大概有这么几个原因:

  • 设置项目杂而多,所在层级容易混淆
  • 搜索关键词要求完全匹配,没有纠错提示
  • 尾部所有 App 都挤在了一起,没有任何筛选器,第一天见到就非常诧异

所以这次重构以 iOS 12 为体验基础,进一步向上梳理设置项目的层级——

这里保留了许多现有的菜单结构,向上一级精简了分类,减少第一次进入设置界面的选择思考精力。尾部则是按照屏幕使用时间里的异样集中归类了App。但说实话像是「通用」里的结构我依然很不爽,像是语言/输入法、存储空间等等都扔在了里面,通用本身也就够复杂了。

但这次一是只针对 Table view cell 做出一些改变,二是考虑到常年来用户习惯,三是自己懒,所以尽量保留 iOS 的风格味道而并没有对这个做出太大的改变。这种改变都是牵一发而动全身的,自认为还没那个能力。

点此查看原图

头部不变,Apple ID 部分依然置于顶部。

然后是网络与连接、通知与声音。这里针对 Table view cell 改进的思路是压缩的同时显示一些常用的概览信息。比如网络与连接的图标是当前所优先连接的图标样式,也就是说还可能有下列状态:

undefined

查看原图

又例如wifi和流量同时开启,那么手机会优先选择使用wifi连接网络,显示的也是wifi图标。剩下场景比如热点等被覆盖的部分在状态栏和内部也有查看地方。但其实感觉不如现在的信息传达效率高。

屏幕使用时间是一个独立的查看项,现有的设计却把它与通知、声音和勿扰模式分在了一组。就像前面所说的,如果这个列表视图有更大的改变想法的话,我也会把「iPhone存储空间」这一项提出来(向 Android 看齐…咦?)

「本机设置」这个文案真的很难想,算算下下签。顺便说一句,这里图标用的珊瑚色,算是XR的一点私心吧。下方取色均来自官网。

undefined

查看原图

安全与隐私这里是个新图标。按照现在的图标设计趋势——简洁、可识别度高以及奇奇怪怪。所以就算画个盾牌出来也不会多诡异吧……store和钱包这里基本没变,这两项不能轻易整合在下方App设置里,要整合的话也是Apple ID里。

Apple另一个奇怪的地方在于其自带App的设置大都也在设置里。虽然这次都归类到一起,但是 在 child view 里肯定会把这些自带App前置。并且原本的自带App位置都被标签打散了。我对这里的看法是不如保持原本的自带App顺序只需在child view中加上搜索或者首字母index即可。

其实上图只是第二个方案,最开始是没有右边图标的,看着很别扭才加上去试试——

由于不打算深入child view页面,所以有一些想法还没表现出来。比如也有在思考是否应该把收起的二级设置项以树形直接展示出来(像Finder列表视图一样),或者在child view页面进行更多的结构改进(毕竟现在多一层级就要多一步操作),以及类似现代搜索引擎里的「显示的是以下查询字词的结果:XXXXX」等。但这里始终有一个基本原则便是如何依据Apple的设计迭代理念去模拟这个过程。显然比起Google和Microsoft,Apple这里还是有些保守。

Leave a Reply

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

WordPress.com Logo

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

Google photo

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

Twitter picture

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

Facebook photo

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

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this:
search previous next tag category expand menu location phone mail time cart zoom edit close