WP7交互特性淺析及APP設(shè)計(jì)探究
本文索引:
- 涅磐重生的WP7(以及它的歷史簡(jiǎn)介)
- WP7對(duì)比iOS和Android
- WP7設(shè)計(jì)風(fēng)格
- WP7內(nèi)容和結(jié)構(gòu)框架及特有名詞解釋
- WP7交互特質(zhì)分析
- WP7應(yīng)用設(shè)計(jì)建議
什么是WP7?
Windows Phone 7是微軟發(fā)布的一款手機(jī)操作系統(tǒng),它來(lái)自于微軟但是和之前的windows mobile系統(tǒng)卻截然不同??梢哉f(shuō)微軟的操作系統(tǒng)應(yīng)該大致分為兩個(gè)時(shí)代:windows mobile時(shí)代和windows phone時(shí)代。
Window mobile時(shí)代
- 十年前一個(gè)基于windows ce的移動(dòng)智能系統(tǒng)被開(kāi)發(fā)出來(lái),這就是windows mobile的原型版本。Pocket PC發(fā)布, 代號(hào)Rapier(雙刃劍),發(fā)布于2000年4月19日,這是一個(gè)里程碑的事件。這也是后來(lái)被稱為Windows Mobile的操作系統(tǒng)的首次亮相。
- Windows Mobile 2003的原代號(hào)為”Ozone”(臭氧),發(fā)布于2003年6月23日,是第一個(gè)版本的Windows Mobile
- Windows mobile 6.5是windows mobile時(shí)代的最后一個(gè)作品,但其根本上的,研習(xí)PC上嚴(yán)謹(jǐn)?shù)腊宓牟僮黧w驗(yàn),終于在IPhone和Android的打擊下,變得不堪一擊。微軟亟需一次蛻變。
WP7時(shí)代:
- 2010.2.15微軟在全球移動(dòng)通信大展上公布Windows Phone7
- 2010.10.11微軟正式發(fā)布了WP7,并同時(shí)宣布首批采用WP 7的9款智能手機(jī)
- 2011.5.24微軟正式發(fā)布WP7.1(或稱7.5代號(hào)Mango),表示Mango的三大要素是“通信、應(yīng)用與網(wǎng)絡(luò)”。
- 2011.9.16微軟正式在臺(tái)灣地區(qū)推送Mango
- 據(jù)稱,在接下來(lái),或?qū)⑼瞥鰬?yīng)用于中國(guó)大陸地區(qū)的操作系統(tǒng)Tango以及代號(hào)Apollo的windows8操作系統(tǒng)。
Windows Phone 7.0完全脫離了舊構(gòu)架,一個(gè)未完工的系統(tǒng),這大大影響了其體驗(yàn)的評(píng)價(jià),尤其在中國(guó)。Mango帶來(lái)了500多項(xiàng)改進(jìn)和創(chuàng)新,當(dāng)然還有完美的中文支持,基本形成了一個(gè)比較完善的手機(jī)操作系統(tǒng)。
WP7制定了硬件最低標(biāo)準(zhǔn),這是為什么呢?WP7的目標(biāo)是為多方手機(jī)生產(chǎn)商提供服務(wù),所以不會(huì)像iPhone一樣,在硬件上十分標(biāo)準(zhǔn)一致,但是其對(duì)本硬件都有“最低需求”,這保證了其不至于像android那樣出現(xiàn)碎片化的雜亂場(chǎng)面。
屏幕 |
800×480 WVGA,支持多點(diǎn)觸摸(最少4點(diǎn)) |
硬件按鈕 |
WP7設(shè)備至少要具備3個(gè)按鈕:后退,HOME鍵,搜索 |
處理器 |
Qualcomm Snapdragon MSM 8×55(主頻1GHz)或MSM 7×30(主頻800MHz) CPU(支持DirectX 9)。 |
內(nèi)存 |
至少512MB |
內(nèi)部存儲(chǔ) |
最少8GB |
外部存儲(chǔ) |
擴(kuò)展大于等于16G |
無(wú)線 |
WiFi、藍(lán)牙、A-GPS、FM |
攝像頭 |
至少500萬(wàn)像素,有閃光燈 |
其他 |
加速度感應(yīng)器、指南針、亮度感應(yīng)、外部鍵盤(pán)(可選) |
目前WP7陣營(yíng)的支持廠商:三星、LG、HTC、諾基亞、宏碁、富士通、中興等。毫無(wú)疑問(wèn),微軟和諾基亞的合作是最應(yīng)該被人們所重視的伙伴。#p#
WP7, iOS, Android
毫無(wú)疑問(wèn),iPhone擁有著最龐大的APP資源,其現(xiàn)在的app數(shù)量是WP7的10倍以上,比開(kāi)放的安卓也多出很多。其在品牌價(jià)值上的優(yōu)勢(shì)也不可忽略,用戶對(duì)于iPhone的認(rèn)可度非常高。然而,作為只專注于一臺(tái)手機(jī)的策略,其在保證了最優(yōu)手機(jī)硬件配置的前提下,也讓用戶缺少了更多的選擇,如何能更加個(gè)人化個(gè)性化,也是選擇iPhone時(shí)不得不思考的問(wèn)題。再有,iPhone的體驗(yàn)設(shè)計(jì)從出現(xiàn)至今已經(jīng)延續(xù)了快4個(gè)年頭,但是我們沒(méi)有看到其在UI在交互方面有多少重大的突破。這里我弱弱的問(wèn)一句,大家沒(méi)有覺(jué)得iPhone的UI已經(jīng)有些過(guò)時(shí)了么?這一點(diǎn),我們至少可以從現(xiàn)在app各種不拘規(guī)范的設(shè)計(jì)上看出一些端倪。
Android的優(yōu)勢(shì)在于開(kāi)放,它應(yīng)用于不同的硬件生產(chǎn)商,允許開(kāi)發(fā)者深度開(kāi)發(fā)不同的ROM,給用戶帶來(lái)的很多驚喜,這也讓他的設(shè)計(jì)體驗(yàn)與時(shí)俱進(jìn),不會(huì)落伍,并滿足用戶多元化的需求。然而android也受制于自己的開(kāi)放性,開(kāi)放帶來(lái)的無(wú)論是硬件還是系統(tǒng)的碎片化,給用戶給谷歌給生產(chǎn)商都帶來(lái)了很大的困擾。
WP7作為一種全新的體驗(yàn)?zāi)J剑o用戶帶來(lái)了跟多的驚喜(當(dāng)然并不只是驚喜),相信會(huì)被越來(lái)越多的用戶所接受。在硬件方面則取了兩者之長(zhǎng),它利用自己自身系統(tǒng)的特點(diǎn),既提供給了生產(chǎn)商嵌入自己特色應(yīng)用的入口,又保證了用戶可以進(jìn)行最快速的系統(tǒng)升級(jí)等服務(wù)。個(gè)人認(rèn)為在體驗(yàn)方面,WP7是超前的,他有一個(gè)高端的外表,也有很多體貼的細(xì)節(jié)設(shè)計(jì)。另外在目前的操作系統(tǒng)中,WP7的系統(tǒng)優(yōu)化應(yīng)該是做的最好的,很低的配件就可以達(dá)到非常樂(lè)觀的流暢度,這一點(diǎn)是其他系統(tǒng)不可比擬的,也為WP7平臺(tái)適應(yīng)不同價(jià)位段市場(chǎng)提供了很好的基礎(chǔ)。另外WP7的進(jìn)行的本地化推廣戰(zhàn)略,也是未來(lái)手機(jī)系統(tǒng)的一種趨勢(shì)。但是其推出時(shí)間稍顯滯后,新系統(tǒng)必須獲得足夠多的用戶接受,而WP7的入門(mén)稍顯困難,這一點(diǎn)也很有可能把它帶入困境。創(chuàng)新的東西總是會(huì)帶來(lái)挑戰(zhàn)和風(fēng)險(xiǎn)。
我不贊同說(shuō)WP7前景不被看好是因?yàn)橛脩魶](méi)有任何理由放棄安卓和IOS,當(dāng)然我也不贊同說(shuō)WP7會(huì)打敗IOS和安卓。未來(lái)的智能手機(jī)市場(chǎng),不會(huì)出現(xiàn)一統(tǒng)天下的情況,只會(huì)是群雄逐鹿,此消彼長(zhǎng)。不可能說(shuō)一種或三四種操作平臺(tái)就可以滿足所有用戶的需求,因?yàn)橛脩舻男枨笫菬o(wú)窮盡的,而創(chuàng)新也是無(wú)窮盡的。#p#
WP7設(shè)計(jì)風(fēng)格
“流暢、干凈、周到、開(kāi)闊、非常個(gè)人化,而且未完工”
這可以說(shuō)是在體驗(yàn)了windows phone7.0系統(tǒng)之后我的感受,而mango之后恐怕要把最后一條去掉了。要談WP7我們恐怕總是不得不說(shuō)這樣這樣幾個(gè)特有名詞:”Metro”、”Live tiles”、”panorama”、”pivot”、”Hubs” 等等。
WP7的視覺(jué)設(shè)計(jì)風(fēng)格:Metro
WP7的UI是基于一個(gè)叫Metro的內(nèi)部項(xiàng)目。靈感來(lái)源于機(jī)場(chǎng)和地鐵的指示系統(tǒng)。
三種常用元素:
- 明顯的色塊
- 象形的圖形
- 簡(jiǎn)短的文字
五點(diǎn)原則:
- 干凈,輕量,開(kāi)放,快速
- 要內(nèi)容,而不是質(zhì)感
- 整合軟硬件
- 世界級(jí)的動(dòng)畫(huà)
- 生動(dòng),有靈魂
當(dāng)然僅僅metro是不夠的,圖片加圖形或文字的形式也是WP7的主要視覺(jué)風(fēng)格之一
目標(biāo)用戶:
WP7 系統(tǒng)定位的目標(biāo)用戶是:忙于私人和工作事務(wù)的高效能人士。針對(duì)此類目標(biāo)用戶,WP7系統(tǒng)在提供給用戶的使用上注意以下幾個(gè)問(wèn)題:
- 個(gè)人化–用你的方式去過(guò)一天
- 關(guān)聯(lián)性–你身邊的人,你周圍的環(huán)境
- 連接性–你自己的東西,你自己的思考和關(guān)心
Wp7的交互特性:
lock wall驚艷開(kāi)場(chǎng):
WP7的鎖屏界面由一張可更換的墻紙和若干提示信息構(gòu)成,僅有時(shí)間信息和狀態(tài)欄是必然存在的。整體的視覺(jué)風(fēng)格非常簡(jiǎn)單輕量化。第一次點(diǎn)擊,墻紙會(huì)做上下運(yùn)動(dòng),帶來(lái)了很好的使用引導(dǎo)。用戶根本不需要關(guān)心手指點(diǎn)觸的位置,只需要輕輕向上滑動(dòng)超過(guò)1/3就可以完成開(kāi)鎖任務(wù),墻紙會(huì)像大幕一樣拉開(kāi)。相比iPhone來(lái)說(shuō)更加簡(jiǎn)單,整體視覺(jué)感官上也更加舒適。#p#
WP7的結(jié)構(gòu)框架
Start view
用戶自定義快捷入口,可以是APP,可以是某個(gè)文件,可以是某個(gè)集合,可以是某個(gè)訂閱,你可以“pin whatever you want”
App list
所有app的集合,mango增加了快捷檢索和搜索
Panorama
適用于多功能整合的綜合性app,原生系統(tǒng)用它來(lái)實(shí)現(xiàn)了自帶的5個(gè)hub:ZUNE,PICTURE,LIVEBOX,PEOPLE,OFFICE,MARKET PLACE
pivot
適用于內(nèi)容豐富,但是功能結(jié)構(gòu)不是很深的app或做app的子層級(jí):原生系統(tǒng)用它來(lái)實(shí)現(xiàn)了短信\日程表\郵箱\設(shè)置
list
適用于內(nèi)容和功能簡(jiǎn)單的app或做app的子層級(jí):原生系統(tǒng)用它來(lái)實(shí)現(xiàn)了通訊錄
Tools
適用于功能比較純粹app或做app的子層級(jí):原生系統(tǒng)用它來(lái)實(shí)現(xiàn)了鬧鐘\計(jì)算器\相機(jī)\瀏覽器
下面將就幾個(gè)WP7特有的名詞進(jìn)行解釋。
Start sreen
Start sreen 是用戶進(jìn)入后直接面對(duì)的第一屏,也是在任何情況下,點(diǎn)擊物理HOME鍵即可回歸的主屏。
它的主要組成元素只有一種,就是Live tiles。其本質(zhì)類似于PC 操作系統(tǒng)的快捷方式,但是承載的信息更多,更加動(dòng)態(tài),也更加自由和個(gè)性化。
Metro風(fēng)格的指向箭頭會(huì)把用戶清楚的引導(dǎo)向APP list。另外就是被弱化功能的狀態(tài)欄。#p#
小瓦片 大智慧—-live tiles
Tiles(瓦片)其實(shí)是一種快捷方式和推送機(jī)制的結(jié)合體。它是實(shí)時(shí)的,動(dòng)態(tài)的,內(nèi)容豐富的。這個(gè)詞匯可以拆分成兩個(gè)單詞:live和tiles,Tiles可以是什么呢?
它可以是一個(gè)原生的APP快捷方式+實(shí)時(shí)的更新信息提示 | ![]() |
它可以是一個(gè)第三方應(yīng)用的快捷入口 | ![]() |
它可以是某個(gè)聯(lián)系人的快捷入口 | ![]() |
他可以是一首歌的快捷入口 | ![]() |
一個(gè)列表或者榜單的快捷入口 | ![]() |
一個(gè)游戲的某一關(guān),一個(gè)特別關(guān)注的微博,一個(gè)相冊(cè) | ![]() |
似乎任何手機(jī)上的信息,只要用戶有需要,只要我們的app上給用戶授權(quán),都可以在Start screen有一個(gè)入口。這樣深層次的定制化邏輯,給用戶帶來(lái)了更加個(gè)人化的使用體驗(yàn)。
Live tiles的表現(xiàn)形式其實(shí)也是比較多樣的:
他們都是tiles,為什么會(huì)有這樣多的差異?其實(shí)他們的結(jié)構(gòu)都是相同的。一個(gè)Tiles(瓦片)是由正反兩個(gè)面構(gòu)成的,開(kāi)發(fā)者可自行選擇是否全部采用。
正面:
一張底圖(可以是圖片或圖標(biāo)或圖片加圖標(biāo))
標(biāo)題
更新通知
反面:
一張底圖(可以是圖片或沒(méi)有)
標(biāo)題
內(nèi)容
Tiles正反兩面的元素,開(kāi)發(fā)者自行進(jìn)行選擇元素的存留。加之背景的差異,瓦片在視覺(jué)上的差異化,使得整個(gè)Start screen顯得不會(huì)呆板平淡。
動(dòng)畫(huà)形式:
翻轉(zhuǎn):
平推:
Tiles的功能除了提供入口之外,還擔(dān)當(dāng)著更新本地動(dòng)態(tài),顯示推送服務(wù)的角色。Tiles上的背景,和反面的內(nèi)容都是可以實(shí)時(shí)更新的,正面和反面可以通過(guò)兩種動(dòng)畫(huà)進(jìn)行切換,在加之更新提示,使得tiles出色的承載了更多的信息,同時(shí)給系統(tǒng)帶來(lái)了靈魂和生機(jī)。這也是WP7系統(tǒng)一種特色的通知形式,Tile Notification。
Tiles(瓦片)讓用戶擁有了更多的個(gè)人化個(gè)性化的定制空間,同時(shí)也給用戶提供了更深層次的快捷入口。動(dòng)態(tài)的推送提醒機(jī)制,各種隨時(shí)而動(dòng)的小動(dòng)畫(huà),可以讓用戶第一時(shí)間知道最新的變化,也為整個(gè)系統(tǒng)帶來(lái)的生機(jī)和靈魂,同時(shí)為更多信息的承載,提供了條件。WP7希望用這樣方式達(dá)到快速、個(gè)人化的目的,而我們?cè)谧鱿嚓P(guān)APP開(kāi)發(fā)時(shí),也可以充分利用這一特性,給用戶帶來(lái)驚艷快速的體驗(yàn)。
HUBS
WP7在功能上對(duì)整體結(jié)構(gòu)進(jìn)行了整合和劃分,采用了六個(gè)全景HUB分別是:
- ZUNE—影音
- PICTURE—圖片
- LIVEBOX—游戲
- PEOPLE—社交與通訊
- OFFICE—Office工具
- MARKET PLACE—市場(chǎng)
另外也給廠商提供了第三方HUB入口,如: HTC HUB。
HUB不是一種單獨(dú)的應(yīng)用那么簡(jiǎn)單,正如其名字一樣,“集線器”“樞紐”他更多的展現(xiàn)的是一種紐帶的作用,重視與其他程序綜合化得處理。使得戶對(duì)某一類信息進(jìn)行處理時(shí)的行為是連續(xù)的。每一個(gè)HUB都可以在其應(yīng)用中連接到其他的app。WP7系統(tǒng)及追求使用操作的流暢,同時(shí)也追求信息流的流暢。以music+video為例,用戶可以直接在這個(gè)HUB中搜索相關(guān)的app應(yīng)用,然后安裝。用戶也可以直接從HUB里面相關(guān)的app列表,鏈接到相應(yīng)的app進(jìn)行音樂(lè)的其他操作。
Panorama(全景視圖)
滑動(dòng)的世界—流暢的不會(huì)迷失的導(dǎo)航 極其扁平的信息構(gòu)架,WP7是一個(gè)滑動(dòng)的世界,他會(huì)引導(dǎo)用戶盡量通過(guò)滑動(dòng)去切換去導(dǎo)航。全景視圖是WP7特有的交互形式之一,它一般應(yīng)用于app的第一層級(jí)。畫(huà)卷式的操作形式,既給用戶帶來(lái)了方便流暢的操作體驗(yàn),也給APP本身帶來(lái)了更寬廣的空間。
全景視圖下原則上是支持所有控件的。再加上這個(gè)視圖本身的廣闊的空間,為這里提供了無(wú)限的可能性。上圖是QQ音樂(lè)mango1.1版的全景布局。它不僅讓用戶在滑動(dòng)中就可以完成一級(jí)導(dǎo)航的任務(wù)。由于其獨(dú)特的空間特色,可以安排更多的內(nèi)容,使整個(gè)信息的構(gòu)架更加扁平。所以其適合應(yīng)用于結(jié)構(gòu)關(guān)系比較復(fù)雜的APP。
全景視圖的空間結(jié)構(gòu)示意
全景視圖的背景是可更換甚至可隨機(jī)變化,這為我們免去了做皮膚的煩憂,而且給用戶帶來(lái)了更多的自我發(fā)揮的空間和個(gè)性化的體驗(yàn)。
使用全景視圖注意事項(xiàng)
- 雖然全景的擴(kuò)展性很強(qiáng),但也要量力而為,過(guò)多的View不僅帶來(lái)了APP的運(yùn)算壓力,影響流暢性,也會(huì)增加用戶導(dǎo)航的操作難度,甚至讓其迷失。此處建議3~5個(gè)。
- 同時(shí)也要注意每一個(gè)view之間的視覺(jué)差異,避免用戶迷失其中。
- 另外,雜志/畫(huà)冊(cè)是很好的參考物,尤其是在排布和UI方面。
Pivot(樞軸視圖)
Pivot是WP7比較創(chuàng)新的一種頁(yè)簽的操作形式,由標(biāo)題,頁(yè)簽和內(nèi)容組成?;瑒?dòng)內(nèi)容和頁(yè)簽都可以進(jìn)行頁(yè)簽切換操作,同時(shí)也支持點(diǎn)擊直接切換頁(yè)簽。
滑動(dòng)的魅力是強(qiáng)大的,用戶不用去思考他的手指要點(diǎn)擊哪里,會(huì)不會(huì)出現(xiàn)誤操作之類的問(wèn)題,他只要輕輕滑動(dòng)頁(yè)面,就可以輕快流暢的到達(dá)到要去的地方。減少停頓,讓行為連續(xù)起來(lái),再一次體現(xiàn)在系統(tǒng)的設(shè)計(jì)中。與全景視圖相比,PIVOT更加注重體現(xiàn)內(nèi)容,而不是結(jié)構(gòu),所以其適用于結(jié)構(gòu)關(guān)系比較簡(jiǎn)單,但是內(nèi)容比較豐富的APP,當(dāng)然其也適合做全景頁(yè)面的下一層級(jí)使用。
但是并不是完美的
Pivot的形式雖然用滑動(dòng)的操作給用戶帶來(lái)了新穎和快捷的操作體驗(yàn),但其頁(yè)簽的循環(huán)和變化在很多情況下卻也容易讓用戶迷失其中。在設(shè)計(jì)的時(shí)候需要謹(jǐn)慎采用,盡量減少pivot的頁(yè)簽數(shù)量,并且不能出現(xiàn)pivot頁(yè)面下繼續(xù)出現(xiàn)pivot的情況。
在QQ音樂(lè)上,我們的解決辦法是在全景視圖下就給用戶預(yù)設(shè)pivot中每一個(gè)頁(yè)簽項(xiàng)的入口,這樣可以讓用戶以最快的速度到達(dá)他的目的地,同時(shí)也保留了其在pivot下切換頁(yè)簽的權(quán)利,既快速到達(dá),又保存了行為的連續(xù)性。另外,在使用PIVOT的時(shí)候需要用字體大小和顏色來(lái)引導(dǎo)用戶,使其預(yù)知哪些是可以點(diǎn)擊的,哪些是導(dǎo)航的,其實(shí)這是整個(gè)WP7系統(tǒng)要注意的問(wèn)題。
在對(duì)一些WP7的交互特性進(jìn)行了解釋和分析之后,這里筆者也總結(jié)了一些系統(tǒng)的特質(zhì)。
一、永遠(yuǎn)的開(kāi)闊:去邊界化設(shè)計(jì)的極致體驗(yàn)
去邊界化的設(shè)計(jì)遍布了整個(gè)WP7系統(tǒng),這是一個(gè)全新的嘗試。在WP7系統(tǒng)中,我們基本看不到在其他系統(tǒng)上隨處可見(jiàn)的各種欄:標(biāo)題欄,狀態(tài)欄,工具欄…Bla Bla…所以,我們看到了一個(gè)更加廣闊的視野,更加舒適的Screen。上圖是同一個(gè)頁(yè)面,在WP7和IOS上的對(duì)比,很明顯,WP7的視野更加開(kāi)闊,整個(gè)屏幕都是風(fēng)景,而IOS則讓人覺(jué)得看到的是一扇窗戶中的風(fēng)景。當(dāng)然這樣做也是有足夠的風(fēng)險(xiǎn),用戶的識(shí)別性降低了,功能區(qū)域的劃分也不明顯。WP7的解決思路就是盡量讓用戶看到的都是可以點(diǎn)擊的,用字體大小、顏色來(lái)引導(dǎo)用戶去區(qū)分目標(biāo)的屬性,目前來(lái)看,本人還是可以接受并習(xí)慣的。
二、連接一切:完善貼心的提示系統(tǒng)
WP7的提示系統(tǒng)有很多種,不同的場(chǎng)景應(yīng)用不同的提示系統(tǒng),除了之前介紹的Tile Notification,這里的將給大家介紹一個(gè)最普通Toast Notification
WP7的toast 跟平常情況下的toast基本差不多,展現(xiàn)形式如圖,但WP7給他加入了更多的可控因素:點(diǎn)擊toast直接進(jìn)入相應(yīng)的應(yīng)用,或者劃開(kāi)toast不在意。在IOS5上,蘋(píng)果也采用了類似的形式。這樣的提醒既沒(méi)有干擾到用戶的正常使用,又方便的給用戶提供了專場(chǎng)的出口,可謂貼心,而且不知不覺(jué)把應(yīng)用都連接了起來(lái)。
三、充滿空間感的動(dòng)態(tài)世界:空間層結(jié)構(gòu)–動(dòng)態(tài)、動(dòng)畫(huà)與等待機(jī)制
WP7的動(dòng)畫(huà)是一大特色,同時(shí)也是充滿了空間感。而這一點(diǎn)在設(shè)計(jì)的時(shí)候最好給予關(guān)注,“讓用戶把等待變成一種享受”
四、減少輸入的快捷體驗(yàn):強(qiáng)大的本地檢索
WP7的本地檢索,既有分類的作用,又可以達(dá)到快速的檢索,而且具有很好的擴(kuò)展性。尤其是對(duì)于分欄項(xiàng)目很多的頁(yè)面設(shè)計(jì),我們可以從中得到很多啟發(fā)。
五、揚(yáng)長(zhǎng)補(bǔ)短、語(yǔ)義明確:創(chuàng)新的工具欄
在iOS或安卓上toolbar的處理一直讓人頭疼的一個(gè)問(wèn)題是:?jiǎn)渭冇脠D形化的圖標(biāo),用戶會(huì)迷茫,使用圖標(biāo)加文字,會(huì)浪費(fèi)空間,于是經(jīng)常兩難。而WP7則秉承他開(kāi)拓空間的傳統(tǒng),使toolbar有了一種更新穎也更貼心的展現(xiàn)形式。正常狀態(tài)下,toolbar為單純的圖標(biāo) 然后又一個(gè)提示用戶點(diǎn)擊的“…”,或者只有“…”,這里放置的圖標(biāo)是用戶最常用和最容易識(shí)別的功能。當(dāng)用戶對(duì)圖標(biāo)不理解的時(shí)候點(diǎn)擊工具欄“…”,工具欄會(huì)拉起,顯示圖標(biāo)的文字解釋。工具欄圖標(biāo)最多可以放4個(gè),當(dāng)有更多,或者不常用或者用圖標(biāo)難以表達(dá)的功能,則以菜單的形式至于圖標(biāo)下方,做隱藏,點(diǎn)擊“…”時(shí),上拉彈出。
WP7精神
- 注重程序之間聯(lián)系與轉(zhuǎn)化,無(wú)處不在的快捷入口和操作性更好的提示系統(tǒng),滑動(dòng)為先的導(dǎo)航操作,讓用戶的使用行為更加連續(xù)順暢,更少的停頓和思考。
- 各種各樣的個(gè)人定制,讓整個(gè)系統(tǒng)更加自由,個(gè)人化,個(gè)性化。
- 扁平的信息構(gòu)架,簡(jiǎn)化操作層級(jí),更加直接,快速。
- 去邊界化的視覺(jué),讓用戶的視野更加開(kāi)闊,使用感受更加舒適。
- 充滿變化與動(dòng)態(tài),實(shí)時(shí)的告訴你你的系統(tǒng)是活的,有靈魂的,并且正在發(fā)生著什么。#p#
WP7應(yīng)用開(kāi)發(fā)中交互設(shè)計(jì)和UI設(shè)計(jì)的幾點(diǎn)建議
- 輕量化趨勢(shì)(去邊界)
- 怎樣扁平信息
- 怎樣開(kāi)發(fā)空間
- 減少用戶的思考,不停頓
- 手勢(shì)的高級(jí)化:點(diǎn)擊更多→滑動(dòng)更多
- 用WP7的思維去認(rèn)識(shí)這個(gè)平臺(tái)(社交、聯(lián)系、快速)
- 流暢輕量為先
- 給用戶更多個(gè)性化空間
結(jié)語(yǔ):
WP7的意義不在于它在市場(chǎng)上能否會(huì)影響甚至擊敗蘋(píng)果或者安卓,而在于在體驗(yàn)方面他確實(shí)進(jìn)行了很多前衛(wèi)而有意義的嘗試。
還是那句話,未來(lái)的移動(dòng)互聯(lián)必然是多元化的諸侯紛爭(zhēng)的格局,我們應(yīng)該對(duì)更多新的東西給予寬容和機(jī)會(huì),因?yàn)樗麄兇_實(shí)能給我們帶來(lái)驚喜。