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

• 自己動(dòng)手，親歷親為（get your hands dirty）
• 盡早且頻繁地分享設(shè)計(jì)（share early & often）
• 設(shè)計(jì)過(guò)程要從項(xiàng)目開(kāi)始延續(xù)到結(jié)束（be there from start to finish）
• 不要愛(ài)上你的設(shè)計(jì)（don’t fall in love）

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

其他一些信息：

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

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

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

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

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

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

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

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

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

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