数极客首页

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

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时期

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

  • 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的内部项目。灵感来源于机场和地铁的指示系统。

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

三种常用元素:

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

五点准绳

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

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

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

目的
用户:

WP7 系统定位的目的
用户是:忙于私人和工作事务的高效能人士。针对此类目的
用户,WP7系统在提供给

用户的运用
上留意
以下几个问题:

  • 个人化–用你的方式去过一天
  • 关联性–你身边的人,你周围

    的环境

  • 衔接
    性–你自己

    的东西,你自己

    的思索

    和关怀

Wp7的交互特性:

lock wall冷傲

收场

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

WP7的锁屏界面由一张可改换
的墙纸和若干提示信息构成,仅有时间信息和状态栏是必然存在的。整体的视觉作风
十分
简单轻量化。第一次点击,墙纸会做上下运动,带来了很好的运用
引导。用户基本
不需求
关怀
手指点触的位置,只需求
悄然

向上滑动超越
1/3就能够
完成开锁任务,墙纸会像大幕一样拉开。相比iPhone来说愈加
简单,整体视觉感官上也愈加
温馨

WP7的结构

框架

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

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

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

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

它的主要组成元素只需

一种,就是Live tiles。其实质
相似
于PC 操作系统的快捷方式,但是承载的信息更多,愈加
动态,也愈加
自由

和个性化。

Metro作风
的指向箭头会把用户分明
的引导向APP list。另外就是被弱化功用
的状态栏。

小瓦片 大聪慧
—-live tiles

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

它能够
是一个原生的APP快捷方式+实时的更新信息提示
WP7交互特性浅析及APP设计探求

Live tiles的表现方式
其实也是比较

多样的:

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

他们都是tiles,为什么会有这样多的差别
?其实他们的结构

都是相同的。一个Tiles(瓦片)是由正反两个面构成的,开发者可自行选择能否
全部采用。

正面:

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

一张底图(能够
是图片或图标或图片加图标)

标题

更新通知

背面

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

一张底图(能够
是图片或没有)

标题

内容

Tiles正反两面的元素,开发者自行中止

选择元素的存留。加之背景的差别
,瓦片在视觉上的差别
化,使得整个Start screen显得不会呆板平淡。

动画方式

翻转:

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

平推:

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

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交互特性浅析及APP设计探求

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

全景视图下准绳
上是支持一切
控件的。再加上这个视图自身
的宽广
的空间,为这里提供了无限的可能性。上图是QQ音乐mango1.1版的全景规划
。它不只
让用户在滑动中就能够
完成一级导航的任务。由于其共同
的空间特征
,能够
布置
更多的内容,使整个信息的构架愈加
扁平。所以其合适
应用于结构

关系比较

复杂的APP。

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

全景视图的空间结构

表示

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

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

运用
全景视图留意
事项

  • 固然
    全景的扩展性很强,但也要量力而为,过多的View不只
    带来了APP的运算压力,影响流利
    性,也会增加用户导航的操作难度,以至
    让其迷失。此处倡议
    3~5个。
  • 同时也要留意
    每一个view之间的视觉差别
    ,避免

    用户迷失其中。

  • 另外,杂志/画册是很好的参考物,特别
    是在排布和UI方面。

Pivot(枢轴视图)

Pivot是WP7比较

创新的一种页签的操作方式
,由标题,页签和内容组成。滑动内容和页签都能够
中止

页签切换操作,同时也支持点击直接切换页签。

滑动的魅力是强大的,用户不用去思索

他的手指要点击哪里,会不会呈现
误操作之类的问题,他只需
悄然

滑动页面,就能够
轻快流利
的到抵达

要去的中央
。减少停顿,让行为连续起来,再一次体往常

系统的设计中。与全景视图相比,PIVOT愈加
注重表现
内容,而不是结构

,所以其适用于结构

关系比较

简单,但是内容比较

丰厚
的APP,当然其也合适
做全景页面的下一层级运用

但是并不是圆满

Pivot的方式
固然
用滑动的操作给用户带来了新颖和快捷的操作体验,但其页签的循环和变化在很多状况
下却也容易让用户迷失其中。在设计的时分
需求
谨慎

采用,尽量减少pivot的页签数据量
,并且不能呈现
pivot页面下继续呈现
pivot的状况

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

在QQ音乐上,我们的处置

办法

是在全景视图下就给用户预设pivot中每一个页签项的入口,这样能够
让用户以最快的速度抵达
他的目的地,同时也保管

了其在pivot下切换页签的权益
,既快速抵达
,又保管
了行为的连续性。另外,在运用
PIVOT的时分
需求
用字体大小和颜色来引导用户,使其预知哪些是能够
点击的,哪些是导航的,其实这是整个WP7系统要留意
的问题。

在对一些WP7的交互特性中止

了解

释和剖析
之后,这里笔者也总结了一些系统的特质。

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

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

去边境
化的设计遍及
了整个WP7系统,这是一个全新的尝试。在WP7系统中,我们基本

看不到在其他系统上随处可见的各种栏:标题栏,状态栏,工具栏…Bla Bla…所以,我们看到了一个愈加
宽广
的视野,愈加
温馨
的Screen。上图是同一个页面,在WP7和IOS上的对比

,很显然
,WP7的视野愈加
开阔,整个屏幕都是景色
,而IOS则让人觉得看到的是一扇窗户中的景色
。当然这样做也是有足够的风险,用户的辨认
性降低了,功用
区域的划分也不显然
。WP7的处置

思绪
就是尽量让用户看到的都是能够
点击的,用字体大小、颜色来引导用户去辨别
目的
的属性,目前来看,自己
还是能够
接受

并习气
的。

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

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

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

WP7的toast 跟平常状况
下的toast基本

差不多,展示
方式
如图,但WP7给他参与

了更多的可控要素
:点击toast直接进入相应的应用,或者划开toast不在意。在IOS5上,苹果也采用了相似
的方式
。这样的提示
既没有干扰到用户的正常运用
,又便当
的给用户提供了专场的出口,可谓贴心,而且不知不觉把应用都衔接
了起来。

三、充溢
空间感的动态世界:空间层结构

动态、动画与等候
机制

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

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

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

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

WP7的本地检索,既有分类的作用,又能够
抵达

快速的检索,而且具有很好的扩展性。特别
是关于
分栏项目很多的页面设计,我们能够
从中得到很多启示

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

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

在iOS或安卓上toolbar的处置
不时

让人头疼的一个问题是:单纯用图形化的图标,用户会迷茫,运用
图标加文字,会糜费
空间,于是经常两难。而WP7则秉承他开辟
空间的传统,使toolbar有了一种更新颖也更贴心的展示
方式
。正常状态下,toolbar为单纯的图标 然后又一个提示用户点击的“…”,或者只需

“…”,这里放置的图标是用户最常用和最容易辨认
的功用
。当用户对图标不了解
的时分
点击工具栏“…”,工具栏会拉起,显现
图标的文字解释。工具栏图标最多能够
放4个,当有更多,或者不常用或者用图标难以表达的功用
,则以菜单的方式
至于图标下方,做躲藏
,点击“…”时,上拉弹出。

WP7肉体

  • 注重程序之间联络
    与转化,无处不在的快捷入口和操作性更好的提示系统,滑动为先的导航操作,让用户的运用
    行为愈加
    连续顺畅,更少的停顿和思索

  • 各种各样的个人定制,让整个系统愈加
    自由

    ,个人化,个性化。

  • 扁平的信息构架,简化操作层级,愈加
    直接,快速。
  • 去边境
    化的视觉,让用户的视野愈加
    开阔,运用
    感受愈加
    温馨
  • 充溢
    变化与动态,实时的通知
    你你的系统是活的,有灵魂的,并且正在发作
    着什么。

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

  • 轻量化趋向
    (去边境
  • 怎样扁平信息
  • 怎样开发空间
  • 减少用户的思索

    ,不停顿

  • 手势的高级化:点击更多→滑动更多
  • 用WP7的思想
    去认识这个平台(社交、联络
    、快速)
  • 流利
    轻量为先
  • 给用户更多个性化空间

结语:

WP7的意义不在于它在市场上能否会影响以至
击败苹果或者安卓,而在于在体验方面他的确
中止

了很多前卫而有意义的尝试。

还是那句话,未来

的移动

互联必然是多元化的诸侯纷争的格局,我们应该对更多新的东西给予宽容和机遇

,由于
他们的确
能给我们带来惊喜。

(作者Dengxuecui,编辑maczheng)

 

(本文出自Tencent WSD Blog,转载时请注明出处)

 

给大家引荐
我国新一代大数据用户行为剖析
与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析
用户行为数据和业务数据,能够
自动监测网站、APP、小程序等多种渠道推行
效果剖析
,是增长黑客们必备的互联网数据剖析
软件。数极客支持实时多维剖析
、漏斗剖析
、留存剖析
、途径
剖析
等十大数据剖析
办法
以及APP数据剖析
网站统计网站剖析
小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析
模型,是用户行为剖析
范畴
首款应用定量剖析
与定性剖析
办法
数据剖析
产品

发表评论

评论已关闭。

相关文章