Facebook設(shè)計(jì)師是怎么工作的

0 評(píng)論 3219 瀏覽 1 收藏 7 分鐘

幾年前,看到google中國(guó)的辦公環(huán)境,眼饞的要命。呵呵,其實(shí)更羨慕數(shù)以百種的零食和飲料可以隨便享用*^-^*.高科技公司似乎更重視辦公環(huán)境,畢竟輕松舒適的環(huán)境更能激發(fā)人的創(chuàng)造力和抗壓性。

總部位于Palo Alto的Facebook擁有著超過(guò)400萬(wàn)注冊(cè)用戶(hù)和每日60萬(wàn)用戶(hù)使用的傲人數(shù)字。Facebook的員工在150,000平方英尺的超大辦公室里,激發(fā)著創(chuàng)意和熱情。

去看看吧

那更該看看,F(xiàn)acebook設(shè)計(jì)師是怎么工作的。

Facebook的設(shè)計(jì)團(tuán)隊(duì)包含產(chǎn)品設(shè)計(jì)、市場(chǎng)、UI、品牌、前端和后端開(kāi)發(fā)人員共25人,約占全公司1000的2.5%。其中擁有15個(gè)產(chǎn)品設(shè)計(jì)師,5個(gè)界面工程師,5個(gè)用戶(hù)調(diào)研員,4個(gè)交互設(shè)計(jì)師和1個(gè)內(nèi)容策劃師。

在那里,設(shè)計(jì)師更強(qiáng)調(diào)編寫(xiě)代碼的重要性,他們會(huì)盡早的分享設(shè)計(jì),從項(xiàng)目開(kāi)始直到完成都參與其中,并且永遠(yuǎn)不迷戀上自己的設(shè)計(jì)??偨Y(jié)起來(lái),這些設(shè)計(jì)師如何讓數(shù)以萬(wàn)計(jì)的用戶(hù)樂(lè)于使用呢?便是靠著“be there from start to finish, share early & often, get your hands dirty, don’t fall in love”這四點(diǎn)。

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)品很重要。

?最核心的是,F(xiàn)acebook相信最有效的方式是快速發(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ì)

來(lái)源:用戶(hù)體驗(yàn)與交互設(shè)計(jì)

鏈接:http://www.zhangyq.com/design-at-facebook/

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