本文索引：

• 涅磐重生的WP7（以及它的歷史簡介）
• WP7對比iOS和Android
• WP7設計風格
• WP7內(nèi)容和結(jié)構(gòu)框架及特有名詞解釋
• WP7交互特質(zhì)分析
• WP7應用設計建議

什么是WP7？

Windows Phone 7是微軟發(fā)布的一款手機操作系統(tǒng)，它來自于微軟但是和之前的windows mobile系統(tǒng)卻截然不同?？梢哉f微軟的操作系統(tǒng)應該大致分為兩個時代：windows mobile時代和windows phone時代。

Window mobile時代

• 十年前一個基于windows ce的移動智能系統(tǒng)被開發(fā)出來，這就是windows mobile的原型版本。Pocket PC發(fā)布, 代號Rapier(雙刃劍),發(fā)布于2000年4月19日，這是一個里程碑的事件。這也是后來被稱為Windows Mobile的操作系統(tǒng)的首次亮相。
• Windows Mobile 2003的原代號為”Ozone”(臭氧),發(fā)布于2003年6月23日，是第一個版本的Windows Mobile
• Windows mobile 6.5是windows mobile時代的最后一個作品，但其根本上的，研習PC上嚴謹?shù)腊宓牟僮黧w驗，終于在IPhone和Android的打擊下，變得不堪一擊。微軟亟需一次蛻變。

WP7時代：

•  2010.2.15微軟在全球移動通信大展上公布Windows Phone7
•  2010.10.11微軟正式發(fā)布了WP7，并同時宣布首批采用WP 7的9款智能手機
• 2011.5.24微軟正式發(fā)布WP7.1(或稱7.5代號Mango)，表示Mango的三大要素是“通信、應用與網(wǎng)絡”。
• 2011.9.16微軟正式在臺灣地區(qū)推送Mango
• 據(jù)稱，在接下來，或?qū)⑼瞥鰬糜谥袊箨懙貐^(qū)的操作系統(tǒng)Tango以及代號Apollo的windows8操作系統(tǒng)。

Windows Phone 7.0完全脫離了舊構(gòu)架，一個未完工的系統(tǒng)，這大大影響了其體驗的評價，尤其在中國。Mango帶來了500多項改進和創(chuàng)新，當然還有完美的中文支持，基本形成了一個比較完善的手機操作系統(tǒng)。

WP7制定了硬件最低標準，這是為什么呢？WP7的目標是為多方手機生產(chǎn)商提供服務，所以不會像iPhone一樣，在硬件上十分標準一致，但是其對本硬件都有“最低需求”，這保證了其不至于像android那樣出現(xiàn)碎片化的雜亂場面。

目前WP7陣營的支持廠商：三星、LG、HTC、諾基亞、宏碁、富士通、中興等。毫無疑問，微軟和諾基亞的合作是最應該被人們所重視的伙伴。#p#

 WP7, iOS, Android

毫無疑問，iPhone擁有著最龐大的APP資源，其現(xiàn)在的app數(shù)量是WP7的10倍以上，比開放的安卓也多出很多。其在品牌價值上的優(yōu)勢也不可忽略，用戶對于iPhone的認可度非常高。然而，作為只專注于一臺手機的策略，其在保證了最優(yōu)手機硬件配置的前提下，也讓用戶缺少了更多的選擇，如何能更加個人化個性化，也是選擇iPhone時不得不思考的問題。再有，iPhone的體驗設計從出現(xiàn)至今已經(jīng)延續(xù)了快4個年頭，但是我們沒有看到其在UI在交互方面有多少重大的突破。這里我弱弱的問一句，大家沒有覺得iPhone的UI已經(jīng)有些過時了么？這一點，我們至少可以從現(xiàn)在app各種不拘規(guī)范的設計上看出一些端倪。

Android的優(yōu)勢在于開放，它應用于不同的硬件生產(chǎn)商，允許開發(fā)者深度開發(fā)不同的ROM，給用戶帶來的很多驚喜，這也讓他的設計體驗與時俱進，不會落伍,并滿足用戶多元化的需求。然而android也受制于自己的開放性，開放帶來的無論是硬件還是系統(tǒng)的碎片化，給用戶給谷歌給生產(chǎn)商都帶來了很大的困擾。

WP7作為一種全新的體驗模式，給用戶帶來了跟多的驚喜（當然并不只是驚喜），相信會被越來越多的用戶所接受。在硬件方面則取了兩者之長，它利用自己自身系統(tǒng)的特點，既提供給了生產(chǎn)商嵌入自己特色應用的入口，又保證了用戶可以進行最快速的系統(tǒng)升級等服務。個人認為在體驗方面，WP7是超前的，他有一個高端的外表，也有很多體貼的細節(jié)設計。另外在目前的操作系統(tǒng)中，WP7的系統(tǒng)優(yōu)化應該是做的最好的，很低的配件就可以達到非常樂觀的流暢度，這一點是其他系統(tǒng)不可比擬的，也為WP7平臺適應不同價位段市場提供了很好的基礎。另外WP7的進行的本地化推廣戰(zhàn)略，也是未來手機系統(tǒng)的一種趨勢。但是其推出時間稍顯滯后，新系統(tǒng)必須獲得足夠多的用戶接受，而WP7的入門稍顯困難，這一點也很有可能把它帶入困境。創(chuàng)新的東西總是會帶來挑戰(zhàn)和風險。

我不贊同說WP7前景不被看好是因為用戶沒有任何理由放棄安卓和IOS，當然我也不贊同說WP7會打敗IOS和安卓。未來的智能手機市場，不會出現(xiàn)一統(tǒng)天下的情況，只會是群雄逐鹿，此消彼長。不可能說一種或三四種操作平臺就可以滿足所有用戶的需求，因為用戶的需求是無窮盡的，而創(chuàng)新也是無窮盡的。#p#

WP7設計風格

“流暢、干凈、周到、開闊、非常個人化，而且未完工”

這可以說是在體驗了windows phone7.0系統(tǒng)之后我的感受，而mango之后恐怕要把最后一條去掉了。要談WP7我們恐怕總是不得不說這樣這樣幾個特有名詞：”Metro”、”Live tiles”、”panorama”、”pivot”、”Hubs” 等等。

WP7的視覺設計風格：Metro

WP7的UI是基于一個叫Metro的內(nèi)部項目。靈感來源于機場和地鐵的指示系統(tǒng)。

三種常用元素：

• 明顯的色塊
• 象形的圖形
• 簡短的文字

五點原則：

• 干凈，輕量，開放，快速
• 要內(nèi)容，而不是質(zhì)感
• 整合軟硬件
• 世界級的動畫
• 生動，有靈魂

當然僅僅metro是不夠的，圖片加圖形或文字的形式也是WP7的主要視覺風格之一

目標用戶：

WP7 系統(tǒng)定位的目標用戶是：忙于私人和工作事務的高效能人士。針對此類目標用戶，WP7系統(tǒng)在提供給用戶的使用上注意以下幾個問題：

• 個人化–用你的方式去過一天
• 關(guān)聯(lián)性–你身邊的人，你周圍的環(huán)境
• 連接性–你自己的東西，你自己的思考和關(guān)心

Wp7的交互特性：

lock wall驚艷開場：

WP7的鎖屏界面由一張可更換的墻紙和若干提示信息構(gòu)成，僅有時間信息和狀態(tài)欄是必然存在的。整體的視覺風格非常簡單輕量化。第一次點擊，墻紙會做上下運動，帶來了很好的使用引導。用戶根本不需要關(guān)心手指點觸的位置，只需要輕輕向上滑動超過1/3就可以完成開鎖任務，墻紙會像大幕一樣拉開。相比iPhone來說更加簡單，整體視覺感官上也更加舒適。#p#

WP7的結(jié)構(gòu)框架

Start view

用戶自定義快捷入口，可以是APP，可以是某個文件，可以是某個集合，可以是某個訂閱,你可以“pin whatever you want”

App list

所有app的集合，mango增加了快捷檢索和搜索

Panorama

適用于多功能整合的綜合性app,原生系統(tǒng)用它來實現(xiàn)了自帶的5個hub:ZUNE,PICTURE,LIVEBOX,PEOPLE,OFFICE,MARKET PLACE

pivot

適用于內(nèi)容豐富，但是功能結(jié)構(gòu)不是很深的app或做app的子層級:原生系統(tǒng)用它來實現(xiàn)了短信\日程表\郵箱\設置

list

適用于內(nèi)容和功能簡單的app或做app的子層級:原生系統(tǒng)用它來實現(xiàn)了通訊錄

Tools

適用于功能比較純粹app或做app的子層級:原生系統(tǒng)用它來實現(xiàn)了鬧鐘\計算器\相機\瀏覽器

下面將就幾個WP7特有的名詞進行解釋。

 Start sreen

Start sreen 是用戶進入后直接面對的第一屏，也是在任何情況下，點擊物理HOME鍵即可回歸的主屏。

它的主要組成元素只有一種，就是Live tiles。其本質(zhì)類似于PC 操作系統(tǒng)的快捷方式，但是承載的信息更多，更加動態(tài)，也更加自由和個性化。

Metro風格的指向箭頭會把用戶清楚的引導向APP list。另外就是被弱化功能的狀態(tài)欄。#p#

小瓦片 大智慧—-live tiles

Tiles（瓦片）其實是一種快捷方式和推送機制的結(jié)合體。它是實時的，動態(tài)的，內(nèi)容豐富的。這個詞匯可以拆分成兩個單詞：live和tiles,Tiles可以是什么呢？

它可以是一個原生的APP快捷方式+實時的更新信息提示
它可以是一個第三方應用的快捷入口
它可以是某個聯(lián)系人的快捷入口
他可以是一首歌的快捷入口
一個列表或者榜單的快捷入口
一個游戲的某一關(guān)，一個特別關(guān)注的微博，一個相冊

似乎任何手機上的信息，只要用戶有需要，只要我們的app上給用戶授權(quán)，都可以在Start screen有一個入口。這樣深層次的定制化邏輯，給用戶帶來了更加個人化的使用體驗。

Live tiles的表現(xiàn)形式其實也是比較多樣的：

他們都是tiles，為什么會有這樣多的差異？其實他們的結(jié)構(gòu)都是相同的。一個Tiles（瓦片）是由正反兩個面構(gòu)成的，開發(fā)者可自行選擇是否全部采用。

正面：

一張底圖（可以是圖片或圖標或圖片加圖標）

標題

更新通知

反面：

一張底圖（可以是圖片或沒有）

標題

內(nèi)容

Tiles正反兩面的元素，開發(fā)者自行進行選擇元素的存留。加之背景的差異，瓦片在視覺上的差異化，使得整個Start screen顯得不會呆板平淡。

動畫形式：

翻轉(zhuǎn)：

平推：

Tiles的功能除了提供入口之外，還擔當著更新本地動態(tài)，顯示推送服務的角色。Tiles上的背景，和反面的內(nèi)容都是可以實時更新的，正面和反面可以通過兩種動畫進行切換，在加之更新提示，使得tiles出色的承載了更多的信息，同時給系統(tǒng)帶來了靈魂和生機。這也是WP7系統(tǒng)一種特色的通知形式，Tile Notification。

Tiles（瓦片）讓用戶擁有了更多的個人化個性化的定制空間，同時也給用戶提供了更深層次的快捷入口。動態(tài)的推送提醒機制，各種隨時而動的小動畫，可以讓用戶第一時間知道最新的變化，也為整個系統(tǒng)帶來的生機和靈魂，同時為更多信息的承載，提供了條件。WP7希望用這樣方式達到快速、個人化的目的，而我們在做相關(guān)APP開發(fā)時，也可以充分利用這一特性，給用戶帶來驚艷快速的體驗。 

HUBS

WP7在功能上對整體結(jié)構(gòu)進行了整合和劃分，采用了六個全景HUB分別是：

• ZUNE—影音
• PICTURE—圖片
• LIVEBOX—游戲
• PEOPLE—社交與通訊
• OFFICE—Office工具
• MARKET PLACE—市場

另外也給廠商提供了第三方HUB入口，如: HTC HUB。

HUB不是一種單獨的應用那么簡單，正如其名字一樣，“集線器”“樞紐”他更多的展現(xiàn)的是一種紐帶的作用，重視與其他程序綜合化得處理。使得戶對某一類信息進行處理時的行為是連續(xù)的。每一個HUB都可以在其應用中連接到其他的app。WP7系統(tǒng)及追求使用操作的流暢，同時也追求信息流的流暢。以music+video為例，用戶可以直接在這個HUB中搜索相關(guān)的app應用，然后安裝。用戶也可以直接從HUB里面相關(guān)的app列表，鏈接到相應的app進行音樂的其他操作。

Panorama（全景視圖）

滑動的世界—流暢的不會迷失的導航 極其扁平的信息構(gòu)架,WP7是一個滑動的世界，他會引導用戶盡量通過滑動去切換去導航。全景視圖是WP7特有的交互形式之一，它一般應用于app的第一層級。畫卷式的操作形式，既給用戶帶來了方便流暢的操作體驗，也給APP本身帶來了更寬廣的空間。

全景視圖下原則上是支持所有控件的。再加上這個視圖本身的廣闊的空間，為這里提供了無限的可能性。上圖是QQ音樂mango1.1版的全景布局。它不僅讓用戶在滑動中就可以完成一級導航的任務。由于其獨特的空間特色，可以安排更多的內(nèi)容，使整個信息的構(gòu)架更加扁平。所以其適合應用于結(jié)構(gòu)關(guān)系比較復雜的APP。

全景視圖的空間結(jié)構(gòu)示意

全景視圖的背景是可更換甚至可隨機變化，這為我們免去了做皮膚的煩憂，而且給用戶帶來了更多的自我發(fā)揮的空間和個性化的體驗。

使用全景視圖注意事項

• 雖然全景的擴展性很強，但也要量力而為，過多的View不僅帶來了APP的運算壓力，影響流暢性，也會增加用戶導航的操作難度，甚至讓其迷失。此處建議3~5個。
• 同時也要注意每一個view之間的視覺差異，避免用戶迷失其中。
• 另外，雜志/畫冊是很好的參考物，尤其是在排布和UI方面。

Pivot（樞軸視圖）

Pivot是WP7比較創(chuàng)新的一種頁簽的操作形式，由標題，頁簽和內(nèi)容組成?；瑒觾?nèi)容和頁簽都可以進行頁簽切換操作，同時也支持點擊直接切換頁簽。

滑動的魅力是強大的，用戶不用去思考他的手指要點擊哪里，會不會出現(xiàn)誤操作之類的問題，他只要輕輕滑動頁面，就可以輕快流暢的到達到要去的地方。減少停頓，讓行為連續(xù)起來，再一次體現(xiàn)在系統(tǒng)的設計中。與全景視圖相比，PIVOT更加注重體現(xiàn)內(nèi)容，而不是結(jié)構(gòu)，所以其適用于結(jié)構(gòu)關(guān)系比較簡單，但是內(nèi)容比較豐富的APP，當然其也適合做全景頁面的下一層級使用。

但是并不是完美的

Pivot的形式雖然用滑動的操作給用戶帶來了新穎和快捷的操作體驗，但其頁簽的循環(huán)和變化在很多情況下卻也容易讓用戶迷失其中。在設計的時候需要謹慎采用，盡量減少pivot的頁簽數(shù)量，并且不能出現(xiàn)pivot頁面下繼續(xù)出現(xiàn)pivot的情況。

在QQ音樂上，我們的解決辦法是在全景視圖下就給用戶預設pivot中每一個頁簽項的入口，這樣可以讓用戶以最快的速度到達他的目的地，同時也保留了其在pivot下切換頁簽的權(quán)利，既快速到達，又保存了行為的連續(xù)性。另外，在使用PIVOT的時候需要用字體大小和顏色來引導用戶，使其預知哪些是可以點擊的，哪些是導航的，其實這是整個WP7系統(tǒng)要注意的問題。

在對一些WP7的交互特性進行了解釋和分析之后，這里筆者也總結(jié)了一些系統(tǒng)的特質(zhì)。

一、永遠的開闊：去邊界化設計的極致體驗

去邊界化的設計遍布了整個WP7系統(tǒng)，這是一個全新的嘗試。在WP7系統(tǒng)中，我們基本看不到在其他系統(tǒng)上隨處可見的各種欄：標題欄，狀態(tài)欄，工具欄…Bla Bla…所以，我們看到了一個更加廣闊的視野，更加舒適的Screen。上圖是同一個頁面，在WP7和IOS上的對比，很明顯，WP7的視野更加開闊，整個屏幕都是風景，而IOS則讓人覺得看到的是一扇窗戶中的風景。當然這樣做也是有足夠的風險，用戶的識別性降低了，功能區(qū)域的劃分也不明顯。WP7的解決思路就是盡量讓用戶看到的都是可以點擊的，用字體大小、顏色來引導用戶去區(qū)分目標的屬性，目前來看，本人還是可以接受并習慣的。

二、連接一切：完善貼心的提示系統(tǒng)

WP7的提示系統(tǒng)有很多種，不同的場景應用不同的提示系統(tǒng)，除了之前介紹的Tile Notification，這里的將給大家介紹一個最普通Toast Notification

WP7的toast 跟平常情況下的toast基本差不多，展現(xiàn)形式如圖，但WP7給他加入了更多的可控因素：點擊toast直接進入相應的應用，或者劃開toast不在意。在IOS5上，蘋果也采用了類似的形式。這樣的提醒既沒有干擾到用戶的正常使用，又方便的給用戶提供了專場的出口，可謂貼心，而且不知不覺把應用都連接了起來。

三、充滿空間感的動態(tài)世界：空間層結(jié)構(gòu)–動態(tài)、動畫與等待機制

WP7的動畫是一大特色，同時也是充滿了空間感。而這一點在設計的時候最好給予關(guān)注，“讓用戶把等待變成一種享受”

四、減少輸入的快捷體驗：強大的本地檢索

WP7的本地檢索，既有分類的作用，又可以達到快速的檢索，而且具有很好的擴展性。尤其是對于分欄項目很多的頁面設計，我們可以從中得到很多啟發(fā)。

五、揚長補短、語義明確：創(chuàng)新的工具欄

在iOS或安卓上toolbar的處理一直讓人頭疼的一個問題是：單純用圖形化的圖標，用戶會迷茫，使用圖標加文字，會浪費空間，于是經(jīng)常兩難。而WP7則秉承他開拓空間的傳統(tǒng)，使toolbar有了一種更新穎也更貼心的展現(xiàn)形式。正常狀態(tài)下，toolbar為單純的圖標 然后又一個提示用戶點擊的“…”，或者只有“…”，這里放置的圖標是用戶最常用和最容易識別的功能。當用戶對圖標不理解的時候點擊工具欄“…”，工具欄會拉起，顯示圖標的文字解釋。工具欄圖標最多可以放4個，當有更多，或者不常用或者用圖標難以表達的功能，則以菜單的形式至于圖標下方，做隱藏，點擊“…”時，上拉彈出。

WP7精神

• 注重程序之間聯(lián)系與轉(zhuǎn)化，無處不在的快捷入口和操作性更好的提示系統(tǒng)，滑動為先的導航操作，讓用戶的使用行為更加連續(xù)順暢，更少的停頓和思考。
• 各種各樣的個人定制，讓整個系統(tǒng)更加自由，個人化，個性化。
• 扁平的信息構(gòu)架，簡化操作層級，更加直接，快速。
• 去邊界化的視覺，讓用戶的視野更加開闊，使用感受更加舒適。
• 充滿變化與動態(tài)，實時的告訴你你的系統(tǒng)是活的，有靈魂的，并且正在發(fā)生著什么。#p#

WP7應用開發(fā)中交互設計和UI設計的幾點建議

•  輕量化趨勢（去邊界）
• 怎樣扁平信息
• 怎樣開發(fā)空間
• 減少用戶的思考,不停頓
• 手勢的高級化：點擊更多→滑動更多
• 用WP7的思維去認識這個平臺（社交、聯(lián)系、快速）
• 流暢輕量為先
• 給用戶更多個性化空間

結(jié)語：

WP7的意義不在于它在市場上能否會影響甚至擊敗蘋果或者安卓，而在于在體驗方面他確實進行了很多前衛(wèi)而有意義的嘗試。

還是那句話，未來的移動互聯(lián)必然是多元化的諸侯紛爭的格局，我們應該對更多新的東西給予寬容和機會，因為他們確實能給我們帶來驚喜。