Google內(nèi)部的核心設(shè)計(jì)秘密
從 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)?Android 和 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)?Keep 這樣的軟體和 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 的 holo style,但最后 Google 仍保留了搜索框,沒有采用 holo 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)品沒有任何交集。一家是做網(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ì)師,我們?cè)O(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)?Google 想要做的是讓所有的產(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ì)質(zhì)疑我們?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)是一致的就可以了。
原文地址:pingwest
作者:童濱
- 目前還沒評(píng)論,等你發(fā)揮!