存档

文章标签 ‘Metro’

学我者生,似我者亡:再论 Metro UI 的优缺点

2012年1月5日 没有评论

clip_image002

微软员工将 2008 年 11 月称为“重启(The Reset)”。当月,微软终止 Windows 手机项目的全部工作,重新开始。

之前这篇文章《微软“重启”Windows Phone 7 设计的经过》详细描绘了在经过一年的 Windows Mobile 7 开发之后,微软的开发人员终于意识到这是在一个错误的方向上越走越远。

“Windows Phone 7 的新策略则是为顾客满意来设计操作系统,类似于苹果的策略。”微软的勇气确实让人佩服,新成果也值得关注:Metro UI——一个不同于以往的移动系统,一种全新的设计风格,这些让人印象深刻。但或许症结也由此而生。

 一、积极的颜色

Metro UI 最主要的特性在于简洁中带华丽,给人以视觉愉悦的享受,并准确传达出主要信息,就像备受推崇的机场指示牌系列,就是这样设计风格的优秀代表。

clip_image004

这样的信息直观明确,也丝毫不吝惜丰富颜色的应用,而且在这其中颜色也是信息的一个良好载体,区分不同质的信息,并为主要文字信息提供良好的载体,颜色是积极参与信息的表达。

Metro UI 中并不缺乏这样的优秀设计,但更多数情况下,颜色却成为一个尴尬的旁观者,比如在邮件程序中,主要的信息用黑色或白色来表现,而次要信息用灰色来表现,而颜色细微的区分并没有预想的设计目的那么对比明显,在背景都是同一种颜色(白色或黑色)的情况下,又没有细线等最简单形式的风格,导致Metro UI 所标榜的突出主要内容的简洁特性并没有达到最大的发挥。而类似这样内容区分模糊的应用并不在少数。

 二、工具的缺乏

就内容的区分而言,细线不外乎是最简单的形式,另一种简单形式是分成不同的底色,这两种形式都能将内容良好得分块。而 Metro UI 中最多的内容区分除了字体大小,颜色的不同之外,更多的形式就是留白。对支持者而言,良好的空白毫无疑问是会产生美感,但前提必须是“良好的”,就Metro UI 这样的风格而言,精美和简陋只在一墙之隔,若非对每一个像素精打细算,积极运用,产生的效果和设想有很大区别。Metro UI 作为一种全新的UI 设计风格,大多数设计人员是否就吃透了这种设计的特性,值得存疑。当然,这一点在微软的持续推广下会改善。

包括细线,Metro UI 舍弃了大量的内容表现形式,比如渐变,阴影等效果,而这些都是 UI 设计中最基础的工具,一方面微软是为了确立内容大于形式的设计风格,另一方面,也是为了更快。为了争分夺秒得加快启动速度,Metro UI 进行了大刀阔斧的舍弃,这确实有些激进。

《Windows Phone 7 的幕后故事》中 Myerson 说 Saba 就像是华尔街的会计,计算着一分一厘的剩余内存和启动时间。Saba 对性能的执着近乎变态,经常为此与图形组的头儿 Laura Butler 发生争执。 Laura Butler 负责让整个系统看起来更漂亮,但这会拖慢系统的速度。

工具的缺乏直接表现为界面的单一,甚至千篇一律。但这一切工作可能都是为了指向同一个目的:比苹果快,比苹果好。最重要的是——和苹果完全不同。但我相信这不是永久的舍弃,只是为了追赶而运用的权宜之计。

 三、图像的意义

除了内容的区分,就内容本身而言,Metro UI 更偏重于文字而非图像,iOS 中则是充满图标元素大量运用:应用的启动是图标,按钮是图标,未读信息是一个红色小图标,未收听的 Podcast 中用一个小蓝点来表明。大量图标的应用,让 iOS 充满了直观明确的风格。

Metro UI 中并不缺乏图标,但为了整体的风格,图标的表现并没有丰富多彩,首先是颜色的单一,其次是大量细节信息都用文字来表现,而小图标其实表现得更好,这也是我认为Metro UI 会产生内容拥挤的原因,很多次要信息原用一个小图标在一小块面积中就表达清楚了,用文字叙述会占用更多的空间和注意力,这绝对是和 Metro UI 简洁明快突出重点的要求是背道而驰的。

mo

而 Metro UI 的内容偏重文字也暗示着一种尴尬——对用户注意力的争夺。微软希望手机的使用者在简洁的界面上高效完成工作,而不用占用用户太多的注意力。然而在智能手机承担个人信息处理中心这个趋势越来越明显的情况下,用户的注意力无可奈何得只会越来越偏重于手机界面。并且用户平均分配在每个信息上的时间和注意力只会越来越少,在这样一种情况下,图标的表现比文字更有质感。无论文字字体设计得如何丰富,都不如一个图像来得直观明确,就像联系人里面哪怕有再多的叙述文字,都不如一个头像来得明确。用户更容易被图标吸引,从而完成信息的传递。在这个读图时代的大趋势里,Metro UI 在这一点既保持了个性,又顺便完成系统的要求——舍弃图标而偏重文字也会让系统速度更快。

Metro UI 中的信息因为缺少颜色和图标的积极参与,传递与互动并不像设计期望的那么高效。

 四、学我者生,似我者亡

Metro UI 的登场让人印象深刻,很多人记住了它的摸样,这就是最大的成功,在未来的系统竞争中,这是活下来的好资本。Metro UI 也是一个雄心勃勃的计划,它紧紧抓住了其它界面成功的精髓,重视用户体验、重视开发者、重视生态系统的良性循环。这个要比界面上的模仿重要一万倍。

寓言故事说:学我者生,似我者亡。用工笔画描摹 iOS 的系统(比如 Android 上的 iOS 皮肤)注定只是匆匆过客,Metro UI 更像是泼墨挥毫的大作,在留白中给人以无尽的想象空间。

只要它足够快,只要它更务实,拾起过去因为要快速追赶而舍弃的那些更简单、更基础、更人性化的元素,在追赶中完成从简陋到华丽的转身。

分类: 9其他 标签:

Metro UI 的第三个支柱:灵动性

2012年1月5日 没有评论


GamesChannel-Xbox-Metro-Dahsboard_thumb2

在《交互设计领域的包豪斯运动》中,我们曾提到 Metro UI 和包豪斯理念的相通之处。在赞许其出色的设计理念的同时,不可忽视的是,这种过于强调实用、同一、简洁的理念也有其弱点。

需要注意的是,包豪斯理念也有自己的弱点,因为去除了装饰,使得个性化的空间很小。人们会感到这种风格的建筑和家具缺乏个性和生命力,缺乏感情联系……交互设计领域也是如此。相对于其它系统,Windows Phone7 更难通过主题个性化。也许正因为如此,Windows Phone 7 在设计上强调了主页面的互动性,以此抵消包豪斯风格带来的压抑感。

Kellabyte 网站最新的一篇文章中,恰好讲到了这个问题。文中认为,Metro UI 的三个支柱是:字体、简洁以及灵动性。而第三个支柱灵动性恰恰是最容易被忽略的。

当灵动性被忽略的时候,你所看到的界面更接近于 Unix Shell 的体验,这不会对用户产生太大的吸引力。

举个例子

When Metro design falls off the tracks - kellabyte

那个更吸引人呢?毫无疑问是右边的设计。“对于开发者来说,放上一个纯色方块和尺寸大的字体很容易。也许它是 Metro,但是它不会吸引任何人“。

在 Metro UI 上,开发者很容易做出简洁而突出内容的界面,但是“Metro 不是停止界面设计的借口“,你需要考虑配色、动画和小细节,突出应用的风格。

4th-Mayor1

Hub1

Kellabyte 网站认为上面两个例子是有灵动性的应用。“我喜欢这些体验是因为他们在不牺牲简洁的基础上,给人以灵动的感觉……这些界面都有动画效果,与其它平台只在用户交互才有动画感相比,这是一种独特的体验。”

其实,Windows Phone 平台不乏有灵动性的应用。再以我个人比较喜欢的两个应用 iHeart Radio 和 Guardian 为例:

iheart radio

guardian

如何利用 Metro UI 的特性,开发出色的应用?从以上的一些例子中,想必我们都可以得到一些启发。这最终也取决于你是否用心。正如 Kellabyte 网站在文中所说,当你设计应用的时候,无论遵循什么原则,“你都应该在每一个像素上下苦工,尽最大的努力创造最好的用户体验。”

分类: 9其他 标签:

Win8+XBOX360!微软Metro UI界面解析

2011年12月15日 没有评论

微软Metro UI界面完全解析


    泡泡网高清频道12月12日 UI是“User Interface”的简称,意为人机交互界面,优秀的UI设计可以让产品操作变的简单、舒适甚至有个性的一面,比如Apple iOS设备就有统一的UI,这一点从Apple旗下的移动设备iPhone、iTouch和iPad上就可以发现,看到iOS界面就能第一时间这是Apple旗下的产品。

    作为全球软件巨头,微软最近已经实现旗下重点产品的UI整合统一,12月6日,小编升级家用的XBOX360游戏机,发现最新套件的界面已经焕然一新,这一界面的名称为:Metro UI,目前微软旗下的产品已经或者将要过渡到Metro UI,以实现最终的统一。

注重用户体验 微软多平台MetroUI解析

Apple旗下的产品UI界面风格早已深入人心
iOS界面以呈现应用程序为主

    应该说,Apple iOS和Android界面主要以呈现应用程序为主,凸显其智能系统的特点,而微软Metro UI则不同于这两种,Metro重点强调的并非应用本身,而是大量的信息,并且在感官体验上独树一帜,按照微软Metro UI开发小组的话说:会有一种身临其境的感受。

注重用户体验 微软多平台MetroUI解析

方块形状的标识,直接在方块内显示重要信息
Metro UI的设计灵感来自于地铁、机场等交通标识

    Metro英文翻译为地铁,微软设计团队表示:Metro UI的灵感来自于美国华盛顿州金县地铁的标识,地铁标识有大字体吸引人的注意力,并结合略小一点的字体直接为乘客呈现重要信息,

诺基亚Metro UI手机全球热卖


● Windows Phone 7

    最早采用Metro UI的微软产品为音乐播放器Zune,随后很快就被Windows Phone 7(后文简写为WP7系统)采用,最新的WP7.5系统Mango继续沿用并且有一定程度的优化。

注重用户体验 微软多平台MetroUI解析

NOKIA Lumia 800手机主界面便是Metro UI

注重用户体验 微软多平台MetroUI解析

    作为微软WP系统最为核心的合作伙伴,NOKIA推出的WP7系统手机自然备受关注,首款产品Lumia 800已经在欧洲、亚太和印度地区开售,这款产品售价高达429美元,尽管如此,Lumia 800依旧取得了相当漂亮的成绩,法国、德国、意大利、西班牙、英国和荷兰等地相继爆出销售一片红火的迹象,个别国家的销量甚至击败iPhone 4S成为冠军。

    微软和NOKIA能够取得如此出色的战绩自然是值得恭喜的事情,时至年底,全球各地不少的权威媒体将NOKIA Lumia 800评选为2011年度最佳移动产品之一,从销量和口碑可以作证,Metro UI得到了消费者的认可。我们希望Lumia 800继续在全球范围内发光发彩,凭借他们对Metro UI的熟悉,将来也可以更快的适应同样采用Metro UI界面的Windows 8操作系统。

Win8系统:Metro UI是革命开始


● Windows 8(计算机系统)

    微软Windows 8将会未来两年内发售,可以肯定的是,这款Windows将会有翻天覆地的变化,最直观的一点就是全面融入Metro UI元素,旨在让人们的日常电脑操作更加简单和快捷,为人们提供高效易行的工作环境。

注重用户体验 微软多平台MetroUI解析

Windows 8也将全面采用Metro UI
方块组合,简洁大方的界面上直接显示用户所要的信息

    从Windows 8示意图可以发现,用户可以快速进入各种应用程序,并且不同颜色的“方块”中会直接显示相关信息,这就是Metro UI可以直接传达给用户的信息。

注重用户体验 微软多平台MetroUI解析

    正在读阅本文的读者相信超过80%正在使用Windows系统,Windows系统的热键我们十分熟悉,以上就是Windows 8系统的锁定、休眠等状态的界面,WIndows热键显示在左上角,而左下角则是时间和日期等信息,这一点和Windows Phone系统待机界面十分相似。

注重用户体验 微软多平台MetroUI解析

文字也好

注重用户体验 微软多平台MetroUI解析

图注也罢

注重用户体验 微软多平台MetroUI解析

Metro UI都可以直接为用户传达有用的信息

    习惯很难改变,尤其是我们对Windows操作系统的习惯已经根深蒂固,然而,我们完全不用担心,作为软件行业的巨鳄——微软势必将Metro UI完美融入到Windows 8系统中,这款革命性的操作系统值得期待。

Win8平板:Metro UI完美结合触控


● Windows 8(平板电脑)

    以往我们连接互联网,想要获得出色的用户体验,除了台式机就是笔记本电脑,随着Apple iPad的问世,我们惊讶的发现原来平板电脑连接互联网看视频、浏览网页、微博也可以获得出色的用户体验,Android系统更是凭借开放性,平板产品的价格从数百元到数千元不等,可以说是百花齐放。

注重用户体验 微软多平台MetroUI解析

Windows 8平板系统Metro UI
从主屏到下方的状态栏可以发现:完美支持触控

    关注WIndows 8系统的读者应该知道,除了传统的Intel和AMD之外,这款新系统将会支持ARM处理器,ARM处理器在移动CPU领域具有相当的话语权,此举也足以说明微软对平板市场的野心,Windows 8平板市场将会有三星、戴尔惠普、联想等企业鼎力支持,外媒甚至列举10大理由断定Windows 8平板势必成功。

注重用户体验 微软多平台MetroUI解析

Windows 8平板搜索应用程序界面

注重用户体验 微软多平台MetroUI解析

方框中,直观大气,完美支持触控

    用过Windows Phone 7(7.5)手机系统的读者应该都知道,WP7系统所采用的Metro UI流畅度甚至超过Apple iOS系统,并且原生中文输入法也明显强于iOS和Android系统,Windows 8平板系统自然也会延续这些优势。

XBOX360升级Metro UI大获好评


● XBOX360游戏机

    今年最令小编失望的游戏之一就是《NBA 2K12》,也因此小编的XBOX360长时间落灰,最近听闻Live好友说最新固件升级了新的界面,并表示这个界面相比之前出色许多,小编第一时间就明白了,XBOX360最新套件的界面已经升级Meteor UI。

注重用户体验 微软多平台MetroUI解析

    经过小水管痛苦的等待,终于看到XBOX360新的界面,和预想的一样,果然采用了微软极为重视的Metro UI界面。

注重用户体验 微软多平台MetroUI解析

最左侧为微软Bing搜索功能

注重用户体验 微软多平台MetroUI解析

    顶部有Bing、首页、社交、游戏、应用程序和设定六个大选项,除了Bing搜索之外,其余界面之下均为方块状的Metro UI。

注重用户体验 微软多平台MetroUI解析

    进入游戏卖场之后,依旧是Metro UI界面,这次融合的十分彻底。

注重用户体验 微软多平台MetroUI解析

    设定界面为8个方块组合而成,除了图注之外,文字也显示在其中,十分直观,最后一项为关机,人性化相比旧版UI有着本质上的提升。从小编Live游戏QQ群的玩家反馈来看,几乎所有玩家都更喜欢Metro UI界面,微软对Metro UI如此有信心,看来还是有道理的。

微软官方网站:Metro UI融入血液


● 微软官方网站

    不仅仅是产品,微软已经将Metro UI融入到血液之中,打开微软(中国)官方网站,可以发现主界面也已经更换为Metro UI风格,一起来看看小编所截取的图。

注重用户体验 微软多平台MetroUI解析

主导航图采用Metro UI风格

注重用户体验 微软多平台MetroUI解析

产品介绍亦是采用Metro UI风格

注重用户体验 微软多平台MetroUI解析

微软官方网站无所不在的Metro UI界面

    正如我们所说,Metro UI已经融入到微软的血液之中,但凡和微软有关的产品甚至是网站,都已经升级为Metro UI界面,此举也可以看出微软对Metro UI的信心和重视。WIndows 8暂时还未上市,如果您没有XBOX360或者WP7系统的手机,那么可以登录微软官方网站体验一下Metro UI的魅力。

注重用户体验 微软多平台MetroUI解析

XBOX主页也已经改为Metro UI风格

    实话实说,尽管小编已经确定将会购买NOKIA Lumia 800智能手机,但就目前而言,除了XBOX360游戏机之外,小编也没有太多的机会体验Metro UI,基于Metro UI的微软产品所带来的几乎都是正面评价,这已经是对Metro UI的肯定,我们希望微软Metro UI能够在各个领域取得成功。

分类: 9其他 标签:

Windows 8来者不善,准备接招

2011年12月14日 没有评论

微软称要通过Windows 8再造操作系统,嗯,今天的主角是 Windows 8

  Windows 8 你一定接触过,无论是看过,还是安装过,无论你喜欢,还是不屑,都阻挡不了她的缓缓袭来。
今天,我们来介绍一下windows8的精髓。

关键词“兼容PC与平板”“引入Metro UI”
Windows 8增加了对平板电脑的支持,同时引入Windows Phone中的Metro UI,在使用中我们发现,很多的交互是为了平板而设计。

设计灵感来源
三个重要影响
(1)现代设计 — 包豪斯(减少元素,以显现本质)
(2)国际主义平面设计风格 — 瑞士平面设计风格 (清晰,真实,美观)
(3)动态设计 — 电影艺术(动画“活”起来,激发用户情感)

  生活中,人们行色匆匆,我们更需要提供快速,简洁,直接,明确的设计。

  Windows 8的设计灵感来源于生活中的各类导航,地铁站,机场等。人们即使在急于奔波的时候,也能一眼在这些导航中获得他们要的信息。

Metro UI风格运用
Metro UI 是Windows 8 的设计主线,在对外发布的“开发者预览版”中,Metro UI已经运用到了“锁屏界面” “开始菜单”“IE”“RSS”“选择文件”等界面中。预计之后从Windows Store 中下载的应用均会使用Metro UI风格。

Metro Start
  1992年Win95系统中第一次出现了start菜单,它的基本目的是取代程序管理器,用于启动计算机任务。之后经历了一系列的改进,但仍然存在各种缺陷。

  Metro Start是屏幕是对Windows的start菜单、任务栏、通知和小工具改进的成果。这一次做出了如下尝试:
(1)最常使用区域扩大
(2)Metro Start支持自定义
(3)操作空间变大

Metro Start设计小结
Start已经不仅仅是一个菜单了,它占据了整个屏幕,取代了以前的桌面+开始菜单,承载了更多的功能。所有的程序都在这里,用户在这里直接启动程序。

  同时它还有以下特点:
(1)动态信息:每个图块上的信息都是动态的,经过精心排版而被清晰呈现。显示的信息可以自定义,比如某个城市的天气预报或者某本杂志的内容。这样你可以在不启动应用的情况下获取一些关键信息。
(2)自定义:图块的位置可以随意拖动,可以将最常用的应用放在首屏。
(3)为触摸设计:每个图块的面积足够大,手指可以轻易的选中。每个图块是作为一个整体被点击,不会划分额外的点击区域。
(4)全局视图:在触摸板上,你可以将Start菜单像地图一样缩小放大,这有助于你快速选择应用。
(5)单击开启程序。
(6)图块有大小两种尺寸,可以自定义。选择哪种尺寸取决于应用是否有信息需要显示。小图块是不显示信息的。

搜索结果展现优化
Windows 7开始菜单中的搜索,用户最常搜索的文件类型是:程序,文档,控制面板,运行命令。
Windows 8 根据这些类型,提供了三种搜索结果常用文件类型分类:应用程序,设置和文件。
将搜索区域放在屏幕最右边,内容和结果放在最左边。符合用户从左至右,从上至下的阅读习惯。 设置和搜索界面不在妨碍用户浏览类容。 并且在触摸设备上更易于用户右手操作。

 

搜索设计小结
(1)将搜索结果按用户使用方式分类。
(2)按照符合人体工程学的方式设计界面(从左至右, 从上至下)
(3)沉寖式的搜索体验, 不用更换页面或弹出窗口, 一键更换搜素引擎和方式
(4)图标大小和距离分布按照Fitt’s Law优化

如何去设计一个metro风格的程序
Metro一个很重要的特点是沉浸式体验。每个应用的不再放在一个窗口里,没有了边框,而是铺满整个屏幕。
以下四张图展现了一个RSS阅读器逐渐从传统windows风格过渡到Metro风格的过程。

 

结合这个变化过程我们可以总结出一些metro风格的要点:
(1)以内容为主,方便阅读。在视觉中心呈现的都是内容,没有额外的干扰元素。
(2)去掉修饰,界面元素平板化,像素化。这种数字化的设计可以节省很大的存储空间。
(3)注重排版和布局。Metro对于应用排版有统一的标准。这一点在阅读类应用中尤其明显。
(4)内容平铺在全局视图里,通过滑动或者缩放,你能看到其他的内容。取消了tab这样的切换控件。
(5)操作被隐藏,在需要的时候从边缘呼出,微软称之为‘边缘交互’。手指从屏幕底部边缘滑入时会产生相应的交互动作:底部是操作菜单,右侧是一组固定的操作,左侧是应用切换。

Skydrive 云存储
在不同的设备上登陆同一账号,win8的云服务会自动更新用户的照片,邮件,日历,通讯录。Skydrive 通过浏览器或者metro风格的程序来获取最新的照片,文档等数据。

  用户可以选择禁用所有同步,也可以按设置类型禁用同步。可以同步的数据有三类:
(1)windows设置;
(2)应用程序设置和数据;
(3)应用程序和网站的登录凭据。

  Win8中的云服务保持了信息在线同步,使得用户在不同设备上的使用体验能够无缝连接。

协同工作:分享、搜索、选择器
在win8中,两个应用可以协同工作去完成一个任务。微软开发人员定义了三种最基础的、最常用的协同工作方式:分享、搜索、选择器。你可以随时从右侧呼出的操作栏上找到“分享”和“搜索”图标,非常容易调用。这使得信息分享变得更容易。通过右侧常用操作栏上的“分享”按钮,用户可以轻松的将当前应用的信息分享到其他程序中。

  比如当你使用一个涂鸦应用完成一幅大作后,就可以通过“分享”按钮通过微博、邮件、flickr等渠道发送给其他人看到。

  同样的,搜索时出了搜索本地内容之外,也可以直接搜索应用中的内容。在微博中发一张图片时。也可以直接从flickr相册中选取。

基础功能改进
任务管理器
Windows7任务管理器中的现状是:
(1)用户最常使用的功能是:“应用程序”和“进程”tab。用户最常的操作是“结束应用”和“结束进程”
这两个tab的使用频率大致相同,这表明在“应用程序”页面中,有一些重要的细节缺失,导致用户要到“进程”tab中去查找。
(2)用户主要想查看应用程序中,没有显示的后台或系统进程,并查看哪些进程占用了较多的CPU资源。

  Windows8任务管理器针对如上现状进行了优化:
(1)为结束进程的操作优化,
去掉tab,进程间间距增大,将更多高级功能隐藏到“更多”中,视觉焦点更容易集中到“结束进程”上。


(2)突出信息可视化,用颜色等变化突出重要信息。

资源管理器设计小结
(1)简洁,简洁再简洁
(2)为用户最常用操作优化
(3)使用视觉设计突出重要信息
(4)按照用户习惯将信息分类
(5)为了让用户浏览更轻松优化
(6)在基础界面极简的同时增前高级功能
(7)被一个设计改动都建立在用户数据基础上

结语
Windows 8的设计,如所见的围绕着内容为主,去修饰平面化,沉浸,动态,边缘交互的风格来设计。
虽然在开发者预览版中,仅仅的对锁屏桌面,开始菜单,IE10,RSS,任务管理器,资源管理器等进行了大刀阔斧的改变。我们有理由相信,这些
都仅仅是一个过渡,伴随着windows store的开放,Metro 设计风格的应用会排山倒海的袭来。我们也应该去思考如何结合新系统,新趋势做出我们自己的产品。

分类: 9其他 标签: ,

Metro风格的Windows Phone 7设计评测

2011年11月30日 没有评论

您有Windows Phone 7吗?Windows Phone 7的设计是什么样的呢?大家知道,iOS的设计是水晶风格,Android是毫无设计感的黑底白字,但是Windows phone 7的Metro风格确定能让你眼前一亮。Windows phone 7是小众的设计风格。Metro中文名为“地铁风格”。

解锁

iPhone滑动界面时解锁,增加界面的操作难度,防止放在口袋里误解锁,和Nokia按键手机使用组合键解锁是一个道理,功能和操作没有联系。WP7向上滑动界面,像是翻页面,满足功能的同时页面具有相应的视觉意义。

虽然界面没有iPhone那样的直观指示“移动滑块来解锁”,很容易学会WP7的解锁,强行记住Nokia组合键解锁让人心生乏味甚至有挫败感。左 右手势和点击是使用触摸屏时的下意识操作,当用户看到一个界面不知道如何操作时,尝试性点击图标和滑动界面,恰好达到解锁的目的。

首页

060322ZFe Metro风格的Windows Phone 7设计评测报告

显示常用应用程序的图标和推送的消息数,也可以将单个联系人添加为首页图标。图标只有两种样式,长按可以删除图标。

联系人图标不时有朋友头像和姓名上下滚动的动画效果,保证信息的充分展示,同时也至于让布满色块的界面看起来过于呆板,富有动感和变化。

WP7更注重效率,解锁之后的第一屏就能快速决定使用哪个应用,而不是ios和Android那样过多的应用导致漫无目的的左右移动界面,时间浪费在查找应用和查看应用是否有更新。

状态栏

060326uNS Metro风格的Windows Phone 7设计评测报告

一般状态栏只显示时间,点击或者滑动状态栏后显示其余内容,如wifi、信号和电量。进入电话显示信号量,进入wifi环境显示时会保留联网图标一 段时间,状态栏应该是随着当前使用显示用户需要知晓的信息,或者是状态栏信息发生变化时提醒用户,只在用户需要的时候显示必要的信息。

进入全屏应用程序,如电子市场和图片,会遮住状态栏。当收到短信和搜索到wifi时,状态栏会显示具体信息,不影响当前使用,显示空间比Android更大,但没有下拉帘的操作。

Android的状态栏非常的拥挤,甚至会出现正在运行的应用程序,比如360和QQ。不得以还要状态栏滚动的动画效果,下拉帘的操作也是由于单行 的状态栏无法满足操作才衍生出这样的设计,WP7的状态栏并没有给这些烦人的图标留有显示空间。出发点是优先考虑如何精简信息,而不是通过设计完整呈现它 们所有。

导航标题

060327Vz5 Metro风格的Windows Phone 7设计评测报告

界面标题不但起到导航的作用,同时整合了滚动条的部分指示功能,但WP7的导航标题没有完全达到滚动条的三个功能:

  1. 当前页面是否可以滚动。WP7通过显示左右页面的灰色文字标题或者部分正文表示当前页面的可以左右滚动的。
  2. 通过比例显示界面总长度。WP7页面可以左右循环滚动,但没有明确的指示页面的总宽度。如上图标题games会随着界面滚动时相应的左右移动,但并不成比例。回到初始位置时,才意味到界面已经滚动了一圈。
  3. 当前界面所处总界面中位置。取决于第2条。

PC的滚动条可以快速滚动界面,但是由于手机的操作不便和页面显示内容有限,通常没有这样的功能。

控件

060329Snm Metro风格的Windows Phone 7设计评测报告

底部工具栏最多显示4个图标,点击“……”显示图标的文字说明或者更多的操作。图标易于识别,视觉上比Android更为连贯。

WP7长按输入框时划出光标,便于从字符串中插入光标,类似于ios的放大镜插入光标。而Android要靠手指的精准点击,难以控制。

060330Xtj Metro风格的Windows Phone 7设计评测报告长按已安装的应用程序,会在下方显示多项操作,而不是另外弹出对话框。单个下拉框的操作体验比Android和ios都要好,但是填写表单时,操作效率明显不如可以通过面板切换输入框的ios。下拉框也是这样的设计样式,但从外观上无法区分下拉框和输入框,也许这对用户来说并不重要。长按操作会有相应的进度条,表示长按一定时间时才会响应该操作,Android和iso则是靠程序响应操作之后元素变化来达到视觉反馈。

060332f9Z Metro风格的Windows Phone 7设计评测报告

对话框通常显示在界面顶部,如单手握住4.3寸屏的HD7手机底部时,点击对话框上的控件着实不方便。五个蓝点组成的进度条让我想起Flickr红蓝原点,设计追求的极致是使用最少的元素传达完整的信息。

达到高效的方式是专注最主要的信息。尽量掩藏不必要的控件,几行字和一两个控件让你很容易知道当前应该做什么,你也不会被那些10%情况下才会用到的信息分散注意力,或者说你即使想也做不了其他事情。

排版

060334VQi Metro风格的Windows Phone 7设计评测报告

缺少了诸多的视觉元素,仅有图片、色块和不同颜色字号的文字,导致界面缺乏对比。由于没有分割线,有时会分不清界面元素的组织情况。

客户端T-sina的文字排版极为槽糕,满眼不舒服的深蓝色的背景色块、缺乏简单的文字对齐和模糊不清的图片。WP7应该出一份基础的排版知识指导 第三方应用,毕竟用户大部分时间是花在应用上,不统一的用户体验会影响系统整体。由于Flickr的风格与WP7极为相近,程序只是用来解析和呈现数据 流,没有过多的交互效果,只是界面排版效果优于其他平台。

小结

现有WP7的设计还是流于形式,没有看到技术方面的突破,与Android和ios相比没有明显的优势,个人的好感仅限于其设计风格。由于还不支持 截图,让我这样的截图党极为不满。缺乏应用,把玩三天就没有新鲜感了。系统版本更新太慢,三月份刚增加复制粘贴、增强邮箱、市场和wifi等基础功能,按 照这个速度本年度也出不了靠谱的手机,同样价钱还是推荐买Android手机。

由于界面以色块和文字为主,绘制界面占用的内存少,运行速度自然加快,而Android运行多任务时速度明显变慢甚至导致程序崩溃。除此之外还希望 能看到解决大手指问题来提升输入效率,增强消息过滤和联系人分类,现有包括了各种邮箱、Facebook和手机号码强弱联系人,查找起来非常麻烦。

由于系统的限制,呈现信息量和第三方应用可做的交互效果都很有限。高端用户对于效率的需求比较强烈,但90%的用户希望手机除了通话和收发邮件之外可以做更多的事情,需求更为多样化。除了基础应用,系统应该保证足够的可扩展性。

分类: 3硬件学习 标签:

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