【譯者：耿人杰 原文：Design at Facebook 作者：Luke Wroblewski】

今天在Palo Alto的總部，F(xiàn)acebook的設(shè)計(jì)團(tuán)隊(duì)分享了他們的設(shè)計(jì)理念，以及他們是如何為2.5億用戶設(shè)計(jì)產(chǎn)品的。特別的是，他們強(qiáng)調(diào)了以下幾點(diǎn)：

• 要勤寫代碼（get your hands dirty）
• 盡早且頻繁地分享設(shè)計(jì)（share early & often）
• 設(shè)計(jì)過程要從項(xiàng)目開始延續(xù)到結(jié)束（be there from start to finish）
• 不要愛上你的設(shè)計(jì)（don’t fall in love）

尤其重要的是確保設(shè)計(jì)師有足夠的技術(shù)能力來寫很多代碼。

其他一些信息：

• Facebook設(shè)計(jì)團(tuán)隊(duì)的工作包括產(chǎn)品設(shè)計(jì)、市場營銷、UI模式、品牌和前端開發(fā)。整個團(tuán)隊(duì)由15個產(chǎn)品設(shè)計(jì)師、5個UI工程師、5個用戶體驗(yàn)研究員、4個交互設(shè)計(jì)師和1個內(nèi)容架構(gòu)師。在這個約有1000個員工的公司中，設(shè)計(jì)團(tuán)隊(duì)總共有25人。

• 通過撰寫從前端到后端代碼全部代碼，將設(shè)計(jì)和技術(shù)融合進(jìn)整個公司的文化。

1）設(shè)計(jì)師需要參與整個過程：從戰(zhàn)略到發(fā)布。這不同于其他公司。

• Facebook花費(fèi)了很多時間和精力來保證設(shè)計(jì)師能參與到整個產(chǎn)品開發(fā)流程。
• 例如：3月的主頁改版發(fā)布，精簡信息架構(gòu)和提高頁面信息的流動速度。這樣的改變需要同時涉及數(shù)據(jù)結(jié)構(gòu)和視覺結(jié)構(gòu)。
• 在確定視覺風(fēng)格后，開始寫代碼來制作原型。設(shè)計(jì)師通過寫代碼來了解真實(shí)的數(shù)據(jù)如何在頁面布局中工作。
• 不斷地平衡取舍，通過不斷地迭代交互設(shè)計(jì)和視覺設(shè)計(jì)來做很多嘗試。
• 給管理層和其他團(tuán)隊(duì)展示靜態(tài)的產(chǎn)品原型并做交互演示。
• 讓設(shè)計(jì)師寫代碼能發(fā)現(xiàn)細(xì)節(jié)問題并快速執(zhí)行修改。

2）盡早且頻繁地分享想法。了解用戶能幫助實(shí)現(xiàn)更好的設(shè)計(jì)。

• 在Facebook沒有創(chuàng)意總監(jiān)，取而代之的是自下而上的設(shè)計(jì)團(tuán)隊(duì)組織架構(gòu)。這對于團(tuán)隊(duì)能分享他們的創(chuàng)意至關(guān)重要。
• 開發(fā)相應(yīng)工具來實(shí)現(xiàn)高效地分享。其中一個工具叫Pixelcloud，類似于一個帶評論功能的在線圖庫。自從在3月發(fā)布了這個工具后，大約每天有15張創(chuàng)意圖片通過這個網(wǎng)站得到分享。
• 整個工作組涵蓋視覺設(shè)計(jì)和前端開發(fā)，這確保了Facebook的設(shè)計(jì)保持一貫的風(fēng)格。所有的工作組都有固定的時間來給設(shè)計(jì)師提供反饋。
• 例如：隱私向?qū)У脑O(shè)計(jì)。在項(xiàng)目立項(xiàng)階段（kickoff phase），召集12個用戶并向他們展示30個原型，以此來決定產(chǎn)品的開發(fā)方向。在產(chǎn)品開發(fā)階段，再次召集相對較少的用戶，向他們展示7個原型來決定具體的設(shè)計(jì)。
• 反饋是有效的。盡可能多的和早的獲取反饋，這有助于節(jié)約項(xiàng)目時間。

3）勤動手，最重要的是理解代碼是如何運(yùn)行的。所有的設(shè)計(jì)師都要寫一些HTML，CSS，甚至PHP。

• 模糊設(shè)計(jì)和技術(shù)的區(qū)別。設(shè)計(jì)師也能調(diào)試代碼和創(chuàng)建快速原型。
• 設(shè)計(jì)師往往錯在設(shè)計(jì)過于簡潔，而工程師則錯在提供過多功能。
• 理解你所為之工作的媒介類型，然后不斷反思你的設(shè)計(jì)。
• 快速行動。Facebook在許多領(lǐng)域有很多競爭對手，而用戶使用網(wǎng)絡(luò)的習(xí)慣也在持續(xù)改變，所以快速地迭代更新產(chǎn)品很重要。
• 最核心的是，F(xiàn)acebook相信最有效的方式是快速發(fā)布產(chǎn)品，然后看看用戶是如何使用的。
• 原型在說謊。它們通常缺乏內(nèi)容和上下文聯(lián)系。因此需要使用真實(shí)的內(nèi)容和頁面設(shè)計(jì)來理解具體的設(shè)計(jì)是如何工作的。
• 為了快速反應(yīng)，我們需要快速地制作原型。例如：評論的UI首先在內(nèi)部測試并修改，然后才發(fā)布給用戶。新的設(shè)計(jì)打破了原有的信息流里的視覺線路。
• 設(shè)計(jì)師一般每周大約會提交40個版本的代碼。

4）不要愛上你的設(shè)計(jì)。軟件的生命是短暫的，它總是在變化，你需要接受這個事實(shí)。

• 你的目的是確保設(shè)計(jì)工作正常并能持續(xù)改進(jìn)。
• 不要懷念今天的成就，要永遠(yuǎn)向前看。作為一個設(shè)計(jì)師，你需要預(yù)測并思考在下一年事情將發(fā)生怎樣的變化。
• 在Facebook，設(shè)計(jì)存在時間最長的是首頁，從2004年發(fā)布，歷時18個月。
• 例如：全局導(dǎo)航的改版。在數(shù)月里嘗試了無數(shù)的想法。甚至在昨天網(wǎng)站的頭部又變了。
• 相比以往任何時候，我們的工作都遠(yuǎn)沒有完成。
• 對大多數(shù)功能都做A/B測試。清晰地定義度量效果的標(biāo)準(zhǔn)并進(jìn)行測量，但切忌不要讓度量標(biāo)準(zhǔn)來驅(qū)動設(shè)計(jì)。