存档

文章标签 ‘WP7’

WP7交互特性浅析及APP设计探究

2012年2月17日 没有评论

Windows phone7是无线领域的新生力量,但是迟迟没有进入中国市场。Mango(注意WP7和mango不是一个概念)的发布带来了中文的操作系统,也让人们看到了该系统的无限可能。在此,我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解,浅谈一下这一特别系统的交互特性。

本文索引:

  • 涅磐重生的WP7(以及它的历史简介)
  • WP7对比iOS和Android
  • WP7设计风格
  • WP7内容和结构框架及特有名词解释
  • WP7交互特质分析
  • WP7应用设计建议

(一)

什么是WP7?

Windows Phone 7是微软发布的一款手机操作系统,它来自于微软但是和之前的windows mobile系统却截然不同。可以说微软的操作系统应该大致分为两个时代:windows mobile时代和windows phone时代。

Window mobile时代

  • 十年前一个基于windows ce的移动智能系统被开发出来,这就是windows mobile的原型版本。Pocket PC发布, 代号Rapier(双刃剑),发布于2000年4月19日,这是一个里程碑的事件。这也是后来被称为Windows Mobile的操作系统的首次亮相。
  • Windows Mobile 2003的原代号为”Ozone”(臭氧),发布于2003年6月23日,是第一个版本的Windows Mobile
  • Windows mobile 6.5是windows mobile时代的最后一个作品,但其根本上的,研习PC上严谨但死板的操作体验,终于在IPhone和Android的打击下,变得不堪一击。微软亟需一次蜕变。

WP7时代:

  •  2010.2.15微软在全球移动通信大展上公布Windows Phone7
  •  2010.10.11微软正式发布了WP7,并同时宣布首批采用WP 7的9款智能手机
  • 2011.5.24微软正式发布WP7.1(或称7.5代号Mango),表示Mango的三大要素是“通信、应用与网络”。
  • 2011.9.16微软正式在台湾地区推送Mango
  • 据称,在接下来,或将推出应用于中国大陆地区的操作系统Tango以及代号Apollo的windows8操作系统。

Windows Phone 7.0完全脱离了旧构架,一个未完工的系统,这大大影响了其体验的评价,尤其在中国。Mango带来了500多项改进和创新,当然还有完美的中文支持,基本形成了一个比较完善的手机操作系统。

WP7制定了硬件最低标准,这是为什么呢?WP7的目标是为多方手机生产商提供服务,所以不会像iPhone一样,在硬件上十分标准一致,但是其对本硬件都有“最低需求”,这保证了其不至于像android那样出现碎片化的杂乱场面。

屏幕

800×480 WVGA,支持多点触摸(最少4点)

硬件按钮

WP7设备至少要具备3个按钮:后退,HOME键,搜索

处理器

Qualcomm Snapdragon MSM 8×55(主频1GHz)或MSM 7×30(主频800MHz) CPU(支持DirectX 9)。

内存

至少512MB

内部存储

最少8GB

外部存储

扩展大于等于16G

无线

WiFi、蓝牙、A-GPS、FM

摄像头

至少500万像素,有闪光灯

其他

加速度感应器、指南针、亮度感应、外部键盘(可选)

目前WP7阵营的支持厂商:三星、LG、HTC、诺基亚、宏碁、富士通、中兴等。毫无疑问,微软和诺基亚的合作是最应该被人们所重视的伙伴。

 WP7, iOS, Android

毫无疑问,iPhone拥有着最庞大的APP资源,其现在的app数量是WP7的10倍以上,比开放的安卓也多出很多。其在品牌价值上的优势也不可忽略,用户对于iPhone的认可度非常高。然而,作为只专注于一台手机的策略,其在保证了最优手机硬件配置的前提下,也让用户缺少了更多的选择,如何能更加个人化个性化,也是选择iPhone时不得不思考的问题。再有,iPhone的体验设计从出现至今已经延续了快4个年头,但是我们没有看到其在UI在交互方面有多少重大的突破。这里我弱弱的问一句,大家没有觉得iPhone的UI已经有些过时了么?这一点,我们至少可以从现在app各种不拘规范的设计上看出一些端倪。

Android的优势在于开放,它应用于不同的硬件生产商,允许开发者深度开发不同的ROM,给用户带来的很多惊喜,这也让他的设计体验与时俱进,不会落伍,并满足用户多元化的需求。然而android也受制于自己的开放性,开放带来的无论是硬件还是系统的碎片化,给用户给谷歌给生产商都带来了很大的困扰。

WP7作为一种全新的体验模式,给用户带来了跟多的惊喜(当然并不只是惊喜),相信会被越来越多的用户所接受。在硬件方面则取了两者之长,它利用自己自身系统的特点,既提供给了生产商嵌入自己特色应用的入口,又保证了用户可以进行最快速的系统升级等服务。个人认为在体验方面,WP7是超前的,他有一个高端的外表,也有很多体贴的细节设计。另外在目前的操作系统中,WP7的系统优化应该是做的最好的,很低的配件就可以达到非常乐观的流畅度,这一点是其他系统不可比拟的,也为WP7平台适应不同价位段市场提供了很好的基础。另外WP7的进行的本地化推广战略,也是未来手机系统的一种趋势。但是其推出时间稍显滞后,新系统必须获得足够多的用户接受,而WP7的入门稍显困难,这一点也很有可能把它带入困境。创新的东西总是会带来挑战和风险。

我不赞同说WP7前景不被看好是因为用户没有任何理由放弃安卓和IOS,当然我也不赞同说WP7会打败IOS和安卓。未来的智能手机市场,不会出现一统天下的情况,只会是群雄逐鹿,此消彼长。不可能说一种或三四种操作平台就可以满足所有用户的需求,因为用户的需求是无穷尽的,而创新也是无穷尽的。

 (二)

“流畅、干净、周到、开阔、非常个人化,而且未完工”

这可以说是在体验了windows phone7.0系统之后我的感受,而mango之后恐怕要把最后一条去掉了。要谈WP7我们恐怕总是不得不说这样这样几个特有名词:”Metro”、”Live tiles”、”panorama”、”pivot”、”Hubs” 等等。

WP7的视觉设计风格:Metro

WP7的UI是基于一个叫Metro的内部项目。灵感来源于机场和地铁的指示系统。

三种常用元素:

  • 明显的色块
  • 象形的图形
  • 简短的文字

五点原则:

  • 干净,轻量,开放,快速
  • 要内容,而不是质感
  • 整合软硬件
  • 世界级的动画
  • 生动,有灵魂

当然仅仅metro是不够的,图片加图形或文字的形式也是WP7的主要视觉风格之一

目标用户:

WP7 系统定位的目标用户是:忙于私人和工作事务的高效能人士。针对此类目标用户,WP7系统在提供给用户的使用上注意以下几个问题:

  • 个人化–用你的方式去过一天
  • 关联性–你身边的人,你周围的环境
  • 连接性–你自己的东西,你自己的思考和关心

Wp7的交互特性:

lock wall惊艳开场:

WP7的锁屏界面由一张可更换的墙纸和若干提示信息构成,仅有时间信息和状态栏是必然存在的。整体的视觉风格非常简单轻量化。第一次点击,墙纸会做上下运动,带来了很好的使用引导。用户根本不需要关心手指点触的位置,只需要轻轻向上滑动超过1/3就可以完成开锁任务,墙纸会像大幕一样拉开。相比iPhone来说更加简单,整体视觉感官上也更加舒适。

 

WP7的结构框架

Start view

用户自定义快捷入口,可以是APP,可以是某个文件,可以是某个集合,可以是某个订阅,你可以“pin whatever you want”

App list

所有app的集合,mango增加了快捷检索和搜索

Panorama

适用于多功能整合的综合性app,原生系统用它来实现了自带的5个hub:ZUNE,PICTURE,LIVEBOX,PEOPLE,OFFICE,MARKET PLACE

pivot

适用于内容丰富,但是功能结构不是很深的app或做app的子层级:原生系统用它来实现了短信\日程表\邮箱\设置

list

适用于内容和功能简单的app或做app的子层级:原生系统用它来实现了通讯录

Tools

适用于功能比较纯粹app或做app的子层级:原生系统用它来实现了闹钟\计算器\相机\浏览器

下面将就几个WP7特有的名词进行解释。

 Start sreen

Start sreen 是用户进入后直接面对的第一屏,也是在任何情况下,点击物理HOME键即可回归的主屏。

它的主要组成元素只有一种,就是Live tiles。其本质类似于PC 操作系统的快捷方式,但是承载的信息更多,更加动态,也更加自由和个性化。

Metro风格的指向箭头会把用户清楚的引导向APP list。另外就是被弱化功能的状态栏。

小瓦片 大智慧—-live tiles

Tiles(瓦片)其实是一种快捷方式和推送机制的结合体。它是实时的,动态的,内容丰富的。这个词汇可以拆分成两个单词:live和tiles,Tiles可以是什么呢?

它可以是一个原生的APP快捷方式+实时的更新信息提示  
它可以是一个第三方应用的快捷入口  
它可以是某个联系人的快捷入口  
他可以是一首歌的快捷入口  
一个列表或者榜单的快捷入口  
一个游戏的某一关,一个特别关注的微博,一个相册  

似乎任何手机上的信息,只要用户有需要,只要我们的app上给用户授权,都可以在Start screen有一个入口。这样深层次的定制化逻辑,给用户带来了更加个人化的使用体验。

Live tiles的表现形式其实也是比较多样的:

他们都是tiles,为什么会有这样多的差异?其实他们的结构都是相同的。一个Tiles(瓦片)是由正反两个面构成的,开发者可自行选择是否全部采用。

正面:

一张底图(可以是图片或图标或图片加图标)

标题

更新通知

反面:

一张底图(可以是图片或没有)

标题

内容

Tiles正反两面的元素,开发者自行进行选择元素的存留。加之背景的差异,瓦片在视觉上的差异化,使得整个Start screen显得不会呆板平淡。

动画形式:

翻转:

平推:

Tiles的功能除了提供入口之外,还担当着更新本地动态,显示推送服务的角色。Tiles上的背景,和反面的内容都是可以实时更新的,正面和反面可以通过两种动画进行切换,在加之更新提示,使得tiles出色的承载了更多的信息,同时给系统带来了灵魂和生机。这也是WP7系统一种特色的通知形式,Tile Notification。

Tiles(瓦片)让用户拥有了更多的个人化个性化的定制空间,同时也给用户提供了更深层次的快捷入口。动态的推送提醒机制,各种随时而动的小动画,可以让用户第一时间知道最新的变化,也为整个系统带来的生机和灵魂,同时为更多信息的承载,提供了条件。WP7希望用这样方式达到快速、个人化的目的,而我们在做相关APP开发时,也可以充分利用这一特性,给用户带来惊艳快速的体验。 

HUBS

WP7在功能上对整体结构进行了整合和划分,采用了六个全景HUB分别是:

  • ZUNE—影音
  • PICTURE—图片
  • LIVEBOX—游戏
  • PEOPLE—社交与通讯
  • OFFICE—Office工具
  • MARKET PLACE—市场

另外也给厂商提供了第三方HUB入口,如: HTC HUB。

HUB不是一种单独的应用那么简单,正如其名字一样,“集线器”“枢纽”他更多的展现的是一种纽带的作用,重视与其他程序综合化得处理。使得户对某一类信息进行处理时的行为是连续的。每一个HUB都可以在其应用中连接到其他的app。WP7系统及追求使用操作的流畅,同时也追求信息流的流畅。以music+video为例,用户可以直接在这个HUB中搜索相关的app应用,然后安装。用户也可以直接从HUB里面相关的app列表,链接到相应的app进行音乐的其他操作。

Panorama(全景视图)

滑动的世界—流畅的不会迷失的导航 极其扁平的信息构架,WP7是一个滑动的世界,他会引导用户尽量通过滑动去切换去导航。全景视图是WP7特有的交互形式之一,它一般应用于app的第一层级。画卷式的操作形式,既给用户带来了方便流畅的操作体验,也给APP本身带来了更宽广的空间。

全景视图下原则上是支持所有控件的。再加上这个视图本身的广阔的空间,为这里提供了无限的可能性。上图是QQ音乐mango1.1版的全景布局。它不仅让用户在滑动中就可以完成一级导航的任务。由于其独特的空间特色,可以安排更多的内容,使整个信息的构架更加扁平。所以其适合应用于结构关系比较复杂的APP。

全景视图的空间结构示意

全景视图的背景是可更换甚至可随机变化,这为我们免去了做皮肤的烦忧,而且给用户带来了更多的自我发挥的空间和个性化的体验。

使用全景视图注意事项

  • 虽然全景的扩展性很强,但也要量力而为,过多的View不仅带来了APP的运算压力,影响流畅性,也会增加用户导航的操作难度,甚至让其迷失。此处建议3~5个。
  • 同时也要注意每一个view之间的视觉差异,避免用户迷失其中。
  • 另外,杂志/画册是很好的参考物,尤其是在排布和UI方面。

Pivot(枢轴视图)

Pivot是WP7比较创新的一种页签的操作形式,由标题,页签和内容组成。滑动内容和页签都可以进行页签切换操作,同时也支持点击直接切换页签。

滑动的魅力是强大的,用户不用去思考他的手指要点击哪里,会不会出现误操作之类的问题,他只要轻轻滑动页面,就可以轻快流畅的到达到要去的地方。减少停顿,让行为连续起来,再一次体现在系统的设计中。与全景视图相比,PIVOT更加注重体现内容,而不是结构,所以其适用于结构关系比较简单,但是内容比较丰富的APP,当然其也适合做全景页面的下一层级使用。

但是并不是完美的

Pivot的形式虽然用滑动的操作给用户带来了新颖和快捷的操作体验,但其页签的循环和变化在很多情况下却也容易让用户迷失其中。在设计的时候需要谨慎采用,尽量减少pivot的页签数量,并且不能出现pivot页面下继续出现pivot的情况。

在QQ音乐上,我们的解决办法是在全景视图下就给用户预设pivot中每一个页签项的入口,这样可以让用户以最快的速度到达他的目的地,同时也保留了其在pivot下切换页签的权利,既快速到达,又保存了行为的连续性。另外,在使用PIVOT的时候需要用字体大小和颜色来引导用户,使其预知哪些是可以点击的,哪些是导航的,其实这是整个WP7系统要注意的问题。

在对一些WP7的交互特性进行了解释和分析之后,这里笔者也总结了一些系统的特质。

一、永远的开阔:去边界化设计的极致体验

去边界化的设计遍布了整个WP7系统,这是一个全新的尝试。在WP7系统中,我们基本看不到在其他系统上随处可见的各种栏:标题栏,状态栏,工具栏…Bla Bla…所以,我们看到了一个更加广阔的视野,更加舒适的Screen。上图是同一个页面,在WP7和IOS上的对比,很明显,WP7的视野更加开阔,整个屏幕都是风景,而IOS则让人觉得看到的是一扇窗户中的风景。当然这样做也是有足够的风险,用户的识别性降低了,功能区域的划分也不明显。WP7的解决思路就是尽量让用户看到的都是可以点击的,用字体大小、颜色来引导用户去区分目标的属性,目前来看,本人还是可以接受并习惯的。

二、连接一切:完善贴心的提示系统

WP7的提示系统有很多种,不同的场景应用不同的提示系统,除了之前介绍的Tile Notification,这里的将给大家介绍一个最普通Toast Notification

WP7的toast 跟平常情况下的toast基本差不多,展现形式如图,但WP7给他加入了更多的可控因素:点击toast直接进入相应的应用,或者划开toast不在意。在IOS5上,苹果也采用了类似的形式。这样的提醒既没有干扰到用户的正常使用,又方便的给用户提供了专场的出口,可谓贴心,而且不知不觉把应用都连接了起来。

三、充满空间感的动态世界:空间层结构–动态、动画与等待机制

WP7的动画是一大特色,同时也是充满了空间感。而这一点在设计的时候最好给予关注,“让用户把等待变成一种享受”

四、减少输入的快捷体验:强大的本地检索

WP7的本地检索,既有分类的作用,又可以达到快速的检索,而且具有很好的扩展性。尤其是对于分栏项目很多的页面设计,我们可以从中得到很多启发。

五、扬长补短、语义明确:创新的工具栏

在iOS或安卓上toolbar的处理一直让人头疼的一个问题是:单纯用图形化的图标,用户会迷茫,使用图标加文字,会浪费空间,于是经常两难。而WP7则秉承他开拓空间的传统,使toolbar有了一种更新颖也更贴心的展现形式。正常状态下,toolbar为单纯的图标 然后又一个提示用户点击的“…”,或者只有“…”,这里放置的图标是用户最常用和最容易识别的功能。当用户对图标不理解的时候点击工具栏“…”,工具栏会拉起,显示图标的文字解释。工具栏图标最多可以放4个,当有更多,或者不常用或者用图标难以表达的功能,则以菜单的形式至于图标下方,做隐藏,点击“…”时,上拉弹出。

WP7精神

  • 注重程序之间联系与转化,无处不在的快捷入口和操作性更好的提示系统,滑动为先的导航操作,让用户的使用行为更加连续顺畅,更少的停顿和思考。
  • 各种各样的个人定制,让整个系统更加自由,个人化,个性化。
  • 扁平的信息构架,简化操作层级,更加直接,快速。
  • 去边界化的视觉,让用户的视野更加开阔,使用感受更加舒适。
  • 充满变化与动态,实时的告诉你你的系统是活的,有灵魂的,并且正在发生着什么。

WP7应用开发中交互设计和UI设计的几点建议

  •  轻量化趋势(去边界)
  • 怎样扁平信息
  • 怎样开发空间
  • 减少用户的思考,不停顿
  • 手势的高级化:点击更多→滑动更多
  • 用WP7的思维去认识这个平台(社交、联系、快速)
  • 流畅轻量为先
  • 给用户更多个性化空间

结语:

WP7的意义不在于它在市场上能否会影响甚至击败苹果或者安卓,而在于在体验方面他确实进行了很多前卫而有意义的尝试。

还是那句话,未来的移动互联必然是多元化的诸侯纷争的格局,我们应该对更多新的东西给予宽容和机会,因为他们确实能给我们带来惊喜。

分类: 6如何设计 标签:

中国经营报:微软Windows Phone浴火能否重生

2011年12月17日 没有评论

中国经营报:微软Windows Phone浴火能否重生

 

Windows Phone(腾讯科技配图)

巨人名称:微软

面临挑战

在互联网和移动应用方面落后

因为过于强大变得动作迟缓

未来看点

Windows 8和Windows Phone 7都是颠覆自我的产品

Kinect的自然交互界面技术具有非常广阔的商用前景

微软的传统软件产品仍然有着无可替代的优势,它也是现金流充实的根源。近年来,微软屡遭诟病的原因是:在互联网领域的后知后觉,在移动市场的屡战屡败。

2012年,微软与诺基亚能否自救与互救?在智能手机曾经沧海的微软,能否真正出头,与苹果iOS、安卓三分天下?

2012年,WP(Windows Phone)手机将批量上市,接受市场的考验。

多舛的智能手机

“看到苹果手机,我们当时就知道自己的方向错了。”

微软确实是一家颇具前瞻性的企业,只是走得太快,而且因为有惯性思维,所以并没有及时调整或被新兴市场认可。

追溯微软在移动市场的战略发起,起源于2000年Pocket PC2000版本发布,那时候主要的应用是在PDA上。PDA是昙花一现的产品,短暂的生命周期之后就在市场上消失无踪。微软也很早就预见到智能手机的前景,在2003年推出Windows Mobile 2003版本。此后,Windows Mobile(WM)成为微软在智能手机领域拼杀的利器。

“其实WM在2007年之前还是很成功的,是除了塞班之外最大的手机操作系统。”北京支点联游首席技术官马宁感慨道,他曾经是微软手机部门的一位员工,后来离职加入到WP平台应用开发的大军当中。从2003年到2007年,智能手机处于缓慢增长的阶段,微软也曾占有一席之地。

“从软件经济学角度来看,软件产品在第五、六版本的时候是最好用的。但再升级下去就会变得过于复杂、繁重。”在2007年之前,微软的手机达到了顶峰——无论是性能还是市场份额。

但是改变游戏规则的人出现了——2007年苹果手机面市。

“看到苹果手机,我们当时就知道自己的方向错了。”一位微软内部员工告诉《中国经营报》记者, “微软以前做手机的思路就是计算机+手机,苹果告诉我们,智能手机的使用习惯不是我们设想的那样。”

当时的WM6版本刚刚推出。微软内部反应也非常快,从战略上决定放弃WM,从头开发WP7。但重头开发一个产品至少需要两年以上的时间,作为主要厂商不可能在市场上不发出任何声音。所以微软内部的开发双线并进,并在2008年、2009年分别推出WM 6.1、WM 6.5版本。虽然WM6.5发布声势极为浩大,但并不表示微软有信心以这款产品赢得市场。“这是领导厂商必须要做的动作,必须要发出声音,不能让市场忘记我们。”上述内部员工告诉记者,微软实际上已经预料到此后在智能手机市场份额的快速滑落。

2010年10月,WP7发布,这是微软在智能手机市场颠覆传统的一款产品,但想要取得认可与成功,还需要很长的过程。

除了在软件上推倒重来,微软也在学习iOS和安卓,调整自己产品更新的速度。在WM时代,平均两年一次大的版本升级。而到WP7则是一年一次,中间还加有数次小规模的升级。当然,这与安卓每五六个月一次重大升级的速度相比,还是欠缺一些互联网时代的基因。“微软逐渐找到自己的步点了。”

在智能手机的曲折路途上,微软懂得了否定自己、推倒重来,也开始放下身段,真正开始学习竞争对手的优点。

谷底的绝地反扑

“我们的产品真的很酷,就是太慢了,我们心里真的很急!”

在最近的一份调查中,在所有的手机产品中,智能手机占总量的30%。而这30%当中,安卓拿到17.6%,iOS拿到4.4%,WP只拿到0.5%。微软的智能手机正处于谷底。

高宇是微软手机部门的一分子,8年前从多普达加入微软。他告诉记者:“我们的产品真的很酷,就是太慢了,我们心里真的很急!”

不仅是高宇认为WP7的产品很酷,从一些测评和试用者的反馈来看,WP7产品获得了相当不错的评价。

一个被称为Metro的用户界面(User Interface)展示技术是WP7中最大的亮点,和苹果的iOS、谷歌的Android最大的区别在于:后两种都是以应用为主要呈现对象,而Metro界面强调的是信息本身,不是冗余的界面元素。“现在很多智能手机都以应用为主,界面上只是应用图标,必须点进去才可以看到里面内容。WP的开始界面名为动态磁贴(Live Tile),用户可以自由的将应用、联系人等信息固定到动态磁贴显示,随时可以看到更新,不用点进去,突出了以人为本。”微软大中华区副总裁兼通信及运营商事业部总经理温涛对记者说。

2011年3月和5月微软分别对WP做了小的升级,9月28日大升级到Windows Phone 7.5,代号Mango。Mango集结了约500项新功能,其中最明显的包括社交、互联网和应用程序三大块。系统级原生社交化分享网络的集成作为Mango最大的特点,与苹果、谷歌相比具有最具差异化。

微软看到了苹果成功的精髓,它认为,不必一味提升硬件性能,而是要不断改善用户的使用体验——要知道这一思路的改变,是对其在PC时代战略的一个自我颠覆。这一次,微软统一了WP手机的芯片——高通Snapdragon单核心处理器,规定了统一的显示分辨率(800×480像素)等等,“通俗地讲,就是使软件针对这些硬件进行优化,双方达到最为匹配,也就能发挥出最高的功效。”马宁解释WP的厂商大可不必像安卓厂商那样大搞“军备竞赛”,以双核为噱头,明年甚至要升级为四核。

这是一个软硬件之间的木桶原理,兼容性和性能始终是无法调和的矛盾。 “我们对硬件的要求非常严格、统一。这样虽然是不同品牌、不同价位的WP7,但是开发者的应用只要在一部机器上测试通过,就可以保证在其他设备上也都适用。”温涛从开发者的角度解释了软硬统一带来的最大好处。

“从软件的产品生命周期来看,我不认为前两个版本的WP能够大红大紫。但在三四个版本之后,可以达到与iOS、安卓三分天下的势力格局。”马宁的判断与业界部分第三方机构的预测大体一致。Gartner预测,到2015年,WP将成为第二大智能手机操作系统。

而在微软内部,“憋”了很久的员工想凭借WP7扬眉吐气一把。“现在最大的问题就是时间。”高宇言语中透露着焦急。虽然国外已经有一些WP7手机陆续上市,但在中国这个全球最大市场,微软还没有一款产品正式面市,最早要等到2012年初。

改变中的微软

2012年是微软智能手机产品最值得期待的一年,也是微软能否重新获得业界认可的关键一年。

马宁认为,WP是创业者难得的市场机遇:“苹果的App Store之后,大企业在整个产业链里的影响力是在逐渐下降的。对于个人开发者来讲,可以拥有以小博大的机会。不过,新创业的团队或者个人此时再加入iOS和安卓已经没有优势了,不如早早在WP上占领先机。”

与马宁想法一样,张大磊曾是微软的一名员工,今年8月份离职开始创业,用他自己的话说就是“卡位”。“要抢占先机,毕竟产品需要一段时间才能做出来,一开始做起来肯定是需要时间的,希望市场起来的时候我们就已经在那里了。”

马宁一直是WP开发者圈子里的活跃分子,今年圈中朋友在交流的时候常说一句话:“终于赶上这一波了。”

今年1月份,微软的应用商店(Market Place)上只有5000多个应用,而到12月中旬已经达到4.5万个,其中最近90天内应用增加了14261个,这也意味着WP7的影响力开始真正显现。IDC的报告中称,开发人员对微软WP设备的兴趣度提升了8%至38%,在即将到来的2012年,微软有望成为一个赢家。

微软WP能否成功现在还是未知数。但通过微软在智能手机领域的曲折经历,我们看到了微软追求改变的态度,甚至是改变到了基因层面。以往,“只有软件基因、没有互联网基因”是业界普遍认为微软无法追赶谷歌、苹果的原因。但在互联网、手机领域摸索过多年之后,微软终于懂得了学习,懂得了改变。

“明年市场最为瞩目的Windows8,硬件需求比Windows7还要低。由此我们可以看到微软思路的改变,操作系统不再是一代比一代复杂,而是走上了轻量化的设计思路,这也跟现在移动设备的设计理念完全一致。”赛迪IT系统产业研究中心总经理梁潇分析认为,Windows8将是2012年整个PC、移动产业都最为关注的产品。

从技术引领到用户需求引领,让产品变得越来越轻,加强垂直整合,加快产品更新速度,微软在智能手机的旅途中产生了很多颠覆自我的变化,这种心路历程也体现在微软其他新兴领域。2012年是微软智能手机产品最值得期待的一年,也是微软能否重新获得业界认可的关键一年。

分类: 9其他 标签: ,

浅窥Windows Phone 7之用户交互设计

2011年11月2日 没有评论

前言:本文发表于2010年9月程序员杂志上,现杂志已经上市一月有余故放上来。本文简单介绍了Windows Phone 在用户交互上的一部分改变。当然,本文的目的只是通过这一些内容说明微软的进步,本文并未涵盖Windows Phone 7中所有的新特性。

在今年2月15日巴塞罗那的Mobile World Congress 2010大会上,微软终于正式宣告了其下一代的智能手机平台Windows Phone 7 Series(目前已经更名为Windows Phone 7)。这半年来,随着各大媒体对于Windows Phone 7的关注度的日益提高,大家对Windows Phone 7的了解也越来越多。同时,为了能够在广大开发者在Windows Phone 7正式上市前顺利的开发出Windows Phone 7上的相关应用,微软也已经在这两个月陆续的向Windows Phone 7的第一波发行国家的开发人员发放了几千台Windows Phone 7的开发样机。

Metro

从早期的Pocket PC到后来的Windows Mobile操作系统,微软的智能手机平台最为人所诟病的一点就是:它太像一个电脑而不是手机了。这一点放在七八年前或许还能作为证明其功能强大的优势来 说说,放在现在只能让人摇头叹息。直到Windows Phone 7的出现才真正让人眼前一亮,或许这才是用户所需要的智能手机操作系统。Windows Phone 7采用了一套称之为“Metro”的设计规范来设计它的用户界面和交互部分。之所以起名叫做“Metro”,是因为这是从大家常见的地铁中对于乘客的指示 系统中汲取了大量的经验:简洁清晰、快速、内容为主。微软自己则对Metro描述为:“Metro is our design language. We call it Metro because it’s modern and clean. It’s fast and in motion. It’s about content and typography. And it’s entirely authentic.

image

图1 – Windows Phone 7的Metro UI

Panorama

还记得在Windows Mobile中,如果程序具有多个不同的视图来展现不同的内容的时候您会怎么安排这些内容么?没错,最常用的做法莫过于建立多个窗体,而用户通过窗体上的 按钮或者超链接等控件的操作来在多个窗体之间进行跳转。这样做其实就是一种完全的电脑上的行为的模拟,对手机的用户其实是很不方便的。一则用户需要在某些 特定的控件上点击才能进入所需要的视图;二来用户往往容易迷失在多个窗体之中不知道该如何返回或者去往想要的窗体。

image

图2 – 用户容易在多窗体中迷失

Metro给我们带来的最大的改变之一,就是带来了Panorama(全景视图)。它在Windows Phone 7中的六个Hub(People, Music & Video, Pictures, Games, Marketplace, Office)中被广泛使用。全景视图不同于以往的任何一个手机系统的用户界面,不再是让你的内容去适应狭小的手机屏幕,也不再是在不同的窗体之间来回切 换。它提供了一种全新的视图,在水平方向上扩展内容到屏幕之外,来展现/集成不同的控件、数据和服务,就好像把它们排布在一张横轴的画卷上。当前可视区域 所停留的部分,则只是手机屏幕的大小部分,就好像画卷上的一个滑动窗口。用户所需要做的只是轻轻地在界面上横向滑动手指,这张画卷就会随之而动将你想要看 的内容带到你眼前的焦点区域。

image

图3 – 全景视图

Pivot

对于多内容的组织,其实还有一种源自于桌面应用程序的形式。那就是通过标签页,它将多个内容页面都放在同一个窗体内,不过某一时刻只能看到一个标签页的内容。用户可以通过点击标签来切换视觉区域内所展现的内容页面。

image

图4 – 标签页

这种组织方式有效地解决了多窗体中容易导致用户在窗体中迷失的状况,但是它也有一些问题。例如窗体的下方往往会有一些菜单栏,而点击标签页的时候会 不小心触碰到这些菜单项;当标签页过多的时候,用户不得不点击左右箭头来查看其他的标签。 HTC在其Windows Mobile产品中增加了一套名为HTC Sense的用户界面,它的本质其实也就是标签页。只不过HTC很好的规避了标签页的这些缺陷,例如加大标签用图标来代替以防止点击不准确;通过滑动的方 式在多个标签中切换。

相应的,在Windows Phone 7中微软也提供了类似的解决方案,Pivot(枢轴)控件,用来在这狭小的屏幕中更好地组织内容。但是它并不是一个全新的控件,其实在Windows Mobile 6.5.3中它就已经露出了身影。只不过在Windows Phone 7中对其又做了一些修改使得它更加符合Metro设计规范。

image

图5 – 枢轴视图

我们会看到,Pivot控件将标签内容放到了顶端用高亮文字标识。这样既容易提醒用户当前所处的位置,又不至于和下方的App Bar中的命令按钮靠得太近而带来误操作的风险。

Application Bar

不管是桌面应用或者基于浏览器的网站,还是手机上的移动应用程序,菜单是一项很重要的功能导航系统。用户可以通过它来执行某些命令或者通过它在不同 的内容页面跳转。在早期的Windows Mobile产品(Pocket PC 2002/2003)中我们会发现它有着很浓厚的桌面应用的影子,在窗体的下方密密麻麻的排布着小小的菜单项。用户必须小心翼翼的点击这些菜单才不会至于 点击错误。同时,这些菜单项上还可能有子菜单的选择。这时候,你拿着触笔就好像是用鼠标一样必须非常精准才行。这种导航方式显然不利于手机用户的单手操 作。一直到了Windows Mobile 5的时代,微软对菜单系统才有所改善,下方的菜单栏中只允许排布两个菜单项,如果有更多的菜单项,可以通过这些菜单的子菜单来实现。

image

图6 – Windows Mobile系统中的菜单

但是这种改进并不足以满足用户的实际需求。因为只有左右两个菜单项,如果用户的菜单项超过2个的话,实际上当前界面中最多只有一个菜单项可用于直接 的操作命令(另外一个必须设置成子菜单来容纳更多的菜单项)。所以它导致了用户往往需要展开菜单项来操作一些命令。微软在Windows Phone 7中对菜单系统又做了一些改进。现在的菜单系统称之为Application Bar,其中包含命令按钮和菜单项两种方式。通常情况下,只显示最多四个常用的命令按钮,当用户需要查看更多的命令的时候则再来展开菜单项。

imageimage

图7 – Windows Phone 7中的Application Bar

小结

由于时间和篇幅的缘故笔者无法一一对Windows Phone 7中的用户界面和交互设计部分作详细研究。当然,Metro带给大家的远远不止是全景视图、枢轴控件以及菜单系统的改变。它不但包含着大量控件的设计和使 用规范,也对用户界面和用户交互都做了很详细的解释和设定。如果您想要开始研究开发Windows Phone 7上的应用程序的话,一定不要忘了去微软的官方网站下载《UI Design and Interaction Guide for Windows Phone 7》(目前版本v2.0)。,

目前该指导手册的版本仍然是基于Beta版SDK的。在这里需要注意的是,目前发布的Windows Phone 7的beta版的SDK中并没有包含全景视图和枢轴这两个控件(不过在互联网上你可以搜索到不少第三方对它们的实现),因为微软还在对这两个重要的控件进 行最后的调试和准备。当然,微软已经确认在最终发行的正式版的SDK中会包含这两个控件的官方版本。

分类: 6如何设计 标签:

WP7交互特性浅析及APP设计探究

2011年10月31日 没有评论

Windows phone7是无线领域的新生力量,但是迟迟没有进入中国市场。Mango(注意WP7和mango不是一个概念)的发布带来了中文的操作系统,也让人们看到了该系统的无限可能。在此,我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解,浅谈一下这一特别系统的交互特性。

本文索引:

  • 涅磐重生的WP7(以及它的历史简介)
  • WP7对比iOS和Android
  • WP7设计风格
  • WP7内容和结构框架及特有名词解释
  • WP7交互特质分析
  • WP7应用设计建议

什么是WP7?

Windows Phone 7是微软发布的一款手机操作系统,它来自于微软但是和之前的windows mobile系统却截然不同。可以说微软的操作系统应该大致分为两个时代:windows mobile时代和windows phone时代。

Window mobile时代

  • 十年前一个基于windows ce的移动智能系统被开发出来,这就是windows mobile的原型版本。Pocket PC发布, 代号Rapier(双刃剑),发布于2000年4月19日,这是一个里程碑的事件。这也是后来被称为Windows Mobile的操作系统的首次亮相。
  • Windows Mobile 2003的原代号为”Ozone”(臭氧),发布于2003年6月23日,是第一个版本的Windows Mobile
  • Windows mobile 6.5是windows mobile时代的最后一个作品,但其根本上的,研习PC上严谨但死板的操作体验,终于在IPhone和Android的打击下,变得不堪一击。微软亟需一次蜕变。

WP7时代:

  • 2010.2.15微软在全球移动通信大展上公布Windows Phone7
  • 2010.10.11微软正式发布了WP7,并同时宣布首批采用WP 7的9款智能手机
  • 2011.5.24微软正式发布WP7.1(或称7.5代号Mango),表示Mango的三大要素是“通信、应用与网络”。
  • 2011.9.16微软正式在台湾地区推送Mango
  • 据称,在接下来,或将推出应用于中国大陆地区的操作系统Tango以及代号Apollo的windows8操作系统。

Windows Phone 7.0完全脱离了旧构架,一个未完工的系统,这大大影响了其体验的评价,尤其在中国。Mango带来了500多项改进和创新,当然还有完美的中文支持,基本形成了一个比较完善的手机操作系统。

WP7制定了硬件最低标准,这是为什么呢?WP7的目标是为多方手机生产商提供服务,所以不会像iPhone一样,在硬件上十分标准一致,但是其对本硬件都有“最低需求”,这保证了其不至于像android那样出现碎片化的杂乱场面。

屏幕

800×480 WVGA,支持多点触摸(最少4点)

硬件按钮

WP7设备至少要具备3个按钮:后退,HOME键,搜索

处理器

Qualcomm Snapdragon MSM 8×55(主频1GHz)或MSM 7×30(主频800MHz) CPU(支持DirectX 9)。

内存

至少512MB

内部存储

最少8GB

外部存储

扩展大于等于16G

无线

WiFi、蓝牙、A-GPS、FM

摄像头

至少500万像素,有闪光灯

其他

加速度感应器、指南针、亮度感应、外部键盘(可选)

目前WP7阵营的支持厂商:三星、LG、HTC、诺基亚、宏碁、富士通、中兴等。毫无疑问,微软和诺基亚的合作是最应该被人们所重视的伙伴。

WP7, iOS, Android

毫无疑问,iPhone拥有着最庞大的APP资源,其现在的app数量是WP7的10倍以上,比开放的安卓也多出很多。其在品牌价值上的优势也不可忽略,用户对于iPhone的认可度非常高。然而,作为只专注于一台手机的策略,其在保证了最优手机硬件配置的前提下,也让用户缺少了更多的选择,如何能更加个人化个性化,也是选择iPhone时不得不思考的问题。再有,iPhone的体验设计从出现至今已经延续了快4个年头,但是我们没有看到其在UI在交互方面有多少重大的突破。这里我弱弱的问一句,大家没有觉得iPhone的UI已经有些过时了么?这一点,我们至少可以从现在app各种不拘规范的设计上看出一些端倪。

Android的优势在于开放,它应用于不同的硬件生产商,允许开发者深度开发不同的ROM,给用户带来的很多惊喜,这也让他的设计体验与时俱进,不会落伍,并满足用户多元化的需求。然而android也受制于自己的开放性,开放带来的无论是硬件还是系统的碎片化,给用户给谷歌给生产商都带来了很大的困扰。

WP7作为一种全新的体验模式,给用户带来了跟多的惊喜(当然并不只是惊喜),相信会被越来越多的用户所接受。在硬件方面则取了两者之长,它利用自己自身系统的特点,既提供给了生产商嵌入自己特色应用的入口,又保证了用户可以进行最快速的系统升级等服务。个人认为在体验方面,WP7是超前的,他有一个高端的外表,也有很多体贴的细节设计。另外在目前的操作系统中,WP7的系统优化应该是做的最好的,很低的配件就可以达到非常乐观的流畅度,这一点是其他系统不可比拟的,也为WP7平台适应不同价位段市场提供了很好的基础。另外WP7的进行的本地化推广战略,也是未来手机系统的一种趋势。但是其推出时间稍显滞后,新系统必须获得足够多的用户接受,而WP7的入门稍显困难,这一点也很有可能把它带入困境。创新的东西总是会带来挑战和风险。

我不赞同说WP7前景不被看好是因为用户没有任何理由放弃安卓和IOS,当然我也不赞同说WP7会打败IOS和安卓。未来的智能手机市场,不会出现一统天下的情况,只会是群雄逐鹿,此消彼长。不可能说一种或三四种操作平台就可以满足所有用户的需求,因为用户的需求是无穷尽的,而创新也是无穷尽的。

(二)

“流畅、干净、周到、开阔、非常个人化,而且未完工”

这可以说是在体验了windows phone7.0系统之后我的感受,而mango之后恐怕要把最后一条去掉了。要谈WP7我们恐怕总是不得不说这样这样几个特有名词:”Metro”、”Live tiles”、”panorama”、”pivot”、”Hubs” 等等。

WP7的UI是基于一个叫Metro的内部项目。灵感来源于机场和地铁的指示系统。

三种常用元素:

  • 明显的色块
  • 象形的图形
  • 简短的文字

五点原则:

  • 干净,轻量,开放,快速
  • 要内容,而不是质感
  • 整合软硬件
  • 世界级的动画
  • 生动,有灵魂

当然仅仅metro是不够的,图片加图形或文字的形式也是WP7的主要视觉风格之一

目标用户:

WP7 系统定位的目标用户是:忙于私人和工作事务的高效能人士。针对此类目标用户,WP7系统在提供给用户的使用上注意以下几个问题:

  • 个人化–用你的方式去过一天
  • 关联性–你身边的人,你周围的环境
  • 连接性–你自己的东西,你自己的思考和关心

lock wall惊艳开场:

WP7的锁屏界面由一张可更换的墙纸和若干提示信息构成,仅有时间信息和状态栏是必然存在的。整体的视觉风格非常简单轻量化。第一次点击,墙纸会做上下运动,带来了很好的使用引导。用户根本不需要关心手指点触的位置,只需要轻轻向上滑动超过1/3就可以完成开锁任务,墙纸会像大幕一样拉开。相比iPhone来说更加简单,整体视觉感官上也更加舒适。

Start view

用户自定义快捷入口,可以是APP,可以是某个文件,可以是某个集合,可以是某个订阅,你可以“pin whatever you want”

App list

所有app的集合,mango增加了快捷检索和搜索

Panorama

适用于多功能整合的综合性app,原生系统用它来实现了自带的5个hub:ZUNE,PICTURE,LIVEBOX,PEOPLE,OFFICE,MARKET PLACE

pivot

适用于内容丰富,但是功能结构不是很深的app或做app的子层级:原生系统用它来实现了短信\日程表\邮箱\设置

list

适用于内容和功能简单的app或做app的子层级:原生系统用它来实现了通讯录

Tools

适用于功能比较纯粹app或做app的子层级:原生系统用它来实现了闹钟\计算器\相机\浏览器

下面将就几个WP7特有的名词进行解释。

Start sreen

Start sreen 是用户进入后直接面对的第一屏,也是在任何情况下,点击物理HOME键即可回归的主屏。

它的主要组成元素只有一种,就是Live tiles。其本质类似于PC 操作系统的快捷方式,但是承载的信息更多,更加动态,也更加自由和个性化。

Metro风格的指向箭头会把用户清楚的引导向APP list。另外就是被弱化功能的状态栏。

小瓦片 大智慧—-live tiles

Tiles(瓦片)其实是一种快捷方式和推送机制的结合体。它是实时的,动态的,内容丰富的。这个词汇可以拆分成两个单词:live和tiles,Tiles可以是什么呢?

它可以是一个原生的APP快捷方式+实时的更新信息提示
它可以是一个第三方应用的快捷入口
它可以是某个联系人的快捷入口
他可以是一首歌的快捷入口
一个列表或者榜单的快捷入口
一个游戏的某一关,一个特别关注的微博,一个相册

似乎任何手机上的信息,只要用户有需要,只要我们的app上给用户授权,都可以在Start screen有一个入口。这样深层次的定制化逻辑,给用户带来了更加个人化的使用体验。

Live tiles的表现形式其实也是比较多样的:

他们都是tiles,为什么会有这样多的差异?其实他们的结构都是相同的。一个Tiles(瓦片)是由正反两个面构成的,开发者可自行选择是否全部采用。

正面:

一张底图(可以是图片或图标或图片加图标)

标题

更新通知

反面:

一张底图(可以是图片或没有)

标题

内容

Tiles正反两面的元素,开发者自行进行选择元素的存留。加之背景的差异,瓦片在视觉上的差异化,使得整个Start screen显得不会呆板平淡。

动画形式:

翻转:

平推:

Tiles的功能除了提供入口之外,还担当着更新本地动态,显示推送服务的角色。Tiles上的背景,和反面的内容都是可以实时更新的,正面和反面可以通过两种动画进行切换,在加之更新提示,使得tiles出色的承载了更多的信息,同时给系统带来了灵魂和生机。这也是WP7系统一种特色的通知形式,Tile Notification。

Tiles(瓦片)让用户拥有了更多的个人化个性化的定制空间,同时也给用户提供了更深层次的快捷入口。动态的推送提醒机制,各种随时而动的小动画,可以让用户第一时间知道最新的变化,也为整个系统带来的生机和灵魂,同时为更多信息的承载,提供了条件。WP7希望用这样方式达到快速、个人化的目的,而我们在做相关APP开发时,也可以充分利用这一特性,给用户带来惊艳快速的体验。

HUBS

WP7在功能上对整体结构进行了整合和划分,采用了六个全景HUB分别是:

  • ZUNE—影音
  • PICTURE—图片
  • LIVEBOX—游戏
  • PEOPLE—社交与通讯
  • OFFICE—Office工具
  • MARKET PLACE—市场

另外也给厂商提供了第三方HUB入口,如: HTC HUB。

HUB不是一种单独的应用那么简单,正如其名字一样,“集线器”“枢纽”他更多的展现的是一种纽带的作用,重视与其他程序综合化得处理。使得户对某一类信息进行处理时的行为是连续的。每一个HUB都可以在其应用中连接到其他的app。WP7系统及追求使用操作的流畅,同时也追求信息流的流畅。以music+video为例,用户可以直接在这个HUB中搜索相关的app应用,然后安装。用户也可以直接从HUB里面相关的app列表,链接到相应的app进行音乐的其他操作。

Panorama(全景视图)

滑动的世界—流畅的不会迷失的导航 极其扁平的信息构架,WP7是一个滑动的世界,他会引导用户尽量通过滑动去切换去导航。全景视图是WP7特有的交互形式之一,它一般应用于app的第一层级。画卷式的操作形式,既给用户带来了方便流畅的操作体验,也给APP本身带来了更宽广的空间。

全景视图下原则上是支持所有控件的。再加上这个视图本身的广阔的空间,为这里提供了无限的可能性。上图是QQ音乐mango1.1版的全景布局。它不仅让用户在滑动中就可以完成一级导航的任务。由于其独特的空间特色,可以安排更多的内容,使整个信息的构架更加扁平。所以其适合应用于结构关系比较复杂的APP。

全景视图的空间结构示意

全景视图的背景是可更换甚至可随机变化,这为我们免去了做皮肤的烦忧,而且给用户带来了更多的自我发挥的空间和个性化的体验。

使用全景视图注意事项

  • 虽然全景的扩展性很强,但也要量力而为,过多的View不仅带来了APP的运算压力,影响流畅性,也会增加用户导航的操作难度,甚至让其迷失。此处建议3~5个。
  • 同时也要注意每一个view之间的视觉差异,避免用户迷失其中。
  • 另外,杂志/画册是很好的参考物,尤其是在排布和UI方面。

Pivot(枢轴视图)

Pivot是WP7比较创新的一种页签的操作形式,由标题,页签和内容组成。滑动内容和页签都可以进行页签切换操作,同时也支持点击直接切换页签。

滑动的魅力是强大的,用户不用去思考他的手指要点击哪里,会不会出现误操作之类的问题,他只要轻轻滑动页面,就可以轻快流畅的到达到要去的地方。减少停顿,让行为连续起来,再一次体现在系统的设计中。与全景视图相比,PIVOT更加注重体现内容,而不是结构,所以其适用于结构关系比较简单,但是内容比较丰富的APP,当然其也适合做全景页面的下一层级使用。

但是并不是完美的

Pivot的形式虽然用滑动的操作给用户带来了新颖和快捷的操作体验,但其页签的循环和变化在很多情况下却也容易让用户迷失其中。在设计的时候需要谨慎采用,尽量减少pivot的页签数量,并且不能出现pivot页面下继续出现pivot的情况。

在QQ音乐上,我们的解决办法是在全景视图下就给用户预设pivot中每一个页签项的入口,这样可以让用户以最快的速度到达他的目的地,同时也保留了其在pivot下切换页签的权利,既快速到达,又保存了行为的连续性。另外,在使用PIVOT的时候需要用字体大小和颜色来引导用户,使其预知哪些是可以点击的,哪些是导航的,其实这是整个WP7系统要注意的问题。

在对一些WP7的交互特性进行了解释和分析之后,这里笔者也总结了一些系统的特质。

一、永远的开阔:去边界化设计的极致体验

去边界化的设计遍布了整个WP7系统,这是一个全新的尝试。在WP7系统中,我们基本看不到在其他系统上随处可见的各种栏:标题栏,状态栏,工具栏…Bla Bla…所以,我们看到了一个更加广阔的视野,更加舒适的Screen。上图是同一个页面,在WP7和IOS上的对比,很明显,WP7的视野更加开阔,整个屏幕都是风景,而IOS则让人觉得看到的是一扇窗户中的风景。当然这样做也是有足够的风险,用户的识别性降低了,功能区域的划分也不明显。WP7的解决思路就是尽量让用户看到的都是可以点击的,用字体大小、颜色来引导用户去区分目标的属性,目前来看,本人还是可以接受并习惯的。

二、连接一切:完善贴心的提示系统

WP7的提示系统有很多种,不同的场景应用不同的提示系统,除了之前介绍的Tile Notification,这里的将给大家介绍一个最普通Toast Notification

WP7的toast 跟平常情况下的toast基本差不多,展现形式如图,但WP7给他加入了更多的可控因素:点击toast直接进入相应的应用,或者划开toast不在意。在IOS5上,苹果也采用了类似的形式。这样的提醒既没有干扰到用户的正常使用,又方便的给用户提供了专场的出口,可谓贴心,而且不知不觉把应用都连接了起来。

三、充满空间感的动态世界:空间层结构–动态、动画与等待机制

WP7的动画是一大特色,同时也是充满了空间感。而这一点在设计的时候最好给予关注,“让用户把等待变成一种享受”

四、减少输入的快捷体验:强大的本地检索

WP7的本地检索,既有分类的作用,又可以达到快速的检索,而且具有很好的扩展性。尤其是对于分栏项目很多的页面设计,我们可以从中得到很多启发。

五、扬长补短、语义明确:创新的工具栏

在iOS或安卓上toolbar的处理一直让人头疼的一个问题是:单纯用图形化的图标,用户会迷茫,使用图标加文字,会浪费空间,于是经常两难。而WP7则秉承他开拓空间的传统,使toolbar有了一种更新颖也更贴心的展现形式。正常状态下,toolbar为单纯的图标 然后又一个提示用户点击的“…”,或者只有“…”,这里放置的图标是用户最常用和最容易识别的功能。当用户对图标不理解的时候点击工具栏“…”,工具栏会拉起,显示图标的文字解释。工具栏图标最多可以放4个,当有更多,或者不常用或者用图标难以表达的功能,则以菜单的形式至于图标下方,做隐藏,点击“…”时,上拉弹出。

WP7精神

  • 注重程序之间联系与转化,无处不在的快捷入口和操作性更好的提示系统,滑动为先的导航操作,让用户的使用行为更加连续顺畅,更少的停顿和思考。
  • 各种各样的个人定制,让整个系统更加自由,个人化,个性化。
  • 扁平的信息构架,简化操作层级,更加直接,快速。
  • 去边界化的视觉,让用户的视野更加开阔,使用感受更加舒适。
  • 充满变化与动态,实时的告诉你你的系统是活的,有灵魂的,并且正在发生着什么。
  • 轻量化趋势(去边界)
  • 怎样扁平信息
  • 怎样开发空间
  • 减少用户的思考,不停顿
  • 手势的高级化:点击更多→滑动更多
  • 用WP7的思维去认识这个平台(社交、联系、快速)
  • 流畅轻量为先
  • 给用户更多个性化空间

WP7的意义不在于它在市场上能否会影响甚至击败苹果或者安卓,而在于在体验方面他确实进行了很多前卫而有意义的尝试。

还是那句话,未来的移动互联必然是多元化的诸侯纷争的格局,我们应该对更多新的东西给予宽容和机会,因为他们确实能给我们带来惊喜。

分类: 6如何设计 标签: ,

腾讯WSD用户体验设计团队 – WindowsPhone7初体验

2011年1月13日 没有评论

拿到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界面设计指南》。敬请期待……

分类: 9其他 标签:

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