當(dāng)前位置: 首頁 > 設(shè)計(jì)資訊 > 理論文摘 > 正文

看Facebook如何做設(shè)計(jì)

2009-09-08 19737 0

  今天在Palo Alto的總部,Facebook的設(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ā)。整個(gè)團(tuán)隊(duì)由15個(gè)產(chǎn)品設(shè)計(jì)師、5個(gè)UI工程師、5個(gè)用戶體驗(yàn)研究員、4個(gè)交互設(shè)計(jì)師和1個(gè)內(nèi)容架構(gòu)師。在這個(gè)約有1000個(gè)員工的公司中,設(shè)計(jì)團(tuán)隊(duì)總共有25人。
  • 通過撰寫從前端到后端代碼全部代碼,將設(shè)計(jì)和技術(shù)融合進(jìn)整個(gè)公司的文化。

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

  • Facebook花費(fèi)了很多時(shí)間和精力來保證設(shè)計(jì)師能參與到整個(gè)產(chǎn)品開發(fā)流程。
  • 例如:3月的主頁改版發(fā)布,精簡信息架構(gòu)和提高頁面信息的流動速度。這樣的改變需要同時(shí)涉及數(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)高效地分享。其中一個(gè)工具叫Pixelcloud,類似于一個(gè)帶評論功能的在線圖庫。自從在3月發(fā)布了這個(gè)工具后,大約每天有15張創(chuàng)意圖片通過這個(gè)網(wǎng)站得到分享。
  • 整個(gè)工作組涵蓋視覺設(shè)計(jì)和前端開發(fā),這確保了Facebook的設(shè)計(jì)保持一貫的風(fēng)格。所有的工作組都有固定的時(shí)間來給設(shè)計(jì)師提供反饋。
  • 例如:隱私向?qū)У脑O(shè)計(jì)。在項(xiàng)目立項(xiàng)階段(kickoff phase),召集12個(gè)用戶并向他們展示30個(gè)原型,以此來決定產(chǎn)品的開發(fā)方向。在產(chǎn)品開發(fā)階段,再次召集相對較少的用戶,向他們展示7個(gè)原型來決定具體的設(shè)計(jì)。
  • 反饋是有效的。盡可能多的和早的獲取反饋,這有助于節(jié)約項(xiàng)目時(shí)間。

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)品很重要。
  • 最核心的是,Facebook相信最有效的方式是快速發(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個(gè)版本的代碼。

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

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

225
評論區(qū)(0)
正在加載評論...