iOS6 系统的 Beta 版前不久刚刚发布,国内社区对它的 UI 设计发表了看法,一方面有人认为其设计风格严重不统一,而另一方面也有人认为AppStore 设计存在优点。
iOS 6 Beta 版说明了一件事情,就是苹果现在最大的短板就是 UI 设计:
- 完全不统一的体验。
音乐 App 里,外边是惨白的配色,开始播放之后变成了全黑的。自带的照片程序 Tab 栏是 Glossy 的,AppStore 是亚光的。上面的状态栏也是忽黑忽蓝。我最一开始看到蓝色的状态栏,还以为是开了什么背景服务,把各种东西杀了一遍,甚至怀疑是 Skype VOIP 的提示,差点把 Skype 给卸了。最后才发现是它本来就那样。 - 落后时代的仿真界面。
各种大阴影,夸张的渐变和材质。Reminder、Notes、Find My Friends、 Game Center, 还有谁看到这种界面不作呕吗。再去看看通知中心那个抹布的背景还在。设置界面背景本来的细竖线条纹变成了下面模糊的竖线;iPad 设置界面中间那下水道一样的分隔线;分享界面那些过火的图标。 - 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 分裂问题解决。这,确实不是一个很好的设计。
Beta 版的设计风格确实分裂了点,之后应该会改进的,不必担心。Apple 设计师的品味从来都差不到哪里去。iOS 的仿真/拟真设计思想在 iOS 6 里更加凸显了,甚至细节达到了变态的地步。
大家可以看一下 iOS 6 改版后的音乐播放界面,注意到上下两个滑杆了吗?滑竿上的金属圆形按钮原来不仅仅只是模仿了金属纹理,在你左右稍微倾斜手机的时候,它居然会像真的金属一样改变光泽的角度!(你可以拿起你的 Wireless Keyboard G6 或者 Magic Trackpad 看看侧面来了解这个效果)虽然能明白它是用重力感应实现的,但是不是谁都能做出这么细致的设计。也许 Apple 还会变态到在以后的 Mac 上,利用摄像头或者距离感应器什么的检测用户头部的位置,让 Dock 图标里 Apple 官方的那些也采用这个金属光泽背景的 App 的图标也会自动改变光泽,谁知道呢?
AppStore 的改造其实蛮好的:
- 预览图放在 Description 前面——平时我们大多都是先看图的。
- review 放置到顶部 tab 中,对用户强调 review 的作用——避免“来电黑名单 app”悲剧。
- 增加 related 的 tab,应该是从 iPad AppStore 中的统计数据做出的改造,关联推荐和品牌效应推广效果很好。
- 分享按钮放置到右上角,分享类型也丰富了——强调社会化分享。
- 万恶的 IAP Top Purchase 原来占据着那么重要的一个位置,终于挪最底下去了。
- 强化了 What’s New,以前每次新功能都要在 Description 里再写一遍,对用户也有帮助。
- App 列表中 App 名称变为可以显示两行——现在大多数 App 名字都很长,然后看到的都是省略号。
- App 列表滚动时自动更新,不需要再点击“更多 25 个”——再也没有“前 25 名效应”了。
- 加入了 Genius 智能推广,迟早的一步。
优点:设置、时钟 APP Icon 的尖角都换成了圆角,看起来要友好的多。
缺点:
- 从目前的 beta 版来看,iOS6 的 UI 设计很不统一,iStore tabbar 的样式就不同于短信、电话的 tabbar,做为系统级的 APP,样式上应该还是统一一些的好。
- 默认的状态条,这种蓝色我实在看不惯,我们的设计师也表示他调不出这种颜色……
- 拨号界面严重需要重新设计!
- 音乐 APP 的风格和 iPad 版的音乐统一了,但是 tableview 的 section header 变高了,感觉这块儿没必要这么高吧?太占空间了。
每个设计者都有自己的思想和设计方式,每个产品经理都有自己的不同观点,所以在公司产品经理争吵是一件很平常的事情 。说这些话的时候先考虑以下问题:
- 这个真的是不符合我们的常理么?
- 这个设计对外国人是什么样的感觉,确实觉得这么差吗?
- 指出的问题不适应一小部分还是整个用户群体?
- 每一个细节和设计里面你是否真的去了解和思考过它所包含的内涵?
我的感觉是,目前不少厂商对 UI 的理解仅仅是 user interFACE,只要把 Face(贴图) 做好就行了,User 自己知道如何去 Inter。相比之下,苹果对 UI 的理解仿佛更接近 “User-Inter, and Face” 。重点好像不在 “Face” 上,而是在如何让 “User” 更好的去 “Inter”,附带把 Face 也尽可能做漂亮。
举三个例子吧:
- 过去:当其他手机厂商还在研究如何把按钮做得更漂亮时,第一代 iPhone 引入了多点触控的触摸屏界面,于当时在操作性上与其他品牌的手机相比占有领先地位。(当别人都在研究如何做出更好的按钮时,苹果研究如何废除按钮。)
- 现在:Siri 给用户和手机之间加了个“音频信号线”,多了个交互的通道,可以理解为“听说界面”,这是个看不见的 Face,它的诞生是 User-Inter 的创新,而不能简单的理解为那个“不锈钢紫灯”话筒图标 Face 的创新。那个新的地图也不能忽视,由于还没亲眼见到,这个我就不瞎猜了。(当别人研究屏幕如何更大,贴图更漂亮时,苹果更多研究除屏幕以外的其他操控和反馈方式,如声音。)
- 将来(瞎猜):传言中的“触摸反馈”,我相信当屏幕能凸起按钮时,上面同步显示的贴图一定是接近真实的。如果传言属实,苹果就走了个从取消按钮到重新引入“按钮”的回归路线,但回归以后就不一样了:仿真贴图的优势将显著提升。(当别人早已放弃按钮的时候,苹果开始研究"按钮"了。)
读者对 iOS6 的设计有何感想,欢迎发表自己的看法。另外,即将于 8 月 10 日在深圳举行的全球架构师峰会特别安排了“移动互联网精品架构案例分享”专题,感兴趣的朋友可以报名参会。
评论