Facebook 資深設(shè)計(jì)師何如佳:當(dāng)扎克伯格是你的產(chǎn)品經(jīng)理時(shí)

2017-3-21    資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

本期我們請(qǐng)到了 Facebook 設(shè)計(jì)師 何如佳。她曾任 Facebook 視頻、照片創(chuàng)作和編輯領(lǐng)域的主設(shè)計(jì)師、Facebook 前沿科技研究團(tuán)隊(duì) Building 8 早期成員,主導(dǎo)交互設(shè)計(jì),設(shè)計(jì)了擁有全球數(shù)千萬活躍用戶的 Facebook 獨(dú)立照片分享應(yīng)用 Moments,現(xiàn)在為 Facebook Messenger 設(shè)計(jì)。

我們聊了聊:

  • Facebook 的設(shè)計(jì)文化和設(shè)計(jì)團(tuán)隊(duì)
  • Facebook 內(nèi)部是怎么做「設(shè)計(jì)批評(píng)」的
  • 如何維持跨團(tuán)隊(duì)間的設(shè)計(jì)一致性
  • 設(shè)計(jì) Facebook 主 app 中的功能,和設(shè)計(jì)一個(gè) Moments 這樣的獨(dú)立 app 有何不同?
  • Facebook Moments 的設(shè)計(jì)開發(fā)流程
  • 如何做好安卓平臺(tái)上的 app 設(shè)計(jì)
  • 當(dāng)扎克伯格是你的產(chǎn)品經(jīng)理……
  • Facebook 的聲音設(shè)計(jì)團(tuán)隊(duì)
  • 用 Origami 做動(dòng)態(tài)原型
  • 在騰訊、知乎和在 Facebook 工作有什么不同體會(huì)?

Riceman: 歡迎 @Ruthia 何如佳 來到 UX Coffee。能和我們介紹一下自己?jiǎn)幔?

何如佳:大家好,我叫何如佳,現(xiàn)在在 Facebook 做產(chǎn)品設(shè)計(jì)師。我是 14 年加入,已經(jīng)在 Facebook 工作了兩年多。

Facebook 的設(shè)計(jì)團(tuán)隊(duì)結(jié)構(gòu)

Riceman:能和大家介紹一下 Facebook 大致的產(chǎn)品線和團(tuán)隊(duì)構(gòu)成嗎?

何如佳:Facebook 的主要產(chǎn)品比較集中,最重要的幾個(gè)產(chǎn)品是:Facebook、Instagram、WhatsApp,還有 Oculus。Facebook 的設(shè)計(jì)團(tuán)隊(duì)分成三個(gè)部分:Core app(核心應(yīng)用),Growth(增長(zhǎng))和 Business(商業(yè))。我剛加入的時(shí)候,公司大約有不到 200 個(gè)設(shè)計(jì)師,兩年多我們的設(shè)計(jì)團(tuán)隊(duì)翻了一番。

Facebook 是一家產(chǎn)品驅(qū)動(dòng)的公司,所以我們的設(shè)計(jì)團(tuán)隊(duì)和產(chǎn)品團(tuán)隊(duì)處于一種「你中有我,我中有你」的關(guān)系中。每個(gè)設(shè)計(jì)師屬于自己所在的產(chǎn)品團(tuán)隊(duì),方便和自己產(chǎn)品的團(tuán)隊(duì)成員交流,但我們也屬于自己的設(shè)計(jì)團(tuán)隊(duì),和別的產(chǎn)品的設(shè)計(jì)師做溝通,進(jìn)行 design critique(設(shè)計(jì)互評(píng))等等。

Facebook 設(shè)計(jì)團(tuán)隊(duì)是怎么做 design critique 的?

何如佳:我剛到公司的時(shí)候,每個(gè)月都有一次設(shè)計(jì)師全員大會(huì)。每次有一個(gè)小組展示他們最近的設(shè)計(jì),這樣有助于全公司設(shè)計(jì)師互相了解大家都在做什么。公司鼓勵(lì)大家在設(shè)計(jì)還在早期的時(shí)候就向大家展示,獲得一些早期設(shè)計(jì)大方向上的建議。根據(jù)展示的設(shè)計(jì)所處的產(chǎn)品周期不同,大家也會(huì)針對(duì)性地給不同的建議。一些設(shè)計(jì)細(xì)節(jié)上的建議,大家一般會(huì)在自己所在的小組的會(huì)議中去提出。

張撓撓:你覺得要做好一個(gè) design critique,設(shè)計(jì)師應(yīng)該要做好什么準(zhǔn)備?

何如佳:我覺得最重要的一點(diǎn)是設(shè)計(jì)師要帶著明確的目的走進(jìn)一次 design critique 的會(huì)議。比如,是想要視覺設(shè)計(jì)上的、交互流程上的、還是產(chǎn)品方向上的,或者是針對(duì)界面中的某個(gè)按鈕文字的建議?做展示的設(shè)計(jì)師需要主動(dòng)明確地說清楚你的目的,這樣有利于獲得有針對(duì)性、建設(shè)性的反饋。

Facebook 的設(shè)計(jì)師 Tanner Christensen 在 Medium 上寫過一篇文章《Peek Inside a Facebook Design Critique》,還原了真實(shí)發(fā)生在 Facebook 的一次 design critique,很有意思,我覺得很值得大家參考。

Facebook 的設(shè)計(jì)分享文化

Hoka:Facebook 設(shè)計(jì)團(tuán)隊(duì)非常樂于分享,經(jīng)常把產(chǎn)品的設(shè)計(jì)過程、反思、總結(jié)、設(shè)計(jì)素材和源文件都分享到網(wǎng)上。你們應(yīng)該是最早一批做這件事的硅谷大公司,現(xiàn)在看來應(yīng)該是帶起了一股潮流,很多公司的設(shè)計(jì)團(tuán)隊(duì)也慢慢開始對(duì)外做分享。你怎么看 Facebook 的這種開放的設(shè)計(jì)文化呢?

何如佳:我們是社交公司嘛,天生自帶分享社交屬性。我們公司非常鼓勵(lì)員工做分享,內(nèi)部我們甚至還有寫作討論組叫 Writing for Facebook Design,由 Julie Zhuo 發(fā)起,在里面大家分享、互評(píng)怎么寫出好文章。這種分享有利于整個(gè)設(shè)計(jì)社群的發(fā)展,也能擴(kuò)大我們公司的影響力,有利于我們招募優(yōu)秀的人才。

△  Facebook 設(shè)計(jì)官方網(wǎng)站(facebook.design)

Riceman:你們有 400 多人的設(shè)計(jì)團(tuán)隊(duì),你們是如何管理設(shè)計(jì)規(guī)范,保持產(chǎn)品間的設(shè)計(jì)一致性的呢?

何如佳:我之前提到了幾個(gè)大設(shè)計(jì)團(tuán)隊(duì),他們各自都有專門的設(shè)計(jì)師來制定和管理設(shè)計(jì)樣式的規(guī)范。如果你設(shè)計(jì)的產(chǎn)品需要用到新的樣式,就要和這些組的設(shè)計(jì)師打交道,審核通過后才能在產(chǎn)品中使用。

但也不是所有產(chǎn)品組都有設(shè)計(jì)規(guī)范,像我現(xiàn)在在 Facebook Messenger,我們組設(shè)計(jì)團(tuán)隊(duì)的規(guī)模還比較小,就不需要有專門的團(tuán)隊(duì)來做設(shè)計(jì)規(guī)范,設(shè)計(jì)的一致性主要依賴設(shè)計(jì)師之間的溝通。

在不同產(chǎn)品團(tuán)隊(duì)的經(jīng)歷讓我快速成長(zhǎng)

Riceman:在加入 Facebook Messenger 之前,你做過哪些項(xiàng)目呢?

何如佳:我一開始做的是 Facebook Moments,國(guó)內(nèi)的聽眾可能沒有聽過這個(gè) app,我簡(jiǎn)單介紹一下吧。Moments 這個(gè)產(chǎn)品的出發(fā)點(diǎn)在于,我們發(fā)現(xiàn)用戶拍的照片中的絕大部分,他們其實(shí)都不一定想要發(fā)到 Facebook 上,但是他們會(huì)想要分享給某一個(gè)小的朋友圈子,或者是他們的家人,或者是一個(gè)私密的小群體,Moments 就是抓住這個(gè)需求,把這種分享變得非常簡(jiǎn)單。

△  Facebook Moments 安卓應(yīng)用會(huì)在每次拍照后識(shí)別用戶照片里的好友,建議用戶把照片分享給他們

Moments 之后,我還做過 Facebook 主 app 中的相機(jī)和視頻功能。之后去到了 Facebook Building 8(一個(gè)研究導(dǎo)向的前沿創(chuàng)新團(tuán)隊(duì)),然后現(xiàn)在到了 Messenger。

Hoka:做 Facebook 主 app 中的相機(jī)或者某個(gè)視頻的功能,和設(shè)計(jì) Moments 這樣的獨(dú)立 app,你有什么不同的體會(huì)嗎?

何如佳:我覺得很不一樣。Moments 整個(gè)團(tuán)隊(duì)算上產(chǎn)品、工程師、測(cè)試等等才不到 20 個(gè)人,我們的開發(fā)速度很快。但我在做 Facebook 主 app 的一些功能的時(shí)候進(jìn)展就會(huì)慢很多,因?yàn)槟切┰O(shè)計(jì)往往需要跨團(tuán)隊(duì)、跨工種、甚至是跨公司的合作。

經(jīng)歷這樣不同的團(tuán)隊(duì)對(duì)我來說也是不斷成長(zhǎng)的過程。我一開始進(jìn)公司的時(shí)候更像是一個(gè)「支持型」的設(shè)計(jì)師,一個(gè)人埋頭苦干,通過把自己負(fù)責(zé)的部分做好為產(chǎn)品做貢獻(xiàn)。慢慢地就會(huì)希望自己的設(shè)計(jì)對(duì)產(chǎn)品產(chǎn)生更大的影響,這樣就需要和更多人溝通,而不只是自己一個(gè)人埋頭做。

Moments 的設(shè)計(jì)開發(fā)過程

何如佳:我在 Moments 團(tuán)隊(duì)中主要負(fù)責(zé)的是安卓平臺(tái)的設(shè)計(jì)。當(dāng)時(shí)比較有意思的是,整個(gè)公司其實(shí)做安卓平臺(tái)的設(shè)計(jì)師非常少,大概只有 3 個(gè)。

我加入的時(shí)候這個(gè)產(chǎn)品已經(jīng)開始做了一段時(shí)間了,但正在經(jīng)歷一個(gè)比較大的產(chǎn)品方向上的轉(zhuǎn)型,基本上把之前的設(shè)計(jì)推倒重來,所以我參與到了很多產(chǎn)品的討論當(dāng)中。整個(gè)設(shè)計(jì)過程是一個(gè)團(tuán)隊(duì)合作的過程,并不是流水作業(yè)。每周我要和產(chǎn)品經(jīng)理做很多溝通,列出所有的功能需求,然后商量制定優(yōu)先級(jí)。

另外一個(gè)有意思的地方就是,當(dāng)時(shí)我們的產(chǎn)品還沒有發(fā)布,所以我們會(huì)請(qǐng)一些用戶來公司,把他們關(guān)到「小黑屋」里面來做用戶測(cè)試和訪談(和犯人審問一樣,屋子里的墻其實(shí)從另一個(gè)房間看是玻璃)。一個(gè)比較棘手的問題是,因?yàn)槲覀児驹诠韫龋诠局車业挠脩艨赡芏紡氖禄ヂ?lián)網(wǎng)行業(yè),和這個(gè)世界上絕大部分地方的用戶都不一樣,所以我們要很小心地排除掉硅谷的工程師和設(shè)計(jì)師,來獲取比較有代表性的樣本。我們甚至還跑到美國(guó)德州,去找當(dāng)?shù)氐拇髮W(xué)生來做測(cè)試,去得到更全面的結(jié)果。

什么時(shí)候應(yīng)該打破平臺(tái)的設(shè)計(jì)規(guī)范

Hoka:安卓的設(shè)計(jì)規(guī)范很強(qiáng)勢(shì),iOS 的設(shè)計(jì)語言相對(duì)更開放,你們?yōu)榘沧窟M(jìn)行設(shè)計(jì)時(shí),是遵從安卓的設(shè)計(jì)規(guī)范,還是保留 iOS 上的一些風(fēng)格,這一點(diǎn)你們是怎么權(quán)衡的呢?

何如佳:這是設(shè)計(jì)界一直在討論的問題。其實(shí)現(xiàn)在兩個(gè)平臺(tái)有逐漸融合的趨勢(shì),可能逐漸地大家總結(jié)出了一些好用的、通用的元素和組件。但我覺得還是有必要去讀一下兩個(gè)平臺(tái)的設(shè)計(jì)文檔?,F(xiàn)在美國(guó)本土比較注重 iOS 設(shè)計(jì),因?yàn)檎加新氏鄬?duì)有優(yōu)勢(shì),但在全球范圍內(nèi),尤其在國(guó)內(nèi),可能還是安卓比較占優(yōu)勢(shì)。比如 Moments 安卓版本的用戶數(shù)是 iOS 版的很多倍,所以安卓也是一個(gè)比較重要的平臺(tái)。

Riceman:像 Facebook 這樣的公司,會(huì)不會(huì)有時(shí)候不遵守安卓或 iOS 的規(guī)范,可能會(huì)有更好的結(jié)果,或者是出于自己品牌、形象的考慮,想去創(chuàng)造一些東西,打破平臺(tái)規(guī)范?

何如佳:有可能,比如 Reactions,現(xiàn)在在 Facebook 上,你不止可以點(diǎn)贊,還可以發(fā)愛心、發(fā)各種表情,這是一個(gè)新的交互元素。我對(duì)他們的設(shè)計(jì)過程有一些了解,他們也有很多迭代版本,有一些其實(shí)是傳統(tǒng)的、符合規(guī)范的,最后選擇這個(gè)非傳統(tǒng)的版本也是經(jīng)過用戶研究、各種數(shù)據(jù)驗(yàn)證的。其實(shí)設(shè)計(jì)師在這方面決策的權(quán)力沒有那么大,因?yàn)? Facebook 是一個(gè)數(shù)據(jù)驅(qū)動(dòng)的公司,有時(shí)候也不是刻意打破規(guī)范,而是要看用戶更喜歡什么,要從數(shù)據(jù)看哪個(gè)版本對(duì)整個(gè)體驗(yàn)最有幫助。

Riceman:所以最后是數(shù)據(jù)說了算。如果數(shù)據(jù)說,打破規(guī)范會(huì)有更好的用戶體驗(yàn),你們會(huì)照著數(shù)據(jù)去做,而不是盲目地遵從平臺(tái)的設(shè)計(jì)規(guī)范。

△  扎克伯格在 Facebook 上介紹 Reactions 功能,用戶除了點(diǎn)贊,還能發(fā)愛心、笑臉、哭臉等表情

當(dāng)扎克伯格是你的產(chǎn)品經(jīng)理……

Riceman:我們都知道 Facebook 設(shè)計(jì)師正式的職稱是「產(chǎn)品設(shè)計(jì)師」,但你們同時(shí)也有產(chǎn)品經(jīng)理,你提到 Moments 有很多產(chǎn)品決定,產(chǎn)品設(shè)計(jì)師在產(chǎn)品決策中有多少話語權(quán)?

何如佳:其實(shí) Moments 比較特殊,它是從編程馬拉松開始的,當(dāng)時(shí)大老板扎克伯格說要做這個(gè)項(xiàng)目,后來他都是有很大的參與度的,每次轉(zhuǎn)型都是他定的方向,所以組里的設(shè)計(jì)師和產(chǎn)品經(jīng)理的決定權(quán)會(huì)比較有限,確實(shí)會(huì)有一些壓力。不過一般的產(chǎn)品功能都是產(chǎn)品經(jīng)理和設(shè)計(jì)師共同討論決定的,我們也會(huì)經(jīng)常和工程師一起討論。

當(dāng)時(shí) Facebook 有一個(gè)叫 Creative Labs 的組織,做了一系列的獨(dú)立應(yīng)用,包括 Paper、Slingshot,這些扎克伯格都挺關(guān)注的,Moments 是 Creative Labs 最后的一個(gè)嘗試。

張撓撓:Creative Labs 有點(diǎn)類似大公司的小 startup,在這樣的團(tuán)隊(duì)工作還有什么挑戰(zhàn)?

何如佳:挑戰(zhàn)真的蠻大的,Creative Labs 做了很多實(shí)驗(yàn)性質(zhì)的應(yīng)用,沒有很多存活下來,Moments 是現(xiàn)在來看最成功的,可能也和 Facebook 文化有關(guān)系。做社交應(yīng)用,主要是看在社交方面對(duì)用戶需求的挖掘。有時(shí)候 app 設(shè)計(jì)得太漂亮了,用戶反而可能有距離感,覺得不是給自己這樣的普通人用的。其他方面,我覺得挑戰(zhàn)是 「focus」,怎么樣去集中資源做一件事。在大公司里很容易有很多資源,有時(shí)候反而不知道應(yīng)該集中去做什么事情。Startup 能成功往往是因?yàn)槟? focus 在一件事上,對(duì)大公司來說,怎么協(xié)調(diào)這個(gè) focus 是一個(gè)很大的挑戰(zhàn)。

△  Creative Labs 的產(chǎn)品之一 Paper,于 2016 年 7 月下架

設(shè)計(jì) Facebook 主 app 中的功能,和設(shè)計(jì)一個(gè) Moments 這樣的獨(dú)立 app 有何不同?

Riceman:你后來做的兩個(gè)產(chǎn)品跟 Moments 很不一樣,分別叫 Slideshow 和 Quick Camera,它們的接口是在 Facebook 的主 app 上的,而不是 Moments 這樣的獨(dú)立應(yīng)用。

何如佳:對(duì),我后來在 Facebook 做的是分享這一塊的設(shè)計(jì),比如怎么去發(fā)狀態(tài),怎么發(fā)照片、視頻。 Slideshow 可以把你的照片做成視頻,配上一些音樂、動(dòng)畫,靈感來自于很多用戶手機(jī)里的照片不是每一張單獨(dú)看上去都很精美,但他們也想分享出去作為生活的片段,或者去講是一個(gè)故事,比如我去登山,想分享這次登山的很多照片,就可以把這些照片整合成一個(gè)視頻。

△  Facebook Slideshow:把幾張照片做成一個(gè)幻燈片短視頻

這個(gè)功能其實(shí)不是特別復(fù)雜,但因?yàn)槭亲鲈谥?app 上,所以花了很長(zhǎng)時(shí)間。 Moments 設(shè)計(jì)開發(fā)整個(gè)應(yīng)用做了 6、7個(gè)月,只是 Slideshow 這個(gè)功能卻做了半年多(不過我同時(shí)也在負(fù)責(zé)其他 2 個(gè)項(xiàng)目)。一個(gè)原因是主 app 的層級(jí)溝通會(huì)很多,我們內(nèi)部有 FIG (Facebook Interface Guideline)這個(gè)組,設(shè)計(jì) Moments 時(shí),我不需要請(qǐng)他們審核,但我做 Slideshow 的時(shí)候就需要跟他們溝通。而且 Slideshow 這個(gè)功能里結(jié)合了很多元素,包括音樂、視頻、,所以我也要跟其他團(tuán)隊(duì)合作,比如音樂設(shè)計(jì)師,還有一個(gè)視頻制作的 agency。為了這一個(gè)項(xiàng)目,我其實(shí)前前后后和 3 個(gè) agency 合作。

Riceman:你和聲音設(shè)計(jì)師是怎么合作的,你之前有這方面的背景知識(shí)嗎?

何如佳:我們的聲音設(shè)計(jì)師都非常有經(jīng)驗(yàn),有一個(gè)專門的團(tuán)隊(duì)做聲音設(shè)計(jì),團(tuán)隊(duì)的負(fù)責(zé)人 Will Littlejohn 之前做過 Guitar Hero,他非常有經(jīng)驗(yàn)。只要跟他說需求,他就會(huì)提供一個(gè)比較滿意的版本,我只需要提一些建議。

Riceman:Facebook 有很多小的聲效,非常動(dòng)聽,有時(shí)候我就為了聽這個(gè)聲音也愿意發(fā)一個(gè)表情。

何如佳:我們對(duì)設(shè)計(jì)細(xì)節(jié)要求很高,對(duì)聲效也是如此。Slideshow 里有非常多的音樂可以使用,都是 Facebook 聲音設(shè)計(jì)團(tuán)隊(duì)和專業(yè)的音樂家一起創(chuàng)作的原創(chuàng)音樂。

設(shè)計(jì)積極友善的社區(qū)文化

Hoka:你還做過一個(gè)產(chǎn)品叫 Birthday Cam,一般有朋友過生日的時(shí)候大家就簡(jiǎn)單發(fā)一句「生日快樂」,甚至是「生快」,但有了這個(gè)產(chǎn)品,當(dāng)你進(jìn)入壽星的個(gè)人主頁(yè),給他留言的時(shí)候,可以選擇給他錄一段 15 秒以內(nèi)的生日視頻,會(huì)讓整個(gè)社區(qū)的氣氛更活躍。你們是怎么想到做這個(gè)功能的?

何如佳:現(xiàn)在很多人覺得在 Facebook 上發(fā)生日留言不夠有誠(chéng)意,慢慢很多人就只到 Messenger 上發(fā)生日祝福,我們就想怎么樣讓慶祝生日更特別一點(diǎn),于是就有了 Birthday Cam 這個(gè)產(chǎn)品?,F(xiàn)在你生日會(huì)收到一個(gè) Facebook 生日視頻,視頻里有朋友給你錄的視頻。這個(gè)體驗(yàn)結(jié)合了 Facebook 的特色,讓這個(gè)體驗(yàn)更有新意,實(shí)際上我們也發(fā)現(xiàn)這樣的視頻狀態(tài)往往會(huì)有更高的參與度和反饋。

我們有一個(gè)團(tuán)隊(duì)專門衡量大家對(duì) Facebook 品牌的好感度,他們會(huì)在生日、節(jié)日的時(shí)候問候大家,鼓勵(lì)大家分享一些慶祝節(jié)日的狀態(tài),這是 Facebook 非常注重的。

△  Facebook Birthday Cam:錄一段祝福視頻,發(fā)在壽星的時(shí)間線上

用 Origami 做動(dòng)態(tài)原型

Hoka:這個(gè) app 的原型是怎么做的呢?

何如佳:我當(dāng)時(shí)做的原型其實(shí)就是一段視頻,原型主要是團(tuán)隊(duì)溝通用的,包括告訴工程師產(chǎn)品流程,還有組件長(zhǎng)什么樣子等等。設(shè)計(jì)師通過視頻形式的原型進(jìn)行溝通,是在 Facebook 比較常見的。

我當(dāng)時(shí)用的是 Origami,是 Facebook 自己開發(fā)的原型制作工具。它最開始是基于蘋果的開發(fā)者工具 Quartz Composer,但是他的作者 Brandon Walkin 針對(duì)設(shè)計(jì)師做了優(yōu)化,就變成了一個(gè)獨(dú)立的工具。這個(gè)工具還是非常強(qiáng)大的,涉及到很多動(dòng)態(tài)交互元素的時(shí)候 Origami 尤其擅長(zhǎng),還可以放到手機(jī)上進(jìn)行預(yù)覽。

Riceman:你們公司有強(qiáng)推說所有設(shè)計(jì)師用某一個(gè)原型設(shè)計(jì)軟件嗎?還是大家可以自己選擇喜歡的工具?

何如佳:還是根據(jù)需求,也看不同的團(tuán)隊(duì)。有的團(tuán)隊(duì)喜歡用 Origami,也有的喜歡用 Framer 或者 Principle。Origami 因?yàn)槭亲约耶a(chǎn)品,在 Facebook 普及度比較高,每次對(duì)新入職的設(shè)計(jì)師進(jìn)行培訓(xùn)的時(shí)候,我們有 Origami 的專門課程。

Origami 的學(xué)習(xí)曲線比較陡峭,入門需要一定時(shí)間。因?yàn)樗氖褂昧鞒逃悬c(diǎn)反人類,是節(jié)點(diǎn)式的編輯模式,而設(shè)計(jì)很多時(shí)候是流程式的。所以 Origami 可能不適合制作有很多步驟、很多屏的原型,而是更適合沒有很多屏,但每屏之內(nèi)有比較豐富交互、動(dòng)畫的設(shè)計(jì)。

張撓撓:所以選擇什么工具都是根據(jù)做原型的目的是什么。如果是展示很長(zhǎng)的產(chǎn)品流程和概念,那可能用 InVision 這種就可以,但如果要展示有意思的動(dòng)畫和微交互,那 Origami 就很強(qiáng)大。

△  Origami 軟件

從網(wǎng)頁(yè)設(shè)計(jì)三劍客開始的設(shè)計(jì)之路

Riceman:現(xiàn)在讓我們把時(shí)間倒轉(zhuǎn)很多年,聊一聊一開始你是怎么接觸設(shè)計(jì)這個(gè)行業(yè)的,為什么對(duì)設(shè)計(jì)感興趣的吧。

何如佳:小學(xué)的時(shí)候很喜歡玩電腦嘛,當(dāng)時(shí)會(huì)去嘗試各種各樣的東西,比如 Flash。小學(xué)的時(shí)候有一些網(wǎng)頁(yè)設(shè)計(jì)的課程,有 Frontpage、Dreamweaver,當(dāng)時(shí)叫網(wǎng)頁(yè)設(shè)計(jì)三劍客。中學(xué)的時(shí)候有機(jī)會(huì)給校刊做美術(shù)總監(jiān),對(duì)平面設(shè)計(jì)有了一些接觸。后來把電腦軟件和設(shè)計(jì)這兩方面結(jié)合起來就找到了自己的興趣點(diǎn)。

在本科期間也做了很多項(xiàng)目,有給學(xué)生會(huì)做一些平面設(shè)計(jì);另外也參加了計(jì)算機(jī)應(yīng)用與設(shè)計(jì)協(xié)會(huì),還被選為這個(gè)協(xié)會(huì)的會(huì)長(zhǎng)。當(dāng)時(shí)做會(huì)長(zhǎng)就有一些責(zé)任感,想讓加入?yún)f(xié)會(huì)的小朋友們有事情做、真正學(xué)到東西,所以就發(fā)起了做手機(jī) app 的項(xiàng)目。當(dāng)時(shí)智能手機(jī)開始普及,安卓和 iPhone 慢慢開始流行起來,但是很多校園的基礎(chǔ)設(shè)施和網(wǎng)絡(luò)還沒有針對(duì)智能手機(jī)進(jìn)行優(yōu)化,所以就想做一個(gè)服務(wù)學(xué)生的 app,叫頤和園路 5 號(hào),名字也是我們學(xué)校的地址。這個(gè) app 可以查詢空教室去自習(xí)、查自己的課表、記作業(yè)的提交日期等等,都是學(xué)生經(jīng)常用的功能,大家做起來也很有激情。產(chǎn)品上線之后也有一些投資人來聯(lián)系我們,其實(shí)我們也有做創(chuàng)業(yè)公司,但因?yàn)楫厴I(yè)后團(tuán)隊(duì)成員有各自的安排和考慮,就沒有再做下去,算是一個(gè)遺憾。

在騰訊、知乎和在 Facebook 工作有什么不同體會(huì)?

Riceman:你曾經(jīng)在騰訊和知乎實(shí)習(xí)過。你覺得在硅谷和國(guó)內(nèi)的互聯(lián)網(wǎng)公司工作體會(huì)有什么不同?

何如佳:我覺得不同還是蠻大的。在設(shè)計(jì)上,國(guó)內(nèi)的設(shè)計(jì)師可能更多偏向執(zhí)行,在明確要做什么之后去把它實(shí)現(xiàn);而美國(guó)這邊對(duì)設(shè)計(jì)師的要求更有挑戰(zhàn)性,在沒有完全明確方向的時(shí)候,設(shè)計(jì)師要做一些探索,引導(dǎo)團(tuán)隊(duì)去找到方向。

當(dāng)時(shí)我在騰訊做的是產(chǎn)品的實(shí)習(xí)。在產(chǎn)品上,國(guó)內(nèi)和美國(guó)也有一些不同。比如騰訊當(dāng)時(shí)有很多產(chǎn)品經(jīng)理共同負(fù)責(zé)一塊,而在美國(guó)一個(gè)產(chǎn)品可能只有一個(gè)主要的產(chǎn)品經(jīng)理;而且國(guó)內(nèi)很多產(chǎn)品經(jīng)理需要畫交互圖,在美國(guó)比較大型的互聯(lián)網(wǎng)公司,產(chǎn)品經(jīng)理往往不直接參與設(shè)計(jì)。

設(shè)計(jì) VR 視頻播放器

Riceman:最后我們來聊一聊設(shè)計(jì)師都愛做的 side project 吧,我們看到你在做的是跟 VR 相關(guān)的,來給大家介紹一下吧。

何如佳:Moon Player 是一個(gè)在 VR 上的視頻播放器,我的目標(biāo)是想把它做得非常好用、精致。我個(gè)人對(duì) VR 非常感興趣,在 Facebook 我們也有更多的機(jī)會(huì)去接觸 VR 的東西,包括試用 Oculus。這種沉浸式的體驗(yàn)很不一樣,需要先把場(chǎng)景搭建提來,再看人怎么在其中進(jìn)行交互,有點(diǎn)像實(shí)體的交互設(shè)計(jì),不僅局限于屏幕。

VR 的設(shè)計(jì)和普通的 app 其實(shí)也有很多共通之處的,只要把整個(gè)體驗(yàn)做流暢,是不是使用 3D 元素其實(shí)沒有那么重要。這個(gè)項(xiàng)目做得還是蠻快的,當(dāng)時(shí)就花了一個(gè)多月的時(shí)間就把這個(gè)應(yīng)用從無到有做出來了。如果有聽眾小伙伴有興趣做小項(xiàng)目,歡迎和我聯(lián)系,工程師、運(yùn)營(yíng)、產(chǎn)品、設(shè)計(jì)師等等都?xì)g迎。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔