Metro Design of Windows Phone 7

windows-phone-7-series
基于对Windows 7的好感,对于Windows Phone 7满怀期待,以为会继承Windows 7的优点,可万万没想到会在手机上应用极简设计风格。看到第一眼时,我甚至以为那是交互设计师画的原型图,没有UI元素,至今还是对黑底上的白色字体、白色和蓝色的图标不习惯,

  • 为什么不是白底黑字蓝图标呢?
  • 为什么不使用使用衬线字体,不论正文和标题都是要无衬线字体。
  • 手机上信息密度大,间距较小,而黑底白色需要更大的显示间距。

……

也罢,先抛开这些问题,谈谈Windows Phone 7的创新点Metro Design。官方文档的解释为:

Metro Design应用在手机界面中旨在引导用户关注内容,强调界面的协调、功能性和富有吸引力的视觉元素。

理想化的界面设计鼓励交互时提供娱乐性的探索,让用户感觉到新奇和兴奋。

对于以上的解释颇为疑惑,是否能有效地引导有待商榷,极简设计图标功能性强,但视觉吸引力较弱,而用户在使用手机的过程中的新奇感和兴奋也难以持久。

metro

metro222

Metro意为“地铁”,被经常应用在地铁、飞机场和街道等公共场合,图标简洁、可识别性高并富有现代感。文档中以故事版的形式阐述手机是如何应用在人们的生活当中,并提倡关注手机的功能如何高效地为人服务,关注人与人之间交流,作为设计的出发点确实富有新意,但是这些和视觉元素的使用有矛盾吗?

metro22

Metro纯二维化的图标固然很可爱,但是放在触摸屏上用户是否能知道这是个可以点击的按钮呢?

6f2e522c858b55ea8b13993d

Metro让我想起了英美副院长徐冰老师的艺术作品《地书》,收集了上万个图形标识之后将演变为“国际语言”,让语种不同的人却可以通过图标进行沟通。(以上的图片翻译为:闹铃响了,太阳晒到屁股了,响了好久才听到铃声,坐起来开灯之后发现,我靠!七点了!11点的飞机要赶不上了,赶紧起床收拾行李……)

Metro也在试图利用图标的高度概括性让用户更多的注意力放在内容上,这也符合上篇分析的极简设计,但是把视觉的可视性上升为界面设计的较高指标,手机的效率和操作流程度与之相比是否会较低呢?或许Metro的重点不在于实用价值,而在于开创性的艺术价值,无法简单地从交互设计角度去评价。

发布者

晓生

移动互联网产品设计

《Metro Design of Windows Phone 7》上有12条评论

  1. GUI虽然不被赞赏,但交互方面不知道有没有亮点?
    另外,我其实一直想不大明白,“深色背景+浅色字体”和“浅色背景+深色字体”到底哪种更适合移动设备?

  2. 40%的用户喜欢深色,10%的用户喜欢浅色,另外的用户视情况而定。
    交互方面还是有亮点,但是显的太薄弱了。

  3. 从WP7出来到现在,我还是无法理解微软如何让大众去接受这样的一个标新立异的操作方式。至少从我个人使用4年多智能手机的经验来说,这样的操作体验让我一头雾水,至少从软件应用操作上,会形成大量重复性的体验,而且横向竖向的交替使用会形成比较混乱的逻辑思维,不过也能从这看出微软今后的一个科技化体验之路的方向。

    现在越来越觉得iphone的UI和体验其实是最高效实用的,iphone上打开一个应用的步骤最快是一部,最慢也只要拖动一两次屏幕,wm6.5上面,至少要点击Windows图标以后,不断的拖动蜂窝图标,如果图标在20个以上的话,基本上就要拖动到累死,尤其是本身对图标进行位置调整也是个苦力活。

  4. 对WM的印象极差,iPhone os是简化版的mac os,但是微软却把pc的操作照搬到手机上,速度极慢,操作也很不方面,一点也体现不出手机的优势来。

    微软的产品也没Apple那么统一,各个产品都独立的。

  5. @木木, WM就是过于强调系统的开放性,好像什么都可以改,都可以设置,而且其实很多简单的功能也非用设计的复杂化,现在觉得wm很腻烦了

  6. I’m not sure where you’re getting your info, but great topic. I needs to spend some time learning much more or understanding more. Thanks for wonderful information I was looking for this info for my mission.

评论已关闭。