在Facebook Home項(xiàng)目中舉足輕重的Facebook設(shè)計(jì)總監(jiān)茱莉·周（Julie Zhou）日前撰文闡述了Facebook Home產(chǎn)品設(shè)計(jì)的三個(gè)重要因素，并講述了該產(chǎn)品項(xiàng)目背后的小故事。 

以下是茱莉·周在Facebook Home的研發(fā)過程中的三個(gè)重要體會(huì)，以及相關(guān)內(nèi)幕：

一個(gè)偉大的產(chǎn)品始于一個(gè)偉大的愿景

Facebook Home并不是一款這樣的半成品：你走近看一眼，然后忖思說：“嗯，我們還可以在哪些地方改進(jìn)一下呢？”相反，扎克伯格在提出Facebook Home項(xiàng)目時(shí)帶有很強(qiáng)的愿景，就是“讓人們盡可能迅速地看到他們想看的內(nèi)容，比如朋友的新信息、系統(tǒng)通知和狀態(tài)更新”。最終，這個(gè)要求映射出來的具體效果是“在鎖屏界面上看到朋友的動(dòng)態(tài)消息（News Feed）”和“鎖屏界面和主屏幕是同一個(gè)界面”。

當(dāng)時(shí)，我面無表情地表示，乍一看這兩個(gè)結(jié)論似乎很瘋狂，非常非常荒謬。從來沒有哪個(gè)公司把鎖屏界面和主屏整合到同一個(gè)界面中去。大概是因?yàn)殒i屏界面和主屏的功能各不相同。鎖屏的目的是顯示時(shí)間、防止意外操作、讓你識(shí)別自己的手機(jī)、迅速啟動(dòng)最近打開的應(yīng)用程序、支持通知系統(tǒng)等等，而主屏的主要功能是方便用戶高效地啟動(dòng)應(yīng)用程序。我們擔(dān)心，將兩個(gè)界面整合到一起的效果不佳。例如，如果要啟動(dòng)應(yīng)用程序，你或許要先使用滑動(dòng)手勢(shì)——這意味著該應(yīng)用程序不能直接通過Home鍵訪問。這會(huì)是一個(gè)問題嗎？更何況，如果好友的動(dòng)態(tài)消息就顯示在你的鎖屏界面，那我們?nèi)绾伟淹扑屯ㄖ�也塞到這個(gè)界面中去？又如何使動(dòng)態(tài)消息的操作界面更友好，以致不會(huì)讓你受其它應(yīng)用程序的影響？又如何在這個(gè)界面內(nèi)支持的所有的功能，比如贊、評(píng)論、閱讀更多、顯示照片、狀態(tài)更新、簽到、繼續(xù)看下一條更新、點(diǎn)擊鏈接等？同時(shí)，又如何確保你的手機(jī)不會(huì)因?yàn)橐馔獠僮鞫�發(fā)送類似“ghgggehgghg”的評(píng)論？

很可能，我們的第一版Facebook Home不會(huì)完美。十個(gè)月后，我們的產(chǎn)品已經(jīng)能很好地解決以上部分問題，解決方案也顯而易見。我認(rèn)為這是一個(gè)好兆頭。（我的第一個(gè)老板曾經(jīng)告訴我：“一個(gè)成功設(shè)計(jì)的標(biāo)志是，當(dāng)你回顧以前的問題時(shí)，你覺得解決方案其實(shí)很簡(jiǎn)單。事實(shí)上，這些解決方案是整個(gè)設(shè)計(jì)過程中最來之不易的部分。”）但是，正是扎克伯格的愿景為這個(gè)項(xiàng)目奠定了基礎(chǔ)，推動(dòng)項(xiàng)目團(tuán)隊(duì)最終實(shí)現(xiàn)了最初看來起不太可能達(dá)到的目標(biāo)。如果我說我從來都是堅(jiān)定不移而毫無顧忌，那我肯定在撒謊。的確，我過去對(duì)這個(gè)愿景持有很強(qiáng)烈的懷疑態(tài)度。曾幾何時(shí)，這個(gè)目標(biāo)看起來遙遙無期，它對(duì)設(shè)計(jì)的要求和約束太多。

但話又說回來，這些負(fù)面效果就是一個(gè)偉大愿景的標(biāo)志之一。

給設(shè)計(jì)師創(chuàng)造夢(mèng)想的空間

告訴你們一個(gè)小秘密。在Facebook Home項(xiàng)目之前，Chat Heads最初是喬伊（Joey）和布蘭登（Brandon）的創(chuàng)意，這來自他們?cè)O(shè)計(jì)的另外一個(gè)產(chǎn)品。并沒有人要求他們?nèi)ピO(shè)計(jì)Chat Heads；沒有人對(duì)他們說“請(qǐng)?zhí)峁┮恍﹦?chuàng)意，好讓我們可以創(chuàng)造一個(gè)輕量化和簡(jiǎn)單的移動(dòng)聊天界面”；也沒有人為他們?cè)O(shè)定指導(dǎo)目標(biāo)，給他們提供思路。Chat Heads的設(shè)計(jì)創(chuàng)意是怎樣浮現(xiàn)出來的呢？當(dāng)時(shí)，設(shè)計(jì)師們遇到了一個(gè)問題——在移動(dòng)設(shè)備上聊天非常費(fèi)勁，好在他們有足夠多的自由和權(quán)限去處理。在Chat Heads項(xiàng)目之前，某些設(shè)計(jì)項(xiàng)目為他們提供天馬行空的環(huán)境——在那里，所有瘋狂和未成型的創(chuàng)意都會(huì)受到鼓勵(lì)。優(yōu)秀的設(shè)計(jì)創(chuàng)意之所以能百花齊放，提供這樣一個(gè)允許設(shè)計(jì)師自由探索和創(chuàng)造夢(mèng)想的環(huán)境十分重要。

如果你總是執(zhí)行死板的工作日程計(jì)劃，像登山一樣步步為營(yíng)按部就班，那你很可能會(huì)獲得不小的成功。但是，具有顛覆性的創(chuàng)意只會(huì)誕生在自由的環(huán)境中。在設(shè)計(jì)策略中，“執(zhí)行計(jì)劃”和“優(yōu)化產(chǎn)品”需要時(shí)間，而更具創(chuàng)意和更好的解決方案則需要更多的空間和自由。

不要用Photoshop設(shè)計(jì)Facebook Home這樣的產(chǎn)品

我曾經(jīng)在《如何在設(shè)計(jì)界中生存》一文中提出過以上這個(gè)觀點(diǎn)，Photoshop的功能遠(yuǎn)遠(yuǎn)不能滿足Facebook Home的設(shè)計(jì)要求。我們?nèi)绾尾拍芤贿吙粗�靜態(tài)的圖標(biāo)，一邊討論如何讓不同UI的面板和泡泡在不同的屏幕中華麗切換（當(dāng)然不可能）。Facebook的設(shè)計(jì)團(tuán)隊(duì)當(dāng)中，有許多人是視覺設(shè)計(jì)工具QuartzComposer的忠實(shí)用戶。這并不是一個(gè)秘密。這個(gè)工具能讓設(shè)計(jì)師看到最終產(chǎn)品的仿真演示效果。QuartzComposer的存在改變了我們的設(shè)計(jì)方式（Mike Matas于幾年前將QuartzComposer引進(jìn)Facebook團(tuán)隊(duì)）。QuartzComposer不但使工作更加便利，而且能非常高效地演示設(shè)計(jì)的效果。如果你可以看到一個(gè)活生生的、優(yōu)化過的、能互動(dòng)的產(chǎn)品演示，那你一定可以馬上了解產(chǎn)品的工作方式和體驗(yàn)。相比之下，冗長(zhǎng)的文字、解說或圖表永遠(yuǎn)做不到這一點(diǎn)。同時(shí)，這種仿真的演示方便反復(fù)觀看，也可以帶來更貼切的反饋，最后帶來更好的最終產(chǎn)品。當(dāng)你要設(shè)計(jì)一個(gè)大量應(yīng)用互動(dòng)效果的產(chǎn)品時(shí)——例如大量使用手勢(shì)操作的Facebook Home，很多工具都無法勝任這個(gè)設(shè)計(jì)任務(wù)。

當(dāng)然，F(xiàn)acebook Home不僅僅是一個(gè)純粹的設(shè)計(jì)項(xiàng)目，它是一個(gè)由頂尖的工程學(xué)、強(qiáng)大的領(lǐng)導(dǎo)力、天才般的隊(duì)員、出色的協(xié)作和優(yōu)秀的營(yíng)銷共同創(chuàng)造的結(jié)果。但是，限于主題，這篇文章僅僅討論有關(guān)設(shè)計(jì)的事情。在大公司中，個(gè)人的成就往往被融合到一個(gè)巨大的合作項(xiàng)目中，外人無法知曉。然而，許多人把參與產(chǎn)品設(shè)計(jì)當(dāng)作是自己一生的工作。所以，我想說：“能與一個(gè)如此具有天賦的、具有奉獻(xiàn)精神的、矢志不渝的設(shè)計(jì)團(tuán)隊(duì)一起工作，我再自豪不過了。”