大概在一年前，我遭遇了設計生涯中最重要的一個挑戰(zhàn)，當時我需要為facebook的商業(yè)產(chǎn)品設計一個具有凝聚力的視覺系統(tǒng)，它將應用在給全世界成千上萬的企業(yè)用戶所用的企業(yè)服務當中。
雖然facebook 下面的每個工具都能很好地工作，履行職責，擁有符合預期的工那阿閣，但是它們并不具備令人滿意的整體體驗，也難以給予那些期待成長的企業(yè)以信心。從一個產(chǎn)品到另外一個產(chǎn)品，ui模式、色彩、圖標、甚至字體樣式都不一樣，整體的體驗就顯得頗為過時了，同facebook 用戶如今的日常個人生活也顯得比較脫節(jié)。
所以，我們希望制作出擁有一致且滿意用戶體驗的產(chǎn)品，讓facebook 真正服務與商業(yè)用戶，也產(chǎn)生足夠的情感關聯(lián)。我還希望通過這些他們所使用、依賴的工具，來展示我們對于這些業(yè)務的承諾。
一個系統(tǒng)，多重體驗
雖然我知道這個項目將會是一個團隊項目，但是真正開始的時候，我依然被嚇到了。截至目前，我曾為模擬人生設計過ui，為 sfmoma創(chuàng)建過泛用型的風格指南，但是這些項目大多都是面對單一用戶或者是單一產(chǎn)品。可是想在我要面對的，是一項橫跨多類型用戶群體、囊括了數(shù)百萬小企業(yè)、大品牌和代理機構、涵蓋不同廣告工具、迎合多樣營銷需求的一個視覺系統(tǒng)，這甚至和我們?nèi)粘Ｋ鎸Φ母鞣N極端挑戰(zhàn)還來的復雜。簡單的說，我們所需要設計的產(chǎn)品，需要匹配上體驗完全不同的多個產(chǎn)品，統(tǒng)一 150 位設計師的設計，協(xié)力完成。
我不知道最終這個設計系統(tǒng)會是什么樣子，但是我清楚它一定不能太精確，不能限制得過死。它需要是可擴展的，靈活的，并且擁有優(yōu)秀的成長性和可進化性。在真正開始視覺設計之前，我希望知道我們對于產(chǎn)品和用戶之間的交互有怎么樣的預期。我們想到了一系列不同的語匯來對其進行描述，比如人性化、專業(yè)、值得信賴、友善等。
與利益相關方保持一致
接下來，我將所有facebook 旗下的商業(yè)產(chǎn)品、消費者側寫以及色彩進行了基本的審核。隨后，我將整體體驗和視覺上的脫節(jié)之處，展現(xiàn)給了相關的所有團隊。之后，我們針對不同的團隊展開了研討會，并且通過投票和貼紙?zhí)顚懸庖姷姆绞剑焖俚亟y(tǒng)一并協(xié)調(diào)出了我們共同認為的成功的設計。
當我們在大方向上達成一致的時候，我們基本上就敲定了我們所要的風格——“抽象幾何風格”，并且之后我們在此基礎上進行了多輪修改?，F(xiàn)在我們有了一個明確的方向，但是我們?nèi)匀恍枰獙ふ乙粭l通用的方法來將它應用到不同的產(chǎn)品，重塑整體的體驗。
有效的整合
接下來我將這個系統(tǒng)當作一個整體來審視。我試著重新訪問重塑之后的每一個部分，我發(fā)現(xiàn)整個體驗已經(jīng)被協(xié)調(diào)到比較一致的程度，接下來只需要針對特定的用戶和產(chǎn)品進行微調(diào)即可。
舉個例子，我們希望 power editor 是一個主要由廣告代理商和專業(yè)人事使用的廣告界面工具，所以它的界面應該被設計的更為先進、進階，同時，主要面向中小型企業(yè)的pages 則需要做的更加簡單、平易近人。
在色彩上也是一樣。一部分訪客可能需要的是值得信賴和沉靜的界面，有的則向看到感覺友好的控件。所以，我研究過整個色彩系統(tǒng)之后，嘗試將它映射到facebook 真?zhèn)€業(yè)務體系中。我將各個項目的用戶需求維度和相應的配色匹配起來，這使得我們可以一致和系統(tǒng)地針對所有客戶進行有規(guī)律的調(diào)整。不過這個事情并不那么容易。
開發(fā)一套能夠覆蓋所有的客戶也用戶的配色系統(tǒng)，并且還要保持其中一些部分的個性和特色，這無疑是一項巨大的挑戰(zhàn)。為了滿足這些條件，多個團隊之間進行了大量的協(xié)作。