【iShout】Metro UI 的简洁是另一种复杂

标签: Microsoft/WinPhone 业界趋势/Trend 前缀分类 观点 Metro UI | 发表时间:2011-12-28 07:00 | 作者:积木 tossking
出处:http://www.ifanr.com

作者:苏园

Metro UI 推出来的时候,对比其他系统的图标海洋,确实让人眼前一亮,活动格窗取代图标,内容取代形式,微软的宣言是让智能手机用户有更高的效率得处理事务,而不是专注于智能手机本身。
但果真如此吗?在我看来,Metro UI 设计得的最初目的是简洁,最后产生的结果却不一定是简洁。

细线

Metro UI 中的一大特色就是内容的无边框设计,通过间隔和字体使内容产生自发性质的分隔,而不必通过边框等介质。在展示少量内容时,简洁的特性可以很好的体现,但在处理大量内容时,却会表现出“拥挤”。由于没有分割线,不同的内容之间只能通过留白来分隔,导致文字积压,挤占了屏幕的表现空间,进一步造成了内容的“拥挤”。

wps_clip_image-21527

以设定中“关于本机”选项为例,iOS 的细线分隔显得更明快,获取信息更清楚容易。细线是最简单的内容区分的形式,Metro UI 对这区分形式的舍弃导致整个屏幕上只有孤零零的文字,直接发现有用信息困难。

细线的分隔也是一种更人性化的暗示,它让内容看上去更像一个按钮,暗示着可以按下并激发新的内容。而Metro UI 中的内容则会让人疑惑这是单纯的文字还是可以继续点击查看。Metro UI 的功能性暗示更加不明确。

颜色与图标

Metro UI 在颜色的应用上既激进又保守,激进的是它可以把界面弄得五彩斑斓,保守的是在应用内的界面不着一墨。

wps_clip_image-17044

从上图看,Metro UI 的邮件界面上只有单纯的文字,缺乏色彩,所有内容的分隔都是通过字体和空白来完成。这样的结果是信息同质化,很难区分信息。界面没有将有价值的信息第一时间呈现出来,因此当面对这样的界面时,需要更多的集中精力去寻找信息。这和做 PPT 时将所有的文字堆砌起来而不进行有效的信息归类并无区别。

wps_clip_image-7293

而 iOS 除了字体还有不同的颜色来表现不同性质的信息,同时也有小图标来表现相同信息的数目。各种要素各司其职,将信息表达得直观明确。

活动格窗

活动格窗是Metro UI 呈现给用户的第一特色,它不仅是一个快速启动的按钮,同时也是一个信息更新的展示板,微软宣传这样的设计可以更好的将信息第一时间呈现给用户。

但问题是,活动格窗的面积太小了,只能显示简介性质的数字,小图标表等等,缺少好的信息预览功能,这样的通知系统展现给用户的结果就是“知道有这么回事,但不知道究竟是怎么回事。”用户依然是茫然的。有价值的信息被淹没,用户没有能够便捷地获取有用信息。

wps_clip_image-470

简洁的目的不是复杂

Metro UI 是一个形式上简洁的系统,导致的是一个复杂的用户体验。与其相标榜的相反,用户需要花更多的时间在屏幕上才能仔细甄别什么是有用的信息。Metro UI 为了简洁,大多数时候忽视了内容的表现形式,比如细线这种最简单区分内容的形式。Metro UI 在颜色上也有奇怪的特性,屏幕永远处在斑斓和全无的两极,内容的表现形式非常单一。

在我看来,微软的界面设计陷入了一个误区,突出内容忽略形式,并不是真正的简洁,而是另一种复杂。

The bulk of all patents are crap. Spending time reading them is stupid. It’s up to the patent owner to do so, and to enforce them (by Linus Torvalds)

© 积木 for 爱范儿 · Beats of Bits | 原文 · 138 热评 · 新浪微博 · 订阅全文 · Google+ · #ifanrlive · 加入爱范社区!


相关 [ishout metro ui] 推荐:

【iShout】Metro UI 的简洁是另一种复杂

- tossking - 爱范儿 · Beats of Bits
Metro UI 推出来的时候,对比其他系统的图标海洋,确实让人眼前一亮,活动格窗取代图标,内容取代形式,微软的宣言是让智能手机用户有更高的效率得处理事务,而不是专注于智能手机本身. 在我看来,Metro UI 设计得的最初目的是简洁,最后产生的结果却不一定是简洁. Metro UI 中的一大特色就是内容的无边框设计,通过间隔和字体使内容产生自发性质的分隔,而不必通过边框等介质.

Metro UI 平板概念图

- 冉波 - 爱范儿 · Beats of Bits
在 《从应用启动器的设计来谈谈 Metro UI 的不足》 中,我曾抱怨过 Metro UI ,主要是针对它的主屏幕,因为在手机那样的小屏幕上,主屏似乎更适合摆放图标,而不是动态格窗. 但是如果我们将 Metro UI 放到平板上,情况就会完全不同. iOS 在 iPhone 上表现虽然很好,但是将同样的 UI 放到 iPad 上,总感觉不够大气.

Metro UI 专利终于获批

- linsen - 爱范儿 · Beats of Bits
最近的专利大战挺火热,对于微软来说,美国专利商标局又给他们带来了好消息:微软在 2010 年初申请的 Metro UI 专利终于得到了批准. 整个专利描述很长,也比较抽象,比如这一段:. 在用户界面当中,当用户进行输入时,提供一种视觉反馈. 例如在边界提供视觉线索,表明这个可移动的界面元素已经到达边界(比如说滚动到列表末尾).

7 款免费的 Metro UI 模板

- - 开源中国社区最新新闻
很棒的蓝色调 Metro UI 管理模板. Metro Bootstrap 是基于 Bootstrap 开发的 Metro 主题. 非常易用的 Metro UI 框架,付费版本提供更多功能和特性. 这是很不错的管理界面的模板,不适合用于首页,主要是后台界面框架. Metro JS 是一个免费而且非常有用的 JavaScript 库,可帮你开发 Metro 风格的 Web 应用,可在块和创建一些简单的动画效果.

淺談微軟Windows手機的metro UI設計

- iVane - Inside 網路趨勢觀察
不得不説這次微軟的Windows Phone請來的UI/UX設計師為微軟帶來了一些新風貌,這是很多人都沒有想過的事情. 當大多數人正在等待著新的iPhone到手時,引起我注意的卻是微軟Windows Phone的metro UI. 這次微軟Windows Phone的Metro UI還滿值得注意的,除了設計師,工程師應該要開始接觸外,一些正在開發軟體或打算開發軟體的人們也該暫時把對Windows的偏見放一邊,花點時間來看看Metro UI的特別之處.

将 Chrome 新建标签页变为动态的 Windows 8 Metro UI

- SotongDJ - 谷奥——探寻谷歌的奥秘
Chrome V15带来了全新的触控风格的新建标签页界面,但它似乎并不讨喜,好多人不喜欢它. 这枚叫做Awesome New Tab Page的Chrome扩展可以解决你的烦恼,它会将你的新建标签页变成Windows 8的Metro UI风格. 别小看了这枚扩展,它可不是简单的把图标堆砌在Chrome新建标签页上,其实每个Metro UI的小格子都可以是一个可动态实时变化的widget,目前内置了一些widget,包括Google+、Facebook、Twitter、Google Calendar、Google Reader、YouTube、UrbanDictionary每日一词、数字时钟等等.

【iShout】Path 且行且珍惜

- 个篱 - 爱范儿 · Beats of Bits
Path 是两个前 Facebook 员工的创意,被称为反社交(Anti-Social)网络应用,我们之前曾有多篇报道. faytoday 认为互联网的创新,在运气背后总有哲理,只有这样,成功才能被解释,所以他在这篇短文中从 Social 应用中的人际关系解读了 Path 的反社交理念. 如果您也有一些思考希望能够通过 iShout 这个平台来发声,请通过 iShout 与我们联系.

[iShout] 超级智能机器安全吗?

- weiqing - 爱范儿 · Beats of Bits
本文是  ifanr 与 21 世纪网大声栏目联合开办的爱范观察专栏文章,每周在本站与 21cbh 大声频道同步发表. 这篇关于人工智能的思考,是我们上次 iSeed 访谈的主角之一梁明亮所写. 作为一个对机械和电子着迷的 Geek ,他认为“真正的人工智能,不是被人类制造出来的,而是通过机器人自身进化得到的.

【iShout】iPad 何以成就平板电脑

- sqhe18 - 爱范儿 · Beats of Bits
来自广州的 Gary Yang 是一位 Mac 用户,他这次与我们分享了他对于 iPad 所引领的内容消费的理解,这也是为什么 iPad 能够在笔记本电脑和智能手机之间开拓一个全新市场. 华尔街的那些科技评论人们,来不及收回 iPad 面世之时的那些揶揄和嘲笑,就急忙赶到下一站,投入到赞美和惊叹苹果的声浪之中了.