非常感謝大家,這是關(guān)于Windows Phone的用戶體驗(yàn)。大家可以看到Windows Phone在整個用戶體驗(yàn)的交互界面叫做MA的時候,其實(shí)它在20多年前已經(jīng)出來了,它主要的特性是在于是可以簡化整個信息的系統(tǒng)。大家去過芝加哥,我在紐約,在紐約基本上地鐵,每天它的很多站,差不多它有40多站,它的車還分快慢車,盡管這樣,基本上一上地鐵,它有路線,我們都可以看到。它可以更方便的簡化信息,我想問一下今天有多少是做界面設(shè)計的?因?yàn)槲矣浀梦覀兏拦ぶv這個東西,他們很興奮,他們對這種東西非常潮流。其實(shí)Metro整個界面的導(dǎo)航模型是3D的,其實(shí)Metro在微軟很早就開始做了。現(xiàn)在它和Windows Phone結(jié)合在一起了,它里面的音樂,大量的商業(yè)已經(jīng)落戶在Windows Phone里面了,這是Metro的界面,包括Metro的產(chǎn)品。上面比較簡單,就是上下,下拉,大量的文字充斥。
我們希望無論你是程序員還是設(shè)計,希望大家可以很和諧的生活在一起,大家更多的要理解Metro在用戶體驗(yàn)是怎樣的,可以用兩個詞:Mooern、Hentic。一個是現(xiàn)代,一個是簡化。簡化的方式更多是你在設(shè)計內(nèi)容,大家可以看到雜志中為什么大幅度的宣傳,其實(shí)只是一個圖表或者是LV的包,所有的視線會集中。所以很多人在看雜志、書的時候我們都是被設(shè)計了,它整個的排版和策劃的能力就是要讓你注意到他要讓你注意到的內(nèi)容,這是設(shè)計原則。Metro是這么一種感覺,我覺得應(yīng)該比較前衛(wèi)的是說,在手機(jī)操作系統(tǒng)里面我們要引入這種東西,這樣不再繁雜,而是能夠有有限,不斷被黏性所粘住的,所以大家要轉(zhuǎn)變思想。目前給大家發(fā)的手機(jī)里,郵箱、圖片,其實(shí)里面這些東西你看一下,尤其是郵件,它的特性顯示的非常明顯。
如何利用Metro特有的風(fēng)格
我們更多可以關(guān)注它的一些設(shè)計里面,我們在Windows Phone里面出過一本詳細(xì)的設(shè)計準(zhǔn)則,現(xiàn)在出到了第二版,可以在我們的網(wǎng)站上看到。在這里面提到了:干凈、現(xiàn)代、快速、運(yùn)動和真實(shí)。還有很多設(shè)計準(zhǔn)則來約束你什么樣的Metro來約束你,但是設(shè)計準(zhǔn)則是一個設(shè)計師的靈魂,它是一個總結(jié)。我現(xiàn)在的觀點(diǎn),我認(rèn)為底色白色,字是灰色,是一種溝通的模式在。它大量的流白,還有可以觀察一點(diǎn)沒有圖片,沒有文字,它可以快速的傳達(dá)我們的事物。還有各種各樣的微博,因?yàn)榇罅康男畔⒁愕难劬﹃P(guān)注,可能文字對你來說關(guān)注度會小一點(diǎn),選擇一些重要的信息比較容易一些。所以快速運(yùn)行,注意要關(guān)注最重要的任務(wù),還有這里面我們需要著重后兩點(diǎn),不必要的時候要記得刪除。我們今天說的很理論,比如說你做安卓或者是iOS,很多情況不是一個Windows Phone的應(yīng)用,Windows Phone強(qiáng)調(diào)是說有一些功能的東西你要定義和重新的編輯。學(xué)會流白,這不是大部分的設(shè)計師都會做的,所以其實(shí)蠻不容易的,簡潔、簡化、簡單,這是一個流程,我們設(shè)計師需要流白,開發(fā)需要流白,而且現(xiàn)在都是設(shè)計驅(qū)動,你是不是一個好用的產(chǎn)品,是不是一個可用的產(chǎn)品,程序員應(yīng)該跟美工多和一下。
清晰:你覺得一本雜志好看,打動你的是文字,大量的圖片很精美,這是一方面。還有一種是紙質(zhì)的反射的光澤,這是閱讀的感覺。其實(shí)這里面Windows Phone很多東西,我們注重大家用這些的設(shè)計靈感:優(yōu)雅、清晰、整潔、簡單。還有為什么?我們看到了簡化、簡潔以及大量的流白,還有抽取出用戶的非抽重的信息和抽重的信息,尤其是微博,一定要讓用戶用上去沒有沉重感。如果底色黑色的,是很好看,但是看久了真的很沉重,很煩瑣,但是白色的底不一樣。給大家提一個建議,Windows Phone是一個排版的界面應(yīng)用,所以你如果找大美工,你可以招聘一個在雜志社里面做排版的人,他可以幫你分辨出主頁中的主次。
靈活:它是一個動感的東西。你可以看到在Windows Phone里面大量的界面之間,大家在應(yīng)用手機(jī),所有的程序之間的界面,我們要鑒定一個詞是:我們是動感的過程中切換應(yīng)用。但是里面切忌,盡量不要讓用戶有停頓感。我很多手機(jī)都在用,我覺得iPhone,它有一個特征,它會讓你通過后面再返回到主頁,用戶來說的話,中間的過程是終端的。為什么我們要搞這么多的應(yīng)用,但是它有翻頁的動畫,這樣應(yīng)用體驗(yàn)是連續(xù)的。所以大家一定記著,比如說新浪微博,退出的時候會問用戶“您真的會退出”嗎,這個是設(shè)計誤區(qū),盡量的避免它。因?yàn)橹灰僮飨到y(tǒng)不關(guān)機(jī),它就要一直在。
在Windows Phone里面它的界面,無論你做任何的實(shí)踐、處理以及界面用戶的操作也好,任何的東西都給予提示。你在Windows Phone里面運(yùn)用的時候,它的開機(jī)畫面不能超5秒鐘。比如說等待的時間,或者是數(shù)據(jù)加載,都有等待的加載條,如果等待過長,后來幫你處理。但是你自己一定要把它作為準(zhǔn)則,如果一個東西讓用戶等待超過5秒鐘,你一定要想辦法處理掉。再一個是文字的使用,在Windows Phone里面不大一樣,我們基本上體現(xiàn)一些執(zhí)行的操作是圖標(biāo)還有文字。文字是有執(zhí)行力的,在手指的區(qū)域中才可以有這個設(shè)置。
注重內(nèi)容:在Windows Phone里面體現(xiàn)的東西比較多,我們也是在抽取簡化內(nèi)容的東西,給大家嘗試用的圖標(biāo),你要尊重Windows Phone的特點(diǎn),你要去下載,你要形成這種習(xí)慣。盡可能在他應(yīng)用的時候,不屈問,一旦問這個應(yīng)用程序是什么意思,其實(shí)是一個設(shè)計的失敗。
邊框:我們跟內(nèi)容的交互。我們跟內(nèi)容之外的交互會變成另外一邊。大家要記住的準(zhǔn)則是這樣的,但是你現(xiàn)在的糾結(jié)還是不用,我們可以理解,現(xiàn)在新浪、網(wǎng)易、騰訊還有各大電商以及各大網(wǎng)站都基本上做好,京東已經(jīng)上了,今天差不多3、4天會有更新,但是你看到第一批的界面還是比較丑,確實(shí)Metro給人的東西不一樣。
Windows Phone的三種界面
第一種是個性,三秒鐘關(guān)閉。對于一個用戶來說,只看今天的天氣,幾個短信,幾個未接來電,今天的天氣怎么樣,對于我來說今天的信息夠了,我就可以關(guān)閉了。而不是說我要知道天氣,然后我挑天氣,我想看有幾個未接,我再選,不需要這么煩瑣。
第二個是感知。它很好的處理了內(nèi)容的主次和內(nèi)容形式,“晴天”,還有小字體現(xiàn)出幾點(diǎn)幾點(diǎn),會有什么樣的溫度波動,再有就是今天和明天的預(yù)告,所以在這個界面里面,如果是這么去設(shè)計這個頁面,其實(shí)你已經(jīng)猜到了用戶的心理,非常容易的幫用戶解決他需要的信息。前提是說你已經(jīng)簡化的信息的表達(dá)。
第三是連接。如果你真正可以用深,一個非常好的東西。可能是人人,可能是微博,或者是國外的網(wǎng)站已經(jīng)上了這種界面,國內(nèi)正在做。這些變成了個人網(wǎng)絡(luò),我各種各樣的信息都是跟我相關(guān)的,我找到我的聯(lián)系人,就可以看到他的照片。他下載了PPT,我可以通過他來找,這是聯(lián)系人方面。我當(dāng)前在一個城市,我可以知道我朋友在哪一個城市,我可以知道他的天氣怎么樣,所以很多SOCAL的概念,你要具體的用到SOCAL的概念。