社区讨论:iOS 6 的 UI 设计

  • 崔康

2012 年 6 月 17 日

话题:社区iOS语言 & 开发架构

iOS6 系统的 Beta 版前不久刚刚发布,国内社区对它的 UI 设计发表了看法,一方面有人认为其设计风格严重不统一,而另一方面也有人认为 AppStore 设计存在优点。

程志达

iOS 6 Beta 版说明了一件事情,就是苹果现在最大的短板就是 UI 设计:

  1. 完全不统一的体验。

    音乐 App 里,外边是惨白的配色,开始播放之后变成了全黑的。自带的照片程序 Tab 栏是 Glossy 的,AppStore 是亚光的。上面的状态栏也是忽黑忽蓝。我最一开始看到蓝色的状态栏,还以为是开了什么背景服务,把各种东西杀了一遍,甚至怀疑是 Skype VOIP 的提示,差点把 Skype 给卸了。最后才发现是它本来就那样。
  2. 落后时代的仿真界面。

    各种大阴影,夸张的渐变和材质。Reminder、Notes、Find My Friends、 Game Center, 还有谁看到这种界面不作呕吗。再去看看通知中心那个抹布的背景还在。设置界面背景本来的细竖线条纹变成了下面模糊的竖线;iPad 设置界面中间那下水道一样的分隔线;分享界面那些过火的图标。
  3. UI 设计毫无进取甚至倒退。

    只拿 AppStore 这一个界面的改版来说,无论是在 iPhone 还是在 iPad 上,同样的一个界面,无论是信息密度还是操作的顺畅程度,新的界面都不及老界面。App 详情弹出的翻转卡片式设计更是糟糕。

如果勉强说苹果这次改进好的地方,我觉得只有几个细节还算不错:

  • iPad 的时钟应用(仅限于大时钟界面)
  • 通知栏直接发推。
  • 其实我还挺喜欢那个默认的 pull to refresh 的效果的…

这些年以来,苹果在 UI 设计上做对的事情越来越少,比起业界 Flipboard、Twitter、Paper 开创的各种新风格、新方式来说,苹果不仅已经不再是潮流先锋,甚至已经赶不上业界水平。iOS 刚出来的时候,弹性窗口、慣性滚动、双指缩放,这些都是苹果“教”会别人的,但现在苹果似乎还沉迷在仿真界面之类错误的方向不能自拔。设计也没有 Android 4.0 和 Windows Phone 那样的现代感。现在,苹果制造着世界上最好的硬件,有世界上最先进的 OS,iOS 比其它系统都要成熟得多,有最好的开发者群体,每天都有开发者做出让人瞠目的创新。我们觉得苹果做得更差,或许只是连自己也没有意识到这个行业发展得这么快。从此之后,可以期待苹果的硬件,可以期待苹果的 OS 和开发工具,就不要期待他们自己做的 App 和新的 UI 设计了。

姚军

WP 和 Android4.0 的确代表了设计的新潮流,但我认为并非所有设计都需要跟随着这股潮流。崇尚简洁、现代,不一定要用那种方式。流行也有自己的局限,个人就很看不惯 WP 和 Android 4.0 里面很多误把简陋当简洁的行为方式。

张涛

关于仿真式界面为什么是一种多余的过时的设计,可以移步这篇文章,Daring Fireball 也说过这个。这些细节如果是关于功能或者隐喻,那么他们是恰当的。但是在 Find My Firends 里面加入皮革素材这算是什么?因为我们在现实生活中都把朋友的地址卡片放在皮夹子里?最为关键的是,这是 Apple 的硬件设备啊!Apple 可以为了整体的干净和一致,使用 Unibody 这样的技术;可以为了精简集中用户的交互,使得整个屏幕只剩一个 Home 键……这才是 Apple,将莫名其妙不知所谓的“装饰细节”作为设计的重要部分并不是这家公司的基因和最好的作为。一个真正热爱这家公司产品的人,才会对这次 iOS 6 更新后的 UI 分裂产生这样的痛恨。不明白 Apple 设计理念为何,只知道一味追随,这才是最可怜的“果粉”。希望 9 月来临时,Apple 能够把这个“Beta”中的 UI 分裂问题解决。这,确实不是一个很好的设计。

DelayNoMore!

Beta 版的设计风格确实分裂了点,之后应该会改进的,不必担心。Apple 设计师的品味从来都差不到哪里去。iOS 的仿真/拟真设计思想在 iOS 6 里更加凸显了,甚至细节达到了变态的地步。

大家可以看一下 iOS 6 改版后的音乐播放界面,注意到上下两个滑杆了吗?滑竿上的金属圆形按钮原来不仅仅只是模仿了金属纹理,在你左右稍微倾斜手机的时候,它居然会像真的金属一样改变光泽的角度!(你可以拿起你的 Wireless Keyboard G6 或者 Magic Trackpad 看看侧面来了解这个效果)虽然能明白它是用重力感应实现的,但是不是谁都能做出这么细致的设计。也许 Apple 还会变态到在以后的 Mac 上,利用摄像头或者距离感应器什么的检测用户头部的位置,让 Dock 图标里 Apple 官方的那些也采用这个金属光泽背景的 App 的图标也会自动改变光泽,谁知道呢?

郭凛

AppStore 的改造其实蛮好的:

  1. 预览图放在 Description 前面——平时我们大多都是先看图的。
  2. review 放置到顶部 tab 中,对用户强调 review 的作用——避免“来电黑名单 app”悲剧。
  3. 增加 related 的 tab,应该是从 iPad AppStore 中的统计数据做出的改造,关联推荐和品牌效应推广效果很好。
  4. 分享按钮放置到右上角,分享类型也丰富了——强调社会化分享。
  5. 万恶的 IAP Top Purchase 原来占据着那么重要的一个位置,终于挪最底下去了。
  6. 强化了 What's New,以前每次新功能都要在 Description 里再写一遍,对用户也有帮助。
  7. App 列表中 App 名称变为可以显示两行——现在大多数 App 名字都很长,然后看到的都是省略号。
  8. App 列表滚动时自动更新,不需要再点击“更多 25 个”——再也没有“前 25 名效应”了。
  9. 加入了 Genius 智能推广,迟早的一步。 

罗永兴

优点:设置、时钟 APP Icon 的尖角都换成了圆角,看起来要友好的多。

缺点:

  1. 从目前的 beta 版来看,iOS6 的 UI 设计很不统一,iStore tabbar 的样式就不同于短信、电话的 tabbar,做为系统级的 APP,样式上应该还是统一一些的好。
  2. 默认的状态条,这种蓝色我实在看不惯,我们的设计师也表示他调不出这种颜色……
  3. 拨号界面严重需要重新设计!
  4. 音乐 APP 的风格和 iPad 版的音乐统一了,但是 tableview 的 section header 变高了,感觉这块儿没必要这么高吧?太占空间了。

Oasis

每个设计者都有自己的思想和设计方式,每个产品经理都有自己的不同观点,所以在公司产品经理争吵是一件很平常的事情 。说这些话的时候先考虑以下问题:

  1. 这个真的是不符合我们的常理么?
  2. 这个设计对外国人是什么样的感觉,确实觉得这么差吗?
  3. 指出的问题不适应一小部分还是整个用户群体?
  4. 每一个细节和设计里面你是否真的去了解和思考过它所包含的内涵?

潘峰 -Felix

我的感觉是,目前不少厂商对 UI 的理解仅仅是 user interFACE,只要把 Face(贴图) 做好就行了,User 自己知道如何去 Inter。相比之下,苹果对 UI 的理解仿佛更接近 "User-Inter, and Face" 。重点好像不在 "Face" 上,而是在如何让 "User" 更好的去 "Inter",附带把 Face 也尽可能做漂亮。

举三个例子吧:

  • 过去:当其他手机厂商还在研究如何把按钮做得更漂亮时,第一代 iPhone 引入了多点触控的触摸屏界面,于当时在操作性上与其他品牌的手机相比占有领先地位。(当别人都在研究如何做出更好的按钮时,苹果研究如何废除按钮。)
  • 现在:Siri 给用户和手机之间加了个“音频信号线”,多了个交互的通道,可以理解为“听说界面”,这是个看不见的 Face,它的诞生是 User-Inter 的创新,而不能简单的理解为那个“不锈钢紫灯”话筒图标 Face 的创新。那个新的地图也不能忽视,由于还没亲眼见到,这个我就不瞎猜了。(当别人研究屏幕如何更大,贴图更漂亮时,苹果更多研究除屏幕以外的其他操控和反馈方式,如声音。)
  • 将来(瞎猜):传言中的“触摸反馈”,我相信当屏幕能凸起按钮时,上面同步显示的贴图一定是接近真实的。如果传言属实,苹果就走了个从取消按钮到重新引入“按钮”的回归路线,但回归以后就不一样了:仿真贴图的优势将显著提升。(当别人早已放弃按钮的时候,苹果开始研究"按钮"了。)

读者对 iOS6 的设计有何感想,欢迎发表自己的看法。另外,即将于 8 月 10 日在深圳举行的全球架构师峰会特别安排了“移动互联网精品架构案例分享”专题,感兴趣的朋友可以报名参会。

社区iOS语言 & 开发架构