從2011年開始,Google正在一步一步重新設(shè)計(jì)所有的移動(dòng)端產(chǎn)品,并第一次思考怎樣跨越Google的多個(gè)產(chǎn)品來統(tǒng)一設(shè)計(jì)語言。當(dāng)時(shí)遇到的難題是,由于不同的團(tuán)隊(duì)所設(shè)定的方向各不相同,因此對(duì)于任何一個(gè)團(tuán)隊(duì)來說,很難單方面地推動(dòng)一致的設(shè)計(jì)。
Larry Page上臺(tái)后,Google啟動(dòng)了Project Kennedy來統(tǒng)一交互,并成立了一個(gè)名為UXA的組織來統(tǒng)一制定Google的設(shè)計(jì)標(biāo)準(zhǔn)。與以Jony Ive為中心的蘋果設(shè)計(jì)團(tuán)隊(duì)相比,Google的設(shè)計(jì)團(tuán)隊(duì)仍然是一個(gè)偏去中心化的組織架構(gòu),每個(gè)產(chǎn)品團(tuán)隊(duì)都有自己的“設(shè)計(jì)主權(quán)”,而不需要統(tǒng)一向所謂的“mastermind designer”進(jìn)行匯報(bào)。
PingWest采訪了Google總部交互設(shè)計(jì)師姜公略,來向讀者展示Google是怎樣一步一步從過去工程師至上的公司轉(zhuǎn)變成并重設(shè)計(jì)。他曾經(jīng)在微軟亞洲研究院、MIT媒體實(shí)驗(yàn)室和Google X實(shí)驗(yàn)室參與設(shè)計(jì)實(shí)踐和研究工作,目前的主要職責(zé)是負(fù)責(zé)Google AdWords的設(shè)計(jì)研發(fā)。。
PingWest:從2011年Larry Page擔(dān)任CEO以來,Google可以說是重新設(shè)計(jì)了所有的移動(dòng)端產(chǎn)品,并逐漸統(tǒng)一了設(shè)計(jì)語言。你們究竟做了哪些事?
姜公略:我是2012年加入Google的,當(dāng)時(shí)Larry Page的這套改革才剛剛實(shí)施不久。在他以前,Google不太重視設(shè)計(jì),設(shè)計(jì)師非常少,所有的設(shè)計(jì)師都是在同一個(gè)團(tuán)隊(duì)里,他們分做不同的事——一些人做這個(gè)項(xiàng)目,另一些人做另一個(gè)項(xiàng)目。這個(gè)過程中,人會(huì)不斷地更換調(diào)動(dòng)。
等到Larry Page上臺(tái)以后,他大刀闊斧地砍掉很多產(chǎn)品,為了把Google打造成一個(gè)巨大平臺(tái)這一愿景,Google開始把每一個(gè)Product Area分清楚。比如說Chrome、Android、Ads和Search都成了不同的分支。這些分支內(nèi)部都有一整套自我生態(tài)循環(huán)系統(tǒng)——有自己的Leader,他基本上可以獨(dú)立地做決定,有Engineer的VP,有Product的VP,有Design的Director……他們的工作都不需要同其他的產(chǎn)品做太多地交互,Larry Page讓他們盡量地保持獨(dú)立工作,這保持了一個(gè)穩(wěn)定的團(tuán)隊(duì)和各自產(chǎn)品線內(nèi)完整、統(tǒng)一地設(shè)計(jì)語言,
PingWest:那不同產(chǎn)品線間的設(shè)計(jì)團(tuán)隊(duì)是怎樣協(xié)同工作的呢?
姜公略:現(xiàn)在你可以看到,所有Google的產(chǎn)品都長(zhǎng)得一樣,無論是Google+還是Gmail,至少在桌面上,他們的按鍵、顏色、甚至Button的位置都高度統(tǒng)一,我們將這個(gè)Style叫做Kennedy Style——Google專門成立了一個(gè)叫作UXA的組織來負(fù)責(zé)Project Kennedy。這個(gè)組織不隸屬于任何一個(gè)團(tuán)隊(duì),專門負(fù)責(zé)定制設(shè)計(jì)標(biāo)準(zhǔn)。比如,他們會(huì)定制下拉菜單是什么樣子的,搜索框是什么樣子的,陰影是什么樣子的,整套風(fēng)格是什么樣子的。
在他們定義的基礎(chǔ)上,設(shè)計(jì)團(tuán)隊(duì)有一些其他的需求。比如,我們需要定義一些更復(fù)雜的產(chǎn)品,但UXA此前沒有定義。這樣,我們就可能跟UXA進(jìn)行溝通,看有沒有必要為整個(gè)Google設(shè)計(jì)一個(gè)新的標(biāo)準(zhǔn)——如果只是我們團(tuán)隊(duì)對(duì)此有需求,我們會(huì)先定義一套標(biāo)準(zhǔn),將其共享給Google內(nèi)部,而如果別的團(tuán)隊(duì)也想做類似的東西,他們就會(huì)找到UXA,來確保所有的產(chǎn)品能維持一致性。
PingWest:在某些階段,iOS版本和Android版本的Google apps設(shè)計(jì)風(fēng)格不同,而某些階段又是相同的。比如目前Google+在兩個(gè)系統(tǒng)上的設(shè)計(jì)風(fēng)格出入很大,但Google Maps則在上一次的界面改版時(shí)統(tǒng)一了風(fēng)格。這是出于哪些原因?為什么兩個(gè)平臺(tái)產(chǎn)品推出的節(jié)奏不同?
姜公略:這是因?yàn)椋@兩個(gè)產(chǎn)品有不同的審核系統(tǒng),iOS有自己的一套Guidline,header和整套widget的設(shè)計(jì)都要遵循iOS的標(biāo)準(zhǔn);Android也有自己的標(biāo)準(zhǔn),包括確定按鈕、彈出窗口全都是內(nèi)部定制的。這兩套標(biāo)準(zhǔn)決定了你的app大致的外觀。而因?yàn)锳ndroid和iOS在系統(tǒng)本身的UI設(shè)計(jì)的風(fēng)格和樣式都不太一樣,所以便造成了同樣的app在不同的平臺(tái)上會(huì)有不一樣的表現(xiàn)。
對(duì)于Google而言,我們可能會(huì)先推出iOS的產(chǎn)品客戶端,然后觀察它的體驗(yàn)怎么樣,再將其移植到Android上。但有的產(chǎn)品,比如說Google Keep,它到現(xiàn)在都沒有iOS版本的產(chǎn)品,這實(shí)際上是因?yàn)镵eep這樣的軟件和Google的賬戶系統(tǒng)結(jié)合得很緊密,如果轉(zhuǎn)移到iOS上,用戶體驗(yàn)就會(huì)下降很多,所以就放棄推出iOS版本。這背后,是出于Google沒有一套公司競(jìng)爭(zhēng)層面的策略,來對(duì)不同平臺(tái)的產(chǎn)品進(jìn)行控制,每個(gè)產(chǎn)品有自己的主導(dǎo)權(quán),產(chǎn)品團(tuán)隊(duì)想怎么做就怎么做。
還有一個(gè)原因是互補(bǔ)。如果iOS本身就有功能方便的自帶應(yīng)用,Google肯定不會(huì)推出類似功能的應(yīng)用。比如說,Android有Google自帶的Calendar,iOS也有自己的Calendar,Google就不會(huì)另外再開發(fā)出一個(gè)iOS版本的Calendar。iOS的便簽可以和Gmail同步,可以完成類似的工作,Google也就沒有必要再做一個(gè)Google Keep了。
PingWest:Google的移動(dòng)應(yīng)用有相對(duì)統(tǒng)一的設(shè)計(jì),但Android系統(tǒng)與Google移動(dòng)產(chǎn)品的設(shè)計(jì)語言卻有出入。例如,Android首席設(shè)計(jì)師Matias Duarte曾提到過在設(shè)計(jì)Google Search的搜索框時(shí),Google考慮過是否該把搜索框改成Android的halo style,但最后Google仍保留了搜索框,沒有采用halo style。這是Android設(shè)計(jì)團(tuán)隊(duì)與Google其他產(chǎn)品的設(shè)計(jì)團(tuán)隊(duì)的差異么?
姜公略:Google的Android系統(tǒng)是由專門的團(tuán)隊(duì)在負(fù)責(zé),有專門的system design team。不久后的Google I/O上,你們可能會(huì)看到一些東西——也許它們會(huì)告訴我們未來兩者結(jié)合的趨勢(shì)。Chrome和Android合并了以后,兩套系統(tǒng)會(huì)趨于同質(zhì)化,也就是說,Chrome、Android和Google自己的原生app在設(shè)計(jì)層面都會(huì)趨于同質(zhì)化。
PingWest: Google沒有像蘋果的Jony Ive那樣有一個(gè)對(duì)設(shè)計(jì)有很大把控權(quán)的領(lǐng)導(dǎo)人物,設(shè)計(jì)團(tuán)隊(duì)會(huì)更加傾向于通過團(tuán)隊(duì)之間的分享交流來確定一個(gè)相似的設(shè)計(jì)語言。當(dāng)設(shè)計(jì)團(tuán)隊(duì)之間意見不統(tǒng)一時(shí),Google是如何權(quán)衡設(shè)計(jì)方案的?一般來說,什么樣的設(shè)計(jì)是更容易被多方接受的設(shè)計(jì)?
姜公略:Google和蘋果的差別在于公司的體系和產(chǎn)品都不太一樣。比如說,Jonathon Ive是蘋果旗幟性的一個(gè)人物,是設(shè)計(jì)的總負(fù)責(zé)人,所有的產(chǎn)品都要經(jīng)過他的批準(zhǔn),但Google不存在這樣的問題。比如說Android和Google+這兩個(gè)就是完全獨(dú)立的體系,各自完成各自的工作,而且有獨(dú)立的負(fù)責(zé)人。由于Google的產(chǎn)品數(shù)量特別多,也很難找到一個(gè)權(quán)威的人去管理所有的設(shè)計(jì)。產(chǎn)品的設(shè)計(jì)風(fēng)格和產(chǎn)品所需要的完成方式也是完全不一樣的。
蘋果最為人熟知的就是iOS和OS X這兩套系統(tǒng),對(duì)應(yīng)的產(chǎn)品是iPhone、iPad和Mac。Google是完全不一樣的,像Gmail、Map、Google+、Android,他們之間沒有太大的關(guān)聯(lián)性且相對(duì)獨(dú)立;旧,每個(gè)產(chǎn)品都有自己的設(shè)計(jì)總監(jiān),由這位總監(jiān)來負(fù)責(zé)這個(gè)產(chǎn)品的設(shè)計(jì)風(fēng)格。各個(gè)產(chǎn)品的設(shè)計(jì)總監(jiān)會(huì)定期地交流、開會(huì),看看自己的產(chǎn)品和其他的產(chǎn)品之間有哪些是可以更多地進(jìn)行協(xié)同工作的。
PingWest:Google的設(shè)計(jì)師團(tuán)隊(duì)是怎樣看待蘋果的設(shè)計(jì)的?作為一名Google的交互設(shè)計(jì)師,你覺得Google和蘋果在設(shè)計(jì)語言的風(fēng)格、取舍等方面有什么不同?
姜公略:我們覺得現(xiàn)在唯一跟蘋果類似的產(chǎn)品是Android和iOS,剩下的產(chǎn)品沒有任何交集。一家是做互聯(lián)網(wǎng)產(chǎn)品,一家是做硬件和系統(tǒng),這兩者之間的差別很大。Chrome OS和Macintosh還沒有任何可比性,這兩者也不會(huì)被拿來比較。Android和iOS的區(qū)別是一個(gè)是開放的,一個(gè)是封閉的。Android在設(shè)計(jì)上的難度要比iOS大很多,當(dāng)然效果是另當(dāng)別論了。
PingWest:Android的設(shè)計(jì)難度具體是指什么?
姜公略:Android有很大的flexibility。flexibility越多,你要考慮的內(nèi)容越多,這樣你把所有的信息聚合在一起的難度也越大。當(dāng)然,業(yè)界仍然會(huì)覺得蘋果的設(shè)計(jì)是最好的設(shè)計(jì)之一,但是現(xiàn)在Google也是在迎頭趕上。
PingWest:Google覺得什么樣的設(shè)計(jì)才是好的設(shè)計(jì)?
姜公略:好的設(shè)計(jì)主要取決于兩方面。一方面是visual(視覺),就是看起來好不好看;另一方面是usability(可用性),就是用起來好不好用。Google的產(chǎn)品在很長(zhǎng)一段時(shí)間里都是處于比較好用的狀態(tài),也就是在usability方面做得很不錯(cuò)。實(shí)際上這也是因?yàn)殚L(zhǎng)時(shí)間以來,Google聘用的都是交互設(shè)計(jì)師,我們設(shè)計(jì)團(tuán)隊(duì)里大概90%的人都是交互設(shè)計(jì)師。
這也是一個(gè)過渡的過程。最開始Google沒有設(shè)計(jì)師,都是工程師,整套設(shè)計(jì)風(fēng)格都是工程師搭建起來的。(他們)稍微有一點(diǎn)usability的sense,但是這樣還不夠。后來Google聘用了一批交互設(shè)計(jì)師,比較強(qiáng)調(diào)usability的sense,但是又沒有太多的visual的sense,他們是接近于純藝術(shù)設(shè)計(jì)師和工程師之間的這么一個(gè)職位。所以說我們做的主要還是負(fù)責(zé)于把usability做好,把用戶體驗(yàn)做好。在以前,visual的部分是我們比較欠缺,或者說沒有后來那么重視。
現(xiàn)在Google聘用了很多visual designer,他們什么都不做,專門負(fù)責(zé)把東西做得好看。這部分人注重于做UXA,(Google認(rèn)為)沒有必要每一個(gè)產(chǎn)品都配一堆visual designer。因?yàn)镚oogle想要做的是讓所有的產(chǎn)品都長(zhǎng)得一樣,所以只要設(shè)計(jì)出一套漂亮的系統(tǒng)給所有人用就可以了。
PingWest:現(xiàn)在設(shè)計(jì)師在Google扮演的是一個(gè)什么樣的角色?Google還會(huì)不會(huì)采用A/B test這類很技術(shù)的方法來確定設(shè)計(jì)方案?
姜公略:Google有自己的一套OKR(目標(biāo)和關(guān)鍵結(jié)果),告訴我們應(yīng)該遵循一套什么樣的準(zhǔn)則來做事情。在以前的時(shí)候,Google幾乎沒有把設(shè)計(jì)列入“做事準(zhǔn)則”,但是現(xiàn)在無一例外地把設(shè)計(jì)放到了非常重要的位置。每個(gè)季度、每一年都有設(shè)計(jì)目標(biāo),我們要提供最好的體驗(yàn)。
在實(shí)施的過程中,Google開始變得重視設(shè)計(jì)師的聲音。比如說,我們要做一個(gè)東西,工程師可能會(huì)置疑我們?yōu)槭裁匆鲞@個(gè),我們會(huì)給出自己的理由。工程師以前有比較大的話語權(quán),但現(xiàn)在我們的“做事準(zhǔn)則”已經(jīng)制定出來了,所有人都要遵循準(zhǔn)則做事情。
在萬不得已的時(shí)候,我們會(huì)用A/B Test。只有我們真的不知道答案的時(shí)候,我們才會(huì)讓用戶來告訴我們答案。但這種情況極其少見,兩年的時(shí)間里我所經(jīng)歷過的也就一兩次,而且越來越少,大多數(shù)情況我們不會(huì)用這種方式來決定我們的產(chǎn)品該怎么做。
PingWest:Google會(huì)在跨平臺(tái)的設(shè)備上融入一些新的交互方式嗎?比如現(xiàn)在我們已經(jīng)看到了語音交互融入了很多跨平臺(tái)的設(shè)備。
姜公略:我們會(huì)根據(jù)硬件的不同,交互設(shè)計(jì)會(huì)有一些不同的改變,比如手機(jī)上的捏合操作、桌面平臺(tái)上的鼠標(biāo)懸停都是不同平臺(tái)獨(dú)有的。Google所有的產(chǎn)品都會(huì)用到語音交互,而且這套交互可以出現(xiàn)在很多地方。
PingWest:除了Android,Chrome OS也是Google的另一個(gè)核心,在這個(gè)操作環(huán)境下,設(shè)計(jì)語言和視覺風(fēng)格會(huì)有不同么?
姜公略:這套系統(tǒng)跟Chrome的有點(diǎn)類似,因?yàn)樗麄兪峭粓F(tuán)隊(duì)的。在Android和Chrome合并以后,我現(xiàn)在還沒有看到什么設(shè)計(jì)上的合并。畢竟Chrome OS只為少數(shù)人所了解,大多數(shù)人還是只知道Android。Android現(xiàn)在的交互與Chrome是完全不一樣的,一是系統(tǒng)不一樣,二是兩者的團(tuán)隊(duì)不一樣。
如果設(shè)計(jì)風(fēng)格統(tǒng)一以后,你可能分不清哪個(gè)是Android,哪個(gè)是Chrome OS了。就像Mac已經(jīng)扁平化的風(fēng)格設(shè)計(jì)已經(jīng)與手機(jī)一樣了,所以這是所有做平臺(tái)的公司所面對(duì)的大趨勢(shì),用戶不必分清楚自己在哪個(gè)平臺(tái)上,只要我們提供的體驗(yàn)是一致的就可以了。
全部評(píng)論