WindowsPhone7初体验

, , 评论关闭

 

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

搭载着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. 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,使其易懂易记。

 

Via   Tencent WSD Blog

本文链接地址: http://www.iplaymid.com/windowsphone7-first-experience/

本站文章除注明转载外,均为本站原创编译。转载请注明本文链接!