IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

WindowsPhone7初体验

腾讯WSD 2011-02-28 23:21:56 累计浏览 2,884 次
本机暂存

    拿到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 活动瓷片

     2. Panorama全景视图

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

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

原图已失效

图3 全景视图

     3. Pivot Control枢轴控件

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

原图已失效

图4 枢轴控件

     4. Application Bar应用栏

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

原图已失效

图5 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. 「置顶」我做了什么 (2026-05-05 12:13:28)
  2. 万字长文推演:手机不再从 App 开始,Agent OS 如何接管任务入口 (2026-04-28 14:57:22)
  3. Android Perfetto 系列 10 - Binder 调度与锁竞争 (2025-11-16 15:33:30)

查看更多 移动开发 文章 →

建议继续学习

  1. 120个优秀的水平导航设计 (累计阅读 75,627)
  2. 流程管理与用户研究 (累计阅读 17,053)
  3. 我的 Sublime Text 2 笔记 (累计阅读 16,729)
  4. 越简单越丰富――极简网页设计视觉呈现技巧 (累计阅读 11,599)
  5. 看看各个网站的404错误处理 (累计阅读 10,208)
  6. 手机产品设计方向 (累计阅读 7,953)
  7. 视觉设计前瞻实用性研究(PNVD) 第五期 (累计阅读 7,199)
  8. 视觉注意力―解剖设计的根源 (累计阅读 6,970)
  9. 给想转行做产品经理的同学 (累计阅读 6,927)
  10. 可用性测试好助手——Morae软件的应用 (累计阅读 6,780)