拿到HTC 7 MOZART T8698时，外观没有任何的惊喜。也许是看惯了大屏幕手机的原故。细想，2010年在手中把玩过的、有些特色的就属SONYERICSSON的X10了。

图1　HTC官方网站手机外观效果图

    搭载着3.7寸屏的T8698，硬触按键上的Windows视窗ICON低调的宣扬着自己的WP7身份――这个2月15号发布，10月正式上市的微软最新一代手机操作系统。要以统一硬件+统一平台+统一质量来确保的用户体验，在外观上最直接的体现就是：Back、Start Home和Search三个硬触键了。这个和Android的系统没有区别，唯一少的是MENU按钮。

    下面进入界面交互的体验环节：

    ●　初识

    在使用手机的过程中，我最直接的感受是――这些界面像是为设计师专门准备的一样：没有多余的装饰和文字、没有圆角、没有过渡的色彩……；有着大字报似的全景标题、流畅的过场动画、整幅的背景……

    这一切的一切，让我在想：它们会是普通用户认为好的界面吗？当然，这个问题已引发了不少的讨论，其实中褒贬不一，无外乎赞成或反对两派。作为设计师，我认为不好单角度且主观的去评价。它好得一面是：大刀阔斧的去繁从简，提出了新的界面风格。虽不能像Iphone一样引发整个潮流，但如此的表现形式也算是为手机界面行业吹来了一股回归的新风。但过于简略的界面，除了让视觉表现乏力外，也一定程度的影响了交互过程中的细节体验，同时提高了用户门槛。而且，我认为以微软操刀的能力，完全可以将这种回归表现在精髓中，而不需要如此的映射至人机交互界面上。

    但，何种的评价对于做应用的我们来说，都没有多大意义。任何平台都有它特定的消费群体。服务大众的我们，只需要将各种应用根据平台特性以及用户属性，设计的更细腻、更体贴就好。

    ●　闻香

    WP7中需要提出来说的几个界面概念如下：

     1. Live Tiles活动瓷片

    WP7主界面上的扁平化色块，就是所谓的活动瓷片。它比较类似手机桌面的概念，可以放置应用的快捷入口、展示Widget等。

图２　活动瓷片

     2. Panorama全景视图

    全景视图利用了一个超出手机屏幕范围的大画面，来提供一种独特的展示和浏览方式。在手机有限有展示空间里，可左右和上下滑动，以显示不同的全景区域和区域里的内容。全景区域通过左右滑动来循环显示。

    这个用于手机浏览器，是个比较好的设计展示方式。

图3　全景视图

     3. Pivot Control枢轴控件

    枢轴控件在官方文档里写的比较生涩，我初浅的理解是：用于展示大数据量的组件，类似Tab页签的方式进行分类。

图４　枢轴控件

     4. Application Bar应用栏

    和工具栏类似，将应用中最常用的功能，图形化显示在界面下方。最多放置四个图形按钮，更多用“…”呼出，文字体现。

图５　Application Bar

    还需要说的是通讯录和推送通知。WP7的通讯录英文用的是People这个单词，意指整合了社交网络的通讯录。这个跟我们QQ Service提出的一个概念相同，也是今后的发展方向。推送通知亦然，分为Tile、Toast和RAW三种类型的通知，在设计中可以好好利用，比如QQ消息盒子的类似Widget的应用等等。

    ●　回味

    熟悉手机平台就是为了今后更好、更体贴的设计。这在短短两天的体验中，我有些关于设计师的思考一起写出来：

     1、 交互设计策略

    在资源允许的情况下，是否可以对足够重视的应用产品，设计出两种风格的界面交互：

    一、类似概念版。与WP7平台的特点和体验保持一致，为喜欢WP7界面风格的用户打造；同时，因为比较新颖，也会吸引部分普通用户尝鲜的体验，换个新鲜；

    二、普通版。和大触屏手机保持统一的交互体验。特别是工具型的应用，满足普通用户对工具软件简单、易学、易用的要求。

     2、 善用推送通知

    这虽然是产品侧重点的考虑，但设计师在进行应用的整体UI规划时，就需要清楚的知道哪些消息在程序运行时体现、哪些消息可推送接收等；同时，还包括上文已提到的Tile Notification在主界面上的运用。

     3、 界面切换时的过场动画设计

     WP7平台的动画流畅细腻，我们在设计应用时，要比其它平台更重视过场动画的表现。用户体验的差异往往体现在细节上的投入。

     4、 视觉设计师的考验

     工业设计有个著名的理念“少即是多”，算是从包豪斯时代延续下来的风格。WP7如此重视内容多过表现形式的平台，要的就是设计师的是内力和功底，来精细打磨自己的作品。

     之于视觉风格。如何运用构图排版、色彩搭配来表现没了丰富质感、细腻光感后的界面效果；

     之于ICON设计。如何善用暗喻等手段，来设计常态下没有文字说明的ICON，使其易懂易记。

     5、 ……。

     以上内容仅仅是简单使用T8698手机两天后的感受，肯定有不少错误和疏漏地方。请大家指正并谅解！

     在进一步熟悉WP7平台后，将会根据《UI Design and Interaction Guide of Windows Phone7》以及其它一些资料，整理出适合我们团队的《Windows Phone 7界面设计指南》。敬请期待……

建议继续学习：

1. 手机产品设计方向    (阅读：6371)
2. Windows Phone 7设计评测报告    (阅读：1853)
3. WP7应用程序的设计问题    (阅读：1518)