Zune HD 尤其是它的界面設(shè)計讓人耳目一新(關(guān)于 Zune HD 我們此前的介紹:1 ,2 ,3),它很酷,在 Apple 的陰影下你無法從其他同行者那里感受到這種獨(dú)辟蹊蹺露鋒芒的氣勢,也很難在微軟給人們的一貫的產(chǎn)品形象中體會到這種凝聚在刀尖的感覺;它很小,對于微軟來說是一個進(jìn)即攻退不必守的產(chǎn)品,也不知道現(xiàn)在賣出了多少 Zune HD;它甚至很謙虛,在機(jī)子里除了可以看到很有愛的“For our Princess”,還可以在機(jī)子側(cè)面看到“hello from seattle”這句話,設(shè)想如果將這句話換成“Designed in Seattle”呢?……它是我們提出的“Be Cool,Be Small……”的一個好例子。
將 Zune HD 上的界面設(shè)計延伸到 Windows Phone 7 上是眾望所歸,兩個操作視頻(1,2),看到第一眼的時候,會覺得太異樣了,尤其是和以前的 Windows Mobile 相比較,比如和2年前披露的 Windows Mobile 7 比較,和 Android 或者 Maemo 比較。很容易讓人聯(lián)系起 Wolff Olines(為倫敦2012奧運(yùn)會、Aol.、NYC 做新品牌識別設(shè)計的公司,他們這些充滿爭議的設(shè)計讓我對品牌識別設(shè)計有了新的認(rèn)識),因?yàn)?Windows Phone 7 有很強(qiáng)的視覺設(shè)計沖擊,在小屏幕上占據(jù)空間的大字體和空白處,溢出及滲入的視覺元素,大膽的塊面分割……雖然把它當(dāng)作單純的平面設(shè)計看是顯得非常保守的,但這種應(yīng)用在手機(jī)界面上的突破足以讓人激動。
這 些帶給我們視覺沖擊的并非只是為了追求“不一樣”而作的元素設(shè)計,它背后有邏輯支撐,比如滲入溢出就像上圖所示,通過不同界面之間的連續(xù)性在小屏幕上獲得更寬闊的體驗(yàn)。Albert Shum,微軟“移動體驗(yàn)設(shè)計”的主管,此前在 Nike 做了12年的設(shè)計工作,在接受采訪時說到,Windows Phone 7 界面設(shè)計的目標(biāo)是讓用戶和 Windows 智能手機(jī)在情感上(emotion) 連接在一起,讓其更具個性化。
[Page: ]
起始界面叫做“Start Experience”:
iPhone 的起始頁面是圖片網(wǎng)格排列式,或許我們可以稱之為正統(tǒng)的,短信、日歷、照片、地圖、自定義的應(yīng)用等都給了直接的入口,短信郵件之類會有氣泡提示。原版 Android 也是類似以圖標(biāo)排列為主,只不過并不是像九宮格那樣1234地排列,留空或許為了讓觸摸操作更放心,除此之外還多了搜索。Maemo 則是將圖標(biāo)放大成了 widgets ,排列也非正規(guī)。上圖所示的 Motorola CLIQ 是基于 Android 的一個新界面設(shè)計 MOTOBLUR ,Nokia N97 則是 Symbian,兩者看上去和 Windows Phone 7 相似,因?yàn)椴辉偈菆D標(biāo)的排列,但它們的框架仍很傳統(tǒng),只不過綜合了圖標(biāo)和 widgets,而且信息量很繁雜。
Windows Phone 7 不再使用圖標(biāo)概念,讓我們跟“圓角、陰影、漸變、光澤”說拜拜吧。它們被稱為“l(fā)ive tiles”(實(shí)時塊),與在線數(shù)據(jù)相連實(shí)時更新。WP7 與其他不同的是,它不再訴諸于功能而是內(nèi)容,我們以前說過人們已經(jīng)從工具的消費(fèi)轉(zhuǎn)向內(nèi)容的消費(fèi),再看看那些熱門的創(chuàng)新應(yīng)用,比如 Flickr,Youtube,Twitter 對于用戶來說無一不是把內(nèi)容放在前臺。WP7 將這些內(nèi)容集成為一個個中繼(Hubs),隨時可以在起始頁看到內(nèi)容更新,進(jìn)入則可詳細(xì)了解。
[Page: ]
不一樣
自 iPhone 公布以來,智能手機(jī)已經(jīng)發(fā)生了很大的變化,后來者必須面對 “iPhone 的存在”這個巨大的現(xiàn)實(shí),無論本意是怎樣是順著 iPhone 還是遠(yuǎn)離 iPhone,那么“不一樣”這一點(diǎn)就變得非常重要,我們在 Windows Phone 7 的主頁上看到的第一句話就是,“一部不一樣的手機(jī)”。
iPhone 就在那里,人們也不會滿足于一個產(chǎn)品,所以要做出“不一樣”看上去是一件不是太難的事。Google 有著非常強(qiáng)大的應(yīng)用研發(fā)能力,在 Android 上我們能夠不斷看到在 iPhone 在它的 App Store 中不能獲取的應(yīng)用,iPhone 上的 Maps 就是和 Google 合作開發(fā)的,而 iPhone 上的 MobileMe 鮮有人一直提起,所以 Android 可以在功能層面上去追求“不一樣”。 如果無法在功能開發(fā)上去面對 iPhone,那么在設(shè)計上也是很容易的,就像 iPhone 的圖標(biāo)很大,那么 Android 2.1 就可以將圖標(biāo)做的小一點(diǎn),并且平面化一點(diǎn),少一些光澤立體感材質(zhì)感。iPhone 的交互界面偏向功能主義,那么 Palm Pre 可以在視覺上作區(qū)分,比如卡片式的?!拖瘛叭思易龅氖欠降?,你就做個圓的唄”。
人們會很容易被這種“不一樣”,甚至是一個很小的細(xì)節(jié)設(shè)計所吸引,從而對這個產(chǎn)品建立起獨(dú)特的印象,比如 WP7 上進(jìn)入起始頁面時左上角的指示箭頭從“實(shí)時塊”后方走向前臺的小動畫就很能吸引人,包括界面中的動畫效果,因它能夠豐富視覺。iPhone 已經(jīng)上市也已快三年,而它的界面并沒有發(fā)生大的變化,也許人們不會說厭倦了,但是新鮮感已經(jīng)喪失,此時如果能提供突破性的新界面設(shè)計,用戶將會投注更多的注意力。而智能手機(jī)的界面設(shè)計從理論上說“iPhone 模式是唯一的”或者“iPhone 模式是最好的”是不成立的,對于后繼者選擇順著 iPhone 的路子進(jìn)行還是遠(yuǎn)離 iPhone 的路子,關(guān)系到機(jī)會和風(fēng)險的權(quán)衡。
WP7 的界面是后繼者之中最具獨(dú)特性的,最遠(yuǎn)離 iPhone 的,也就是最容易從中顯現(xiàn)而出的。如果對比 WP7 和 iPhone,你會覺得那個更“藝術(shù)”呢?大眾通常“藝術(shù)”這個詞是與 Apple 相連的。WP7 不只是獨(dú)特,而且還很“過分”,比如將字體放到如此之大,難道就因?yàn)橐徊俊禜elvetica》紀(jì)錄片人們就更喜歡字體了?還有不加修飾,不加 Polish 的直白頁面設(shè)計……
[Page: ]
“不一樣”并不簡單
無論怎樣的設(shè)計,改良的還是革命性的,都是在權(quán)衡之下產(chǎn)生的。
看著 WP7 的起始頁或者其他頁面,會覺得“這浪費(fèi)了多少的空間啊”,而且手機(jī)的小屏幕是寸土寸金,為了追求這個“不一樣”有必要嗎?“必要”通常是我們在考慮“可以不可以”之后必須面對的一個問題,“不一樣”的新鮮感是否可以持續(xù)從而轉(zhuǎn)化為一種可持久的體驗(yàn)。撇開圖標(biāo)撇開按鈕的界面怎樣讓人們知道操作,強(qiáng)調(diào)視覺化的設(shè)計怎樣讓信息有效的傳達(dá)……這是是需要對內(nèi)比如功能所要作的權(quán)衡和協(xié)調(diào)。
WP7 起始頁引入了“l(fā)ive tiles”,很好了協(xié)調(diào)了因?yàn)樽非蟆安灰粯印钡囊曈X體驗(yàn)而留出空白帶來的功能上的問題,是否有新的信息、電話或者有新的狀態(tài)更新,可以掃一眼就看到,從現(xiàn)在的設(shè)計看,這些“l(fā)ive tiles”的一些動畫還有點(diǎn)單調(diào)煩悶,比如頭像一上一下,如果喜歡這樣帶有點(diǎn)低技電子風(fēng)格的到無所謂。
更重要的是需要和外部的協(xié)調(diào),那就是用戶。用戶能夠和創(chuàng)造者一樣喜歡里面的創(chuàng)新設(shè)計嗎?有時創(chuàng)造者會陷入自己的創(chuàng)新死胡同,自己看是怎樣都好,但是用戶不領(lǐng)情,有時用戶在初次見到比如媒體介紹的時候都會很喜歡,但最后會被現(xiàn)實(shí)澆滅。
這類進(jìn)入創(chuàng)造者自我的創(chuàng)新死胡同的例子很多,比如 Google Wave,另外微軟的 Courier 數(shù)字日記本看上去也是類似,人們都會贊嘆其創(chuàng)新,但很難預(yù)計這種創(chuàng)新進(jìn)入現(xiàn)實(shí)進(jìn)入大眾的情形,比如將書本或者日記本的概念應(yīng)用的平板電腦是一個創(chuàng)新,而且一些很炫的花樣細(xì)節(jié)設(shè)計很容易鼓動人,比如 Palm Pre 從屏幕下方朝上拖的操作,但是日常化之后呢,為什么要把電腦做成書呢?當(dāng)然,如果只是一個并非針對大眾產(chǎn)品就另當(dāng)別論了。
在這一點(diǎn)做的最好的就是 Apple,我們在UNIVERSAL/普遍一文中也說到過,UNIVERSAL 有時我們可以稱之為“標(biāo)準(zhǔn)的”,在那篇文章中我們用 iPhone 的解鎖設(shè)計來說明,即是說如果 iPhone 當(dāng)時不采用這個設(shè)計,必定會被回來者設(shè)計而出,即 inevitable 必然的不可避免的,所以 UNIVERSAL 可以稱是面向大眾最佳的最直接并且必然的設(shè)計,既然是最佳那不就是“唯一”嗎?在這的“唯一”是這里一貫說的“其中唯一”,那么就看怎么定義這個“其中”。形象一點(diǎn),我們可以將創(chuàng)造和使用(創(chuàng)造者和用戶)視為兩個點(diǎn),而這兩個點(diǎn)是呈入星云或者電子云一樣的混沌狀的,但是如果我們以宏觀的角度來看,那么這兩個點(diǎn)是凝聚的點(diǎn),那么從 A 到 B 最直接的就是直線,Apple 的設(shè)計就是走這一條直線,那么規(guī)范這條直線的就是關(guān)系的內(nèi)在邏輯,在這里可以包括產(chǎn)品的功能、人機(jī)交互的原則、信息傳達(dá)的原理等等,所以,iPhone 的設(shè)計看上去是具有標(biāo)準(zhǔn)氣息的,網(wǎng)上有很多文章分析為什么 iPhone 的設(shè)計最好,比如同一頁面不會出現(xiàn)兩個相同功能的操作等等,比如這一片 Edward Tufte 的分析。這一點(diǎn)我們可以在幾乎所有的產(chǎn)品類別中看到,這也就是為什么我們身邊總是有“標(biāo)準(zhǔn)的”“唯一的”東西,因?yàn)槲覀兲幵谕粋€“其中”之中。
但是,條條馬路通羅馬,從 A 到 B 不只是一條路,而且這個關(guān)系體是混沌的,也就是說其中的“唯一”是基于不同的視角的,當(dāng)我們處在不同的“其中”之中的時候,就可以出現(xiàn)不同的“唯一”。所以,如果將自己納入到 iPhone 的那個視角中,那么追求“不一樣”的結(jié)果將是圍繞著 iPhone 的那條直線獲取曲線路徑的。那么要去的自己的“唯一”,就需要建立另外一個視角,在自己的視角中去找到那條直線。
WP7 的“不一樣”有它的一些基礎(chǔ),比如上面說的內(nèi)容來代替功能,最重要的是將 people 獨(dú)立出來,整合進(jìn)其他應(yīng)用之中的信息,而 Android
雖然也強(qiáng)調(diào)聯(lián)系人的信息整合,但是它還是叫“聯(lián)系人”。
我們說可以去找各自視角中的“唯一”,但是有些邏輯是重合而統(tǒng)一的,比如人機(jī)的原則,以及受制于更大范圍的比如科技生產(chǎn)力等的制約,面向同一個消費(fèi)群體也會是重合的,那么所以 WP7 和 iPhone 仍然可以比較,只不過各自的訴求不同。我們可以將 iPhone 比作是“正道”,而 WP7 則是“邪道”。如果我們以正邪之分來看其他產(chǎn)品,發(fā)現(xiàn)絕大部分的產(chǎn)品都是“正道”在先在引領(lǐng)江湖并加強(qiáng)自己的標(biāo)準(zhǔn)地位,而“邪道”則是補(bǔ)充和豐富選擇以及去細(xì)分市場,也有從“邪道”轉(zhuǎn)為“正道”的,Apple 就是,在 iPod 興起之前,尤其是我們以前說的“浪漫主義”時代,諸如第一代 iMac 和 iBook 時期,它更多的是和“時尚”聯(lián)系在一起,而現(xiàn)在人們都以為用 Mac 才 Geek。
在 iPhone 存在的前提下,WP7 找到了一條它自己很好的路徑,即找到了它的“不一樣”。只是“不一樣”是不夠的,還需要酷。
[Page: ]
cool,酷
在人們的潛意識中,會將酷和“耍 Pose” 聯(lián)系起來,也就是不夠“正道”?!八?Pose”確實(shí)很重要,因?yàn)樗軌蚝芎玫膶ⅰ安灰粯印苯o傳達(dá)出來,尤其是在人們普遍認(rèn)同并贊揚(yáng)已存在的“正道”擁有者的時候,比如 WP7 誕生已經(jīng)有了 iPhone 等。那么 WP7 靠什么來“耍 Pose”?,比如它的視覺設(shè)計部分,一些離經(jīng)叛道的刻意作為,比如大字體,留空白,滲入溢出,全景式的界面等。如果本來是一個老實(shí)人而來“耍 Pose”,那么人們會討厭這種裝腔作勢,只有發(fā)自內(nèi)心的自由舒暢的表達(dá)才可以將“酷”展現(xiàn)給大眾,WP7 一方面從自身邏輯上有支撐,另一方面執(zhí)行的徹底和出色讓這種“酷”很自然的流露出來,即我們通常說的自內(nèi)而外的“酷”。
作為姍姍來遲者,“酷”只是開始,但不足夠,它需要在和大眾交流中完整并凝聚自己,將進(jìn)入的世界綜合著理性和感性,在若即若離的假設(shè)與未來關(guān)系中找到自己的位置。WP7 將在假期發(fā)售,至于哪個假期未看到有定論的,希望到時可以看到更加完善的 Windows Phone 7。