Google佩奇:讓Google變得漂亮在視覺上重構(gòu)谷歌

0 評論 5824 瀏覽 0 收藏 26 分鐘

優(yōu)秀的設(shè)計并非人們傳統(tǒng)觀念中谷歌應(yīng)當(dāng)做的事情,更何況該公司經(jīng)常進行一些非常細微、遞進的改變,例如在搜索結(jié)果鏈接中使用41種深淺不同的藍顏色,而不是信任自己的設(shè)計師創(chuàng)造一種全新的視覺。這種“嚴格依照數(shù)據(jù)武器開展非生即死設(shè)計的理念”導(dǎo)致谷歌的首位視覺設(shè)計師道格拉斯·鮑曼(Douglas Bowman)于2009年離職。

然而最近,大量經(jīng)過周密思考而設(shè)計出來的應(yīng)用程序已經(jīng)無法忽視,尤其是在不屬于谷歌的iOS平臺。Google+、YouTube、Gmail和谷歌地圖應(yīng)用的體驗連貫,外觀漂亮,這與谷歌過去的應(yīng)用,甚至蘋果自己越來越黯淡的應(yīng)用都形成了鮮明的對比。

外界希望能夠找到這種全新設(shè)計方向的負責(zé)人,但最終得到了一個奇怪的答案:這個人根本不存在。相反,由于一個小規(guī)模的谷歌設(shè)計師團隊提煉了一種觀念,谷歌的每個產(chǎn)品團隊都在自己探索連貫和前瞻性的設(shè)計,這是一個令人驚訝的過程。

他們正在相互交流。

肯尼迪項目(Project Kennedy)拉開帷幕

佩奇的美麗革命:重新打造“不現(xiàn)丑”的谷歌

  谷歌的肯尼迪項目

  佩奇執(zhí)掌谷歌之后,他的第一條指示非常明確。谷歌搜索首席設(shè)計師喬恩·韋利(Jon Wiley)回憶說:“佩奇說,‘嗨,各位,我們要重新設(shè)計所有的產(chǎn)品?!f利和自己的同事只有兩個月的時間給谷歌制作一件全新的外套,并且開始歷史性地思考外界應(yīng)當(dāng)如何看待谷歌。韋利說:“我們得到的命令是,讓這一切看起來漂亮?!?/p>

這并不是谷歌設(shè)計師們第一次嘗試在不同產(chǎn)品中整合設(shè)計語言,但這是到目前為止最成功的一次嘗試。“過去在谷歌也有一些設(shè)計師主張,‘我們把整個谷歌整合成一個漂亮、出色的設(shè)計吧’,但鑒于谷歌建立的宗旨就是速度,因此任何團隊都難以推動整個谷歌行動。”韋利這樣說。過去谷歌并不是沒有設(shè)計師,而是他們沒有沿著同一個方向前進,他們也沒有足夠的權(quán)威。

“五年前我加入谷歌的時候,我們的平臺并沒有一個共同的設(shè)計語言。”YouTube移動業(yè)務(wù)高級產(chǎn)品經(jīng)理安德烈·多洛尼切夫(Andrey Doronichev)說,“我們一直希望開發(fā)美觀的應(yīng)用,但每個團隊的優(yōu)先任務(wù)不盡相同。”韋利表示,整個谷歌范圍內(nèi)的設(shè)計倡議“需要一位CEO設(shè)定理念,這位CEO應(yīng)當(dāng)有能力號召整個公司完成這項任務(wù)”。韋利將谷歌全新設(shè)計方向的代號定為“肯尼迪”,也就是現(xiàn)在佩奇提出的著名的新產(chǎn)品“登月”戰(zhàn)略。

谷歌的高級設(shè)計師們齊聚一堂,商討如何在擁有十億多用戶的數(shù)十款產(chǎn)品中公平、合理地利用一些設(shè)計原則。另外韋利在2011年一次題為《哇,谷歌也有設(shè)計師》的演講中提到,谷歌創(chuàng)新實驗室(Google Creative Lab)也提供了一些“外部幫助”。該實驗室擁有公司紐約辦事處的頂級設(shè)計師,最著名的是開創(chuàng)了獨特和感人的營銷項目,例如令人熱淚盈眶的“超級碗”廣告,或者創(chuàng)新的Arcade Fire音樂視頻。佩奇要求創(chuàng)新實驗室與谷歌其他設(shè)計師共同努力,打造全新的理念。與蘋果不同,谷歌愿意在設(shè)計方面與外部合作,這在肯尼迪項目中發(fā)揮了一定的作用。“谷歌應(yīng)當(dāng)呈現(xiàn)出一種什么樣的連貫的感觀?”佩奇問他們。

佩奇的美麗革命:重新打造“不現(xiàn)丑”的谷歌

  各種設(shè)計草稿

  “我們得到的命令是,讓這一切看起來漂亮?!边@個觀點要求專注于改進、整潔、彈性、用途,大多數(shù)產(chǎn)品還要求簡潔?!霸诠雀瑁覀兿胍非笏俣?,因此很多產(chǎn)品都是自主研發(fā)。”韋利說,因此在肯迪尼項目之前,他們并沒有遵循統(tǒng)一的設(shè)計標(biāo)準?!拔覀冇泻芏嗪唵螌嵱玫漠a(chǎn)品,”韋利表示,“因此我們將注意力轉(zhuǎn)到讓這些產(chǎn)品更加美觀,但同時要與其他產(chǎn)品保持連貫性?!?/p>

確立設(shè)計理念是第一步,但是產(chǎn)品設(shè)計師們必須加以提煉和落到實處?!拔覀冏聛?,把自己鎖到屋子里,盡可能快地改進設(shè)計?!表f利表示,2011年,“我們創(chuàng)造了這些設(shè)計參考,并與工程團隊一起將這些參考應(yīng)用到了‘生產(chǎn)化’的過程?!?/p>

到2011年6月底,也就是佩奇擔(dān)任谷歌CEO之后僅僅三個月,谷歌就推出了令人耳目一新的谷歌搜索、谷歌地圖、Gmail和Calendar。在接下來的一年半時間里,谷歌行動迅速,基于肯尼迪理念推出了全新移動產(chǎn)品Google Now,以及大量美觀的新版iOS應(yīng)用,例如Google+、YouTube Capture、Chrome和谷歌地圖。這些應(yīng)用是原始版本的繼續(xù),但是不同的產(chǎn)品團隊進行了不同的修改。韋利稱,過去谷歌設(shè)計所遵循的“布朗運動”已經(jīng)變成設(shè)計理念不斷更新,但都沿著同一個總體方向。

谷歌Android用戶體驗高級主管馬蒂亞斯·杜阿特(Matias Duarte)這樣說:“谷歌正經(jīng)歷著一場設(shè)計革命,以創(chuàng)造一個更美好的世界。”

佩奇的美麗革命:重新打造“不現(xiàn)丑”的谷歌

  谷歌現(xiàn)有產(chǎn)品與測試版(藍色)的對比

  集體設(shè)計

每位谷歌設(shè)計師都反復(fù)重申這樣一種觀點:“沒有哪個人是谷歌設(shè)計的主要領(lǐng)導(dǎo)。”谷歌或許沒有約翰遜·艾維(Jony Ive),但是仍然能夠在多個團隊和平臺上遵循相同的設(shè)計理念。

多洛尼切夫表示:“這全靠各個團隊反復(fù)磋商,共享信息,確保我們的設(shè)計語言非常相似,適合每一個平臺,但同時保留谷歌印記。”

這不僅僅是辦公室內(nèi)的各種常規(guī)協(xié)作。要做到這一點,谷歌還在紐約成立了一個名為Google UXA的小型設(shè)計師小組。這是一個相對神秘的小組,它的網(wǎng)絡(luò)痕跡只局限于一些職位招聘啟事,但是它在谷歌的存在絕對不可低估。UXA小組是隨著肯尼迪項目而誕生的,它致力于“設(shè)計和開發(fā)真正的用戶界面框架,將谷歌應(yīng)用轉(zhuǎn)變?yōu)橛脩艨磥砻烙^、成熟、易用和連貫的平臺”,并且致力于這個觀點能夠落實到谷歌的所有產(chǎn)品。

UXA小組與谷歌大多數(shù)重要產(chǎn)品的首席設(shè)計師都有固定的合作,它的獨特之處在于規(guī)模小,甚至很少在公眾面前露面。事實上,這有助于核心設(shè)計團隊更好地與谷歌其他部門合作,團隊間的協(xié)作就是這個游戲的主旨。其實谷歌從來沒有公開提到UXA的名字,包括谷歌設(shè)計師在接受采訪的時候也是如此。谷歌創(chuàng)新主管克里斯·韋金斯(Chris Wiggins)曾在博客中發(fā)表了一篇關(guān)于首款“肯尼迪”改版產(chǎn)品面世的文章,提到了“所有產(chǎn)品進行一系列設(shè)計改進”的計劃,除了這個非常隱晦的暗示之外,該團隊的一切都隱藏在幕后。

本質(zhì)上,你可以認為UXA是借為期僅三個月的肯尼迪項目為契機建立起來、并形成的谷歌的一個機構(gòu)。與谷歌其他的真正機構(gòu)一樣,UXA設(shè)計轉(zhuǎn)化為真正產(chǎn)品的工作方式,是一個由非正式和不懈的工作作風(fēng)形成的奇怪綜合體。為了更通俗地解釋谷歌的設(shè)計會議如何開展,韋利表示:“我們聚在一起,共進午餐,并且不著邊際地交談?!?/p>

谷歌移動地圖首席設(shè)計師達倫·德拉耶(Darren Delaye)表示,多款iOS應(yīng)用的設(shè)計師會定期舉行“休閑聯(lián)歡會”,聽取我們相互之間的評價,介紹自己正在進行的工作。他表示:“并不是說這些聚會就能最終確定應(yīng)用的外觀和感觀,但它確實提供了一個指導(dǎo)機會。”韋利則解釋說:“設(shè)計師遵循肯尼迪項目等跨產(chǎn)品倡議的設(shè)計語言,并將其與用戶對特定產(chǎn)品的需求結(jié)合起來?!?/p>

這樣做的目的是“在所有谷歌產(chǎn)品當(dāng)中,實現(xiàn)快速行動與為用戶提供優(yōu)秀解決方案之間的平衡”,為此每個產(chǎn)品團隊都獨立發(fā)布自己的應(yīng)用。你可以在具體的落實過程中看到小幅調(diào)整,但由于谷歌已經(jīng)將這種方法形成一種制度,每款應(yīng)用的外觀最終都會看起來就像是來自于同一個家族。

佩奇的美麗革命:重新打造“不現(xiàn)丑”的谷歌

  Google Now首頁背景有多種備選設(shè)計方案

  谷歌的未來Google Now

你還可以通過Android版Google Now的開發(fā)體會谷歌的設(shè)計過程。Google Now作為一款承載了很高期待的新產(chǎn)品,它“最初是作為一個20%項目啟動的”,正如Android產(chǎn)品管理主管雨果·巴拉(Hugo Barra)去年10月份所說,但最終它的規(guī)模變得更大。

杜阿特說:“從很多方面看,Google Now都是一個關(guān)于設(shè)計和設(shè)計文化興起,以及設(shè)計在谷歌的工作方式的典型范例?!盙oogle Now團隊需要整合很多不同的谷歌功能,并將它們整合到一個界面下,使之“感覺僅僅是一個Android延伸,而沒有失去任何谷歌特色”。為此,Android團隊在“肯尼迪項目”之下遵循了網(wǎng)絡(luò)團隊的相同過程:在整個公司范圍內(nèi)開展協(xié)作。

“我們與喬恩·韋利的搜索團隊進行了密切合作,因為他們打造的是Google Now的重要部分,即知識部分。我們與倫敦的Android團隊進行了密切合作,他們負責(zé)的是語言部分。我們在山景城也有一個Android團隊,他們理解你的地理位置。我們聚集在這個巨大的戰(zhàn)爭指揮室里,不停地行動、打亂和重復(fù),只是為了創(chuàng)造最簡潔的用戶體驗?!?/p>

杜阿特強調(diào)了排版在Google Now“表達知識與答案”時的重要性。“大量使用空白處,沒有太多人為的表面分隔。我們想通過粗體字、空白區(qū)和大圖像來進行強調(diào),提供文字,并分層提供卡片?!边@是谷歌的全新界面,并將在谷歌移動產(chǎn)品中進行普及。

杜阿特及其團隊使用的核心設(shè)計方法就是過去他曾在WebOS上使用過的方法:卡片。當(dāng)在網(wǎng)絡(luò)上進行谷歌搜索時,顯示“知識圖譜”結(jié)果的時候,也會顯示Google Now式的卡片。無論使用哪種方法,卡片代表著谷歌直接向你提供信息,而不是提供大量的藍色鏈接??ㄆ拖袷潜砀衽c函數(shù)傳統(tǒng)架構(gòu)理念的數(shù)字版本,意味著某事物的外觀與它的功能密不可分。杜阿特說:“這些都是物體,雖然不一定是真的,但它們感覺確實是虛擬的。它們并不是想要成為虛假的東西,不是虛假皮革,不是虛假木材,也不是虛假的鎦光鋁材?!?/p>

信息交匯和軟件界面成為可觸及的數(shù)字物體,這顯然是一種高深的理念。使用Google Now的真正體驗并不是非常流暢,卡片經(jīng)常無法準確提供你想要獲取的信息,距離佩奇所要求的“令人震驚和激動的方向”仍然很遠。這款產(chǎn)品本身可能并沒有實現(xiàn)太高的期待,但無論如何,它迅速成為谷歌當(dāng)前最具前瞻性的設(shè)計。

Google Now的設(shè)計能否最終進入Android?這完全是有可能的。杜阿特表示,Android并不像他所期待的那樣?!皬膫€人角度講,我覺得它在連貫性、反應(yīng)性和界面方面只實現(xiàn)了我期待值的三分之一,”杜阿特表示,Android的設(shè)計指導(dǎo)原則Holo過于靈活,難以接受Google Now的設(shè)計思路。由于Holo堅持這樣一條原則,不迫使任何人看起來雷同和感覺雷同,因此它同時也解釋了為何Android幾乎沒有任何設(shè)計連貫性,以及為何可以快速簡便地做出改變。正當(dāng)我們還在等待其他Android應(yīng)用會不會采納Google Now的外觀和感觀時,谷歌的iOS應(yīng)用已經(jīng)開始這樣做了。

佩奇的美麗革命:重新打造“不現(xiàn)丑”的谷歌

  谷歌在短時間內(nèi)發(fā)布了多款iOS應(yīng)用

  設(shè)計與發(fā)布

Google Now的卡片功能,與肯尼迪項目推出的最初愿景,設(shè)定了2012年幾乎所有改版的基調(diào):現(xiàn)代化的內(nèi)容框架,沒有笨拙的下拉陰影,換來的是整潔的線條,一系列充滿活力的顏色,以及高度清晰的字體,例如Helvetica Neue(iOS)和Roboto(Android)??ㄆ荊oogle Now最顯眼的功能,它也啟發(fā)了幾乎所有的界面,從“知識圖譜”搜索結(jié)果和Google+資料,再到iOS版谷歌地圖。

“我們?nèi)绾螌⒐雀柙O(shè)計中的優(yōu)秀元素應(yīng)用到其他方面?”韋利這樣問道。這帶來的結(jié)果就是全新的Gmail網(wǎng)絡(luò)界面,“它不顯示你不想看到的內(nèi)容”,并且專注于簡潔。你可能注意到了,存檔、舉報垃圾郵件和刪除等按鈕只會在你選定一封或多封郵件之后才會出現(xiàn),這是一個符合邏輯的設(shè)計,同時帶來了Gmail的視覺簡潔。你可能也注意到,谷歌的很多互聯(lián)網(wǎng)產(chǎn)品或資料圖片中出現(xiàn)了紅色的“撰寫”和藍色的“分享”按鈕,另外Google+資料圖像圖片現(xiàn)在也出現(xiàn)在Gmail所有郵件群組的每位成員旁邊。

韋利表示,谷歌應(yīng)當(dāng)是“為數(shù)字環(huán)境而生”,而不是“迎合打造實際物體的趨勢”。這是介于蘋果“同形物”和微軟“Metro”設(shè)計之間的一種理念。新谷歌有深度,但并不閃亮,有一些細微的設(shè)計理念,將重心轉(zhuǎn)向內(nèi)容,例如搜索結(jié)果、電子郵件和Google+貼子。

佩奇的美麗革命:重新打造“不現(xiàn)丑”的谷歌

  Gmail首席設(shè)計師杰森·康維爾

  最大的挑戰(zhàn)變成設(shè)計一個適用于各個平臺的界面,主要包括Windows、Mac、Android和iOS平臺,同時要對每個平臺都有本地化的感覺?!澳愕氖占涫莿e人給你制作的需要完成的任務(wù)列表,它自然會非常雜亂。”Gmail首席設(shè)計師杰森·康維爾(Jason Cornwell)說。目的不是“使Gmail在網(wǎng)絡(luò)、Android和iOS平臺都看著完全相同”,康維爾表示,“但是汲取每個平臺的本質(zhì)元素,并將它們與Gmail總體的理念方向進行結(jié)合?!?/p>

iOS版Gmail 1.0就是一款匆忙完成、外觀不佳的應(yīng)用,而且有很多漏洞,但隨著時間的推移,經(jīng)過定期的更新,到Gmail 2.0的時候,它已經(jīng)成為一款界面簡潔,速度較快的應(yīng)用。康維爾表示:“我們在iOS版Gmail 2.0上花了很多時間,確實彌補了很多細節(jié)?!蔽覀儾稍L的其他人也表現(xiàn)出了這種態(tài)度。作為一個整體,決定iOS版谷歌應(yīng)用的外觀確實需要一些時間?!耙苿討?yīng)用需要經(jīng)過反復(fù)更新,才能真正表達我們的聲音,”他表示,“你們看到的是不同團隊經(jīng)過多次反復(fù)、最終在我們的應(yīng)用如何實現(xiàn)非常連貫的設(shè)計達成共識之后的結(jié)果?!笨稻S爾問:“我們?nèi)绾螌⒐雀柙O(shè)計的美感以一種本地化的感覺應(yīng)用到iOS應(yīng)用上?”他表示,指示應(yīng)用正在加載的動畫就是直接受Google+獨特的“點擊刷新”動畫啟示。

然而,它與Google+動畫并不完全相同,而是一個谷歌協(xié)作設(shè)計過程的一個良好范例:一位iOS版Google+團隊的設(shè)計師想到一個出色的主意,并且像野火一樣迅速傳達給了其他設(shè)計師,因此也就傳達到了其他的應(yīng)用。谷歌地圖是谷歌在iOS應(yīng)用的全新設(shè)計方向的最新例證,它的獨特之處在于,谷歌地圖團隊能夠完全從頭開始?!霸诤芏喾矫?,這都是個非常好的禮物,”谷歌移動地圖首席設(shè)計師達倫·德拉耶表示,“我們可以實驗、反復(fù),最后推出一款全新的產(chǎn)品?!?/p>

德拉耶表示,這樣做的結(jié)果就是iOS版谷歌地圖成為一款包含肯尼迪項目、Google Now和Google.com元素的應(yīng)用程序?!拔覀兪褂昧丝ㄆ走?,以及柔和的陰影來區(qū)別界面上的不同部分?!焙芏嗳苏J為iOS版谷歌地圖比Android版本漂亮一些,但是德拉耶認為,這兩款應(yīng)用只是一枚硬幣的兩面,反映了不同時期的谷歌。他認為,谷歌地圖的成功并不是因為它的外觀,而是因為它的速度。“有幾個步驟?每個步驟的難度有多大?你需要等待多長時間?”德拉耶為iPhone版谷歌地圖添加了一個“預(yù)計到達時間”的提示框,用戶提出關(guān)于方向的問題時立即會出現(xiàn)。

這個版本的谷歌地圖最近已經(jīng)推出,這是佩奇觀點的最完整體現(xiàn):一個簡單、實用、充滿美感的設(shè)計。它預(yù)示著谷歌發(fā)展的新趨勢:多個平臺、不同團隊和應(yīng)用之間的協(xié)作。隨著每一款應(yīng)用的發(fā)布,設(shè)計經(jīng)驗和視覺提示就可以延續(xù)到下一款產(chǎn)品。德拉耶說:“所有人的工作都著眼于谷歌最新潮的東西。”韋利解釋說,這個過程其實非常直接,核心的跨學(xué)科設(shè)計團隊抓住最本質(zhì)的東西:“當(dāng)產(chǎn)品擁有了可供更大范圍采納的有趣的新元素時,我們就會把這些元素整合到總體的設(shè)計語言里?!彼Q這是“我們開放文化的特點”,也是到目前為止起到良好效果的系列設(shè)計理念。

很多谷歌員工都提到了這句話:“一個簡單、美觀、實用的谷歌”,盡管有時候這三個詞語的順序會發(fā)生變化。韋利說:“通過相互交流,而不是嚴格遵守設(shè)計規(guī)定,不同的團隊打造出了具有谷歌色彩的應(yīng)用?!?/p>

佩奇的美麗革命:重新打造“不現(xiàn)丑”的谷歌

  佩奇領(lǐng)導(dǎo)下的谷歌更加重視設(shè)計

  重組傳統(tǒng)格局

幾年之前,谷歌應(yīng)用幾乎沒有什么特征。它們都由谷歌開發(fā),但是沒有什么可以聯(lián)系起來的共性,除了一個小寫字母g。在拉里·佩奇擔(dān)任谷歌產(chǎn)品總裁的十年間,或許他意識到公司需要一位設(shè)計獨裁者,僅僅是最終并沒有讓設(shè)計成為公司的主要任務(wù)。谷歌的孩子們已經(jīng)逐漸成長,但是它們并不像來自同一個家族?!拔覀儩u漸開始在全谷歌范圍內(nèi)培養(yǎng)一種真正的設(shè)計文化,”杜阿特表示,“各個團隊仍是獨立的,但是相互間有了越來越多的交流、友誼與協(xié)作。”如果沒有佩奇的全面結(jié)構(gòu)重組,使公司圍繞著7個關(guān)鍵的產(chǎn)品部門而發(fā)展,那么谷歌的一些成果和充滿活力的設(shè)計將永遠不可能出現(xiàn)。如果沒有做出建立一支與所有產(chǎn)品團隊合作、使理念保持連貫的核心設(shè)計師團隊的決定,一切都將回到?jīng)]有連貫性的混亂狀態(tài)。

埃里克·施密特(Eric Schmidt)擔(dān)任CEO期間,谷歌是一家由數(shù)據(jù)推動產(chǎn)品發(fā)明的公司,設(shè)計只是標(biāo)準運營程序。而與此形成鮮明對比的是,佩奇擔(dān)任CEO之后,谷歌更加愿意由人,而不是算法來做出設(shè)計決策。多洛尼切夫表示:“過去工程和產(chǎn)品團隊只是專注于解決大數(shù)據(jù)問題,但是隨著時間的推移,機構(gòu)越來越成熟,我們開始專注于細節(jié)?!钡侥壳盀橹?,這種做法成效明顯。谷歌在過去一年半里成績卓著,接連推出了核心網(wǎng)絡(luò)和移動產(chǎn)品的改良版本,使之在網(wǎng)絡(luò)、Android和iOS領(lǐng)域都具有競爭力。

谷歌的這一過程正是谷歌精髓所在,也是以經(jīng)典的谷歌方式發(fā)生。佩奇要求形成全新的設(shè)計重心,使球體不轉(zhuǎn)滾動下去,而不是專注于每一個步驟的細微管理,他讓員工在得到充分授權(quán)的核心設(shè)計師團隊帶領(lǐng)下完成其他的工作。他們組成了一個典型的谷歌結(jié)構(gòu):跨學(xué)科、非正式,但是向著目標(biāo)不斷前進。

或許施密特時期的谷歌以“不作惡”而聞名,佩奇時代的谷歌則會很快被冠以“不現(xiàn)丑”。

佩奇的美麗革命:重新打造“不現(xiàn)丑”的谷歌

  谷歌設(shè)計里程碑

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!