太狼文摘 记录 & 思辨

iOS 8/Android/WP 系统设置的用户体验对比

他山之石 - 2014/11/20

尽管已经不从事 ROM 相关的产品设计了,但看到一篇对比了iOS 8、Android KitKat 和 Windows Phone 8.1 设置界面交互体验的文章,还是忍不住翻译了一下。原文为「The UX of Mobile Settings – A brief analysis of iOS8, Android KitKat & Windows Phone 8.1 settings screens」。

简介

我们酷爱分析、撰写或阅读与优秀的用户体验相关的内容。常见的做法就是,选择一款应用,在不受约束的情况下重新设计几个界面,然后分享到Dribbble上。然而,实际项目的业务需求与多平台的约束等复杂因素让我们不得不绞尽脑汁,找到一个直观平衡的设计方案。

这也许就是为什么没有相关文章讨论例如商业智能、充斥各种按钮选项的系统平台设置等复杂项目的直接原因。今天,我就想抛砖引玉,花点时间对苹果、谷歌以及微软的手机操作系统设置做一下对比分析。

devices-settings

开门见山,有很多问题带讨论。哪一个操作系统的设置界面更加易用?哪一个更能驱动用户使用?如何通过设置项来判断当前用户是发烧友?面对小白用户,如何合理设计应用的架构?毋庸置疑,合理规划这些界面僵尸一项非常巨大而又有趣的挑战。

屏幕空间的使用占比

每个原生系统UI总会存在一些固定的菜单控件,而每种设计语言所提供的自由空间也都不同。这部分将会对遗留的用户可自由操作的设置区域进行对比。

space-iphone

iOS的固定菜单与Home Button的组合是三个OS中最明智的解决方案,近占据了屏幕空间的11%。苹果制定了设计规范,然后大量第三方 iOS 开发者仅需要正确应用控件+Home Button的组合。

space-android

与 iOS 相比,由于没有实体按钮(译者注:中国的手机厂商除外),Android 设备必须依赖底部7%的虚拟按键。总计达到了18%的屏幕占比。 在Android 4.4 (KitKat) 中,Android为应用引入了全屏模式(译者注:Google设计模式文档),上下的控件可以进行隐藏。点击屏幕(Lean Back模式)或滑动屏幕边缘(Immersive模式)可以呼出系统控件。 Android 巨大的用户基数导致了这样一个这种的方案。这只是一个暂时性的问题,隐藏系统级菜单必然会成为新的标准。

space-wp

微软的移动操作系统目前存在极大的问题。理论上,Windows Phone 有两大优势:

  • System Bar拥有三个按钮操作项,与 Android 类似;
  • System Bar是实体按键,很像 iPhone 的home button;

为什么屏幕空间仍然很吃紧?使用23%的空间作为系统固定菜单区域合理吗?设计语言急需做出改变,值得庆幸的是微软已经意识到了这一点。

设置内容长度

 

settings-full-devices

Windows Phone ——先讨论WP。设置内容不遵循特定顺序,冗长至极。寻找 Keyboard 设置项跟买彩票一样需要碰运气,另外始终没搞懂「about」和「extras+info」之间的区别。我对这样无序的列表以及其背后的设计思想感到匪夷所思。这对于用户来说太苛刻了。强迫用户去学习是极其糟糕的。这个列表比 iOS 和 Android 加起来的内容还要长。同时顶部23%的系统菜单区域,这种设计语言绝对需要改。

iOS ——通过UI的轻微对比,iOS 的设置列表被很规整地组合在了一起。用户可以很快理解各个分组间的差异,同时在脑中形成操作路径。另外,icons使得各个设置项具有极高的辨识度。

Android —— Android 对设置项的分组理念与 iOS 有些差异。Android并没有使用色调对比,而是通过行高、标签名称来呈现视觉上的分组效果(当然,每个项都有icon)。

也许有人说,iOS 通过色调进行分组已经足够了,但是绝大多数用户并不懂技术。标签名能快速、准确的表明当前组合的用途。所以,我认为Android 的方案是目前最好的。然后,Android 需要改变其黑色背景的主体(译者注:很高兴的是,谷歌已经在Andoird 5 – Lollipop 通过 Material Design 的设计语言进行了彻底优化),iOS 的色调对比设计就很受欢迎。

排序

苹果、谷歌和微软通过何种流程来对移动设备的设置项进行排序?让你来设计,你会如何考虑?此处,我们将 Android 作为了衡量标准,因为它有最优的设置归类。我决定选取 Android 的5种类别(网络、设备、个性化、帐号、系统 ),应用卡片式的归类方法,很好地理清了 iOS 和 Windows Phone 的排列。如下图所示:

QQ20141120-1

 

categories-devices

即使没有标签名,iOS 的排序非常统一,容易掌握。如上图,设置项分布合理匀称,用户的浏览体验非常舒服。

Windows Phone, 让人难以理解。设置项非常混乱,没有很好的分布和平衡,让人无比困惑。用户不得不逐项浏览和理解每一个设置项。微软的设计师们,有用过吗???

结论

本次分析只是一个针对系统设置的浅层次对比。通过可利用屏幕空间、设置项长度以及设置项排序的对比观察,我们能摸清各 OS 设置项的主体体验环节。

有人会争论说,Windows Phone 的优势之一就是没有 iOS 或 Android 内如此多的子层级 。然后,手机操作系统重要的是能让用户一开始就能自主使用、沉浸其中,帮助他们找到自己想要的。目前,Windows Phone 远远落后,严重依赖于用户去适应这样复杂、无序的系统。

iOS 和 Android 主导了手机操作系统市场并一直在互相超越。按照目前的用户体验来看,iOS 最好用,而Android 用户群体最大。另外,Android 5 引领的 Material Design 设计理念正逐步渗透到 Android 的第三方应用设计中。

移动体验是苹果、谷歌和微软面对的共同命题,各自方法不同而已。

译者注

上述对比,很大程度上是从系统设置应用的信息架构层面进行的分析。虽然原生 Android 设置项归类、指示都很明晰,但在实际操作过程中,尤其是中国这片沃土上,设置项具体内容的优先级变得很关键。这也就带给了很多第三方ROM很多机会,具体见「分析 Android ROM 的现状」。

扩展阅读:

1.  友盟指数——各个移动设备、手机操作系统的统计;

2.  The iOS Design Guidelines —— iOS 8 设计的简单参照,具体还得看官方HIG文档;



扫一扫分享到微信
分享到微信

无觅相关文章插件,快速提升流量