UX Coffee 設(shè)計(jì)咖 是一檔為產(chǎn)品設(shè)計(jì)師和關(guān)注用戶(hù)體驗(yàn)的同學(xué)準(zhǔn)備的播客節(jié)目。這期節(jié)目我們請(qǐng)到的是 Medium 設(shè)計(jì)師姜羽揚(yáng)。她畢業(yè)于印第安納大學(xué)，曾在硅谷明星創(chuàng)業(yè)公司 23andMe、Intercom 擔(dān)任設(shè)計(jì)師。她的設(shè)計(jì)生涯看起來(lái)一路順風(fēng)順?biāo)?，但你可能想不到，五年前的姜羽揚(yáng)連 Photoshop 都還不會(huì)用，一些設(shè)計(jì)軟件的名字她連聽(tīng)都沒(méi)聽(tīng)說(shuō)過(guò)。在這期節(jié)目里，羽揚(yáng)和我們分享了她作為設(shè)計(jì)師的光速成長(zhǎng)經(jīng)歷。

從傳播學(xué)到設(shè)計(jì)：一場(chǎng)派對(duì)改變?nèi)松?

羽揚(yáng)：我的背景挺雜的，我本科入學(xué)的時(shí)候?qū)W的是數(shù)字媒體技術(shù)，后來(lái)選了一些新聞學(xué)的課，本科在中國(guó)日?qǐng)?bào)做了一年的記者實(shí)習(xí)，申請(qǐng)時(shí)就很自然地選擇了印第安納大學(xué)的傳播學(xué)和媒介研究這個(gè)方向。我當(dāng)時(shí)想要研究的話(huà)題是新媒體對(duì)于中國(guó)大陸民主化進(jìn)程的影響，鐵了心就想讀個(gè) PhD，一心學(xué)術(shù)。我來(lái)美國(guó)第一個(gè)學(xué)期上的課都是「政治與傳播」、「真相與真實(shí)的差別是什么」，這種課上多了，人就會(huì)想很多，自我懷疑也比較多，整個(gè)人郁郁寡歡，直到在第一學(xué)期的后半段，一個(gè)非常偶然的機(jī)會(huì)，我被朋友拉去參加一個(gè)派對(duì)。

就是這個(gè)偶然參加的派對(duì)，徹底改變了羽揚(yáng)人生軌跡，在這個(gè)派對(duì)上，她認(rèn)識(shí)了幾個(gè)新的同學(xué)，第一次聽(tīng)說(shuō)了人機(jī)交互這個(gè)專(zhuān)業(yè)。派對(duì)之后，她在學(xué)姐的鼓勵(lì)下，選擇了一門(mén)人機(jī)交互專(zhuān)業(yè)的課程試手，沒(méi)想到這激發(fā)了她對(duì)設(shè)計(jì)的興趣，她修起了人機(jī)交互的雙學(xué)位。

羽揚(yáng)：我覺(jué)得印第安納大學(xué)的這個(gè)專(zhuān)業(yè)是將我領(lǐng)入門(mén)的、帶我從無(wú)到有的一個(gè)專(zhuān)業(yè)。這個(gè)項(xiàng)目很小，只有五六個(gè)老師，每一級(jí)大概有二、三十個(gè)學(xué)生。這個(gè)項(xiàng)目很特別的一點(diǎn)是，所有學(xué)生之間的關(guān)系非常好。

然后我們當(dāng)時(shí)有個(gè)教授非常注重設(shè)計(jì)教育，所以他上課的時(shí)候會(huì)很有儀式感。他有一門(mén)課，拿了一個(gè)非常名貴的花瓶，他會(huì)先和你講說(shuō)這個(gè)花瓶有多么多么名貴，然后過(guò)一會(huì)兒，他就把花瓶往地板上摔粉粹了。他就是用這個(gè)例子來(lái)告訴你，不要太珍惜你的設(shè)計(jì)，你的項(xiàng)目做得再好，都是隨時(shí)可以被推翻的，會(huì)有很多其他的外界的影響。我當(dāng)時(shí)覺(jué)得很洗腦。

我們畢業(yè)時(shí)去他家，他還讓我們給每個(gè)人寫(xiě)小紙條。當(dāng)時(shí)我們圍坐成一圈，同學(xué)們輪流一個(gè)一個(gè)走到中間，然后大家就給中間的同學(xué)寫(xiě)紙條，感謝這位同學(xué)在過(guò)去的兩年里對(duì)自己的幫助。老師會(huì)把這些小紙條放在信封里，給他畢業(yè)時(shí)帶走，讓他以后如果工作時(shí)遇到各種艱辛，就拿出來(lái)看一下，鼓勵(lì)自己。

△ ?印第安納大學(xué)伯明頓分校校園

「聊」出來(lái)的貴人

在學(xué)校的最后一年，羽揚(yáng)開(kāi)始找工作了。為了聯(lián)系到更多公司，羽揚(yáng)另辟蹊徑地跑到別的計(jì)算機(jī)牛校的招聘會(huì)上去投簡(jiǎn)歷，這一招奏效了，羽揚(yáng)接到了第一個(gè)面試機(jī)會(huì)，并認(rèn)識(shí)了自己職業(yè)生涯的一位貴人。

羽揚(yáng)：我找工作的時(shí)候很喜歡和很多公司、很多人聊天，了解大家在做的不同的東西，也會(huì)覺(jué)得我的未來(lái)有無(wú)限的可能性。

當(dāng)時(shí)我在機(jī)場(chǎng)候機(jī)，看到有人來(lái)看我的領(lǐng)英頁(yè)面，是一位 Airbnb 的設(shè)計(jì)師，我當(dāng)時(shí)超激動(dòng)，心想「哇，一個(gè)硅谷的設(shè)計(jì)師居然來(lái)看我的頁(yè)面，這是什么情況？」所以我也沒(méi)有想太多，就通過(guò)領(lǐng)英給他發(fā)了封郵件，說(shuō)我這周要來(lái)灣區(qū)，要不要一起喝個(gè)咖啡。他答應(yīng)了，還要邀請(qǐng)我去他們辦公室。他非常熱情，給了我一個(gè)小時(shí)來(lái)講作品集，給我提了很多很多意見(jiàn)，我是真的非常感激，但因?yàn)楫?dāng)時(shí) Airbnb 還非常小，他也沒(méi)有時(shí)間帶新人，所以就錯(cuò)過(guò)了，但是錯(cuò)過(guò)得心甘情愿。后來(lái)他在我每次想找工作的時(shí)候都會(huì)出現(xiàn)，給予很多幫助。這個(gè)人現(xiàn)在是我在 Medium 的老板。

幫助普羅大眾理解人類(lèi)基因組

羽揚(yáng)：我畢業(yè)之后加入了 23andMe。加入 23andMe 是因?yàn)槲液芟矚g他們的使命。這是一家基因測(cè)序公司，它的業(yè)務(wù)當(dāng)時(shí)有兩大部分，一大部分是檢測(cè)你各種疾病的發(fā)病率，另一部分是檢測(cè)你的祖先、基因圖譜。我做 23andMe 拿到了很多很有趣的結(jié)果，比如包括我在內(nèi)的 90% 的東亞人都是乳糖不耐受的，我之前都不知道。這個(gè)公司的設(shè)計(jì)挑戰(zhàn)也很有意思，設(shè)計(jì)師要怎么把人類(lèi)基因組這樣的信息做到讓普羅大眾都能理解和接觸到。

UXCoffee：面對(duì)這種學(xué)術(shù)性比較強(qiáng)的業(yè)務(wù)領(lǐng)域，你是如何快速上手的？（問(wèn)題來(lái)自聽(tīng)眾 Turquoise）

羽揚(yáng)：我覺(jué)得還是多聊。我們公司里有很多搞基因科學(xué)、生物科學(xué)的人，各種斯坦福的博士或者博士后，他們講的東西確實(shí)比較學(xué)術(shù)。我覺(jué)得我能做的就是多問(wèn)問(wèn)題，如果聽(tīng)不懂的話(huà)，就讓他們用一種比較淺顯易懂、人類(lèi)能聽(tīng)懂的語(yǔ)言解釋給我聽(tīng)。我覺(jué)得我就是代表著用戶(hù)，如果你能讓我明白的話(huà)，那我的用戶(hù)也能聽(tīng)明白。

?

△ ?23andMe 用簡(jiǎn)單的語(yǔ)言和圖片解釋什么是「乳糖不耐受」

一個(gè)小小的功能提高了 40% 轉(zhuǎn)化率

2014年，也就是羽揚(yáng)加入 23andMe 一年后，她決定加入當(dāng)時(shí)還不怎么有名的 Intercom。Intercom做的是客戶(hù)關(guān)系管理平臺(tái)，就在兩年的時(shí)間里，他們從一個(gè)小型創(chuàng)業(yè)團(tuán)隊(duì)一路成長(zhǎng)為硅谷最炙手可熱的公司之一。羽揚(yáng)是 Intercom 增長(zhǎng)團(tuán)隊(duì)的創(chuàng)始成員和第一位產(chǎn)品設(shè)計(jì)師，她和我們聊了聊做 2B 產(chǎn)品最大的挑戰(zhàn)和她的設(shè)計(jì)心得。

羽揚(yáng)：我覺(jué)得最重要的還是怎么去理解你的用戶(hù)。2B 產(chǎn)品的用戶(hù)是一整個(gè)的團(tuán)隊(duì)，而不是一個(gè)單個(gè)的人。那我作為一個(gè)普通人，怎么去理解他們一個(gè)大的團(tuán)隊(duì)是怎樣運(yùn)作的，這一點(diǎn)挺難的。

比較重要的一點(diǎn)是，我們的設(shè)計(jì)團(tuán)隊(duì)跟我們的客服團(tuán)隊(duì)的聯(lián)系是相當(dāng)緊密的。我們每個(gè)季度都會(huì)有設(shè)計(jì)師去扮演客服，幫真正的用戶(hù)解決問(wèn)題，然后我們會(huì)對(duì)所有收集來(lái)的問(wèn)題做很詳細(xì)的分析。

還有一點(diǎn)是我們和數(shù)據(jù)科學(xué)家的合作特別緊密。每周我們的數(shù)據(jù)科學(xué)家會(huì)有一個(gè)分享活動(dòng)，會(huì)跟你講解各種圖表，和你解釋這是在展示什么。我在 Intercom 的很長(zhǎng)一段時(shí)間，差不多整個(gè)兩年半，每天就是看著數(shù)字蹭蹭蹭往上漲，我又是增長(zhǎng)團(tuán)隊(duì)唯一的設(shè)計(jì)師，所以非常有成就感，覺(jué)得這么高速的增長(zhǎng)里有很大一部分都是來(lái)自我的工作成果，每天上班就像打了雞血。

比如我剛加入幾個(gè)月的時(shí)候，我們做了一次注冊(cè)流程的改版，效果很明顯，轉(zhuǎn)化率提升了大概 40% 左右。其實(shí)就是加了一個(gè)很小的東西：一個(gè) csv 文件的導(dǎo)入功能。Intercom 的初期用戶(hù)一般是公司的 CTO 或者程序員，在導(dǎo)入客戶(hù)信息時(shí)，他們需要寫(xiě)代碼，才能導(dǎo)入。而且在很長(zhǎng)一段時(shí)間里，這是唯一的導(dǎo)入方法。我剛加入的時(shí)候，就覺(jué)得如果我是一個(gè)用戶(hù)，我就不知道怎么開(kāi)始去使用這個(gè)產(chǎn)品。所以，為了小白用戶(hù)著想，我就加入了一個(gè)導(dǎo)入 csv 的功能，這樣不需要寫(xiě)代碼也可以導(dǎo)入客戶(hù)信息了。

我離開(kāi) Intercom 的時(shí)候，團(tuán)隊(duì)從 3 個(gè)人，增長(zhǎng)到了 30 多個(gè)人，從只有我 1 個(gè)設(shè)計(jì)師，變成了 4 個(gè)設(shè)計(jì)師。據(jù)我了解，在硅谷這邊所有 SaaS 產(chǎn)品公司里面，Intercom 的高增長(zhǎng)率僅次于 Slack。

△ ?Intercom 的 csv 導(dǎo)入功能

UXCoffee：你覺(jué)得團(tuán)隊(duì)的變化對(duì)你的設(shè)計(jì)有什么影響嗎？

羽揚(yáng)：不一樣的地方還蠻多的，好處壞處都有吧。一個(gè)人的話(huà)就是什么都做。一個(gè)產(chǎn)品展示頁(yè)面，我可能要一天把設(shè)計(jì)做完，第二天 html 就寫(xiě)出來(lái)了。到了 4 個(gè)人的時(shí)候，我們有了一個(gè)設(shè)計(jì)經(jīng)理，變得越來(lái)越規(guī)范，甚至?xí)心０?，做設(shè)計(jì)展示的時(shí)候，要按什么樣的步驟來(lái)演講、PPT 要做成什么樣子，都有一套模板來(lái)參考。

我離開(kāi)的一部分原因就是這種「成長(zhǎng)的陣痛」，只有 3 個(gè)人的時(shí)候，團(tuán)隊(duì)相當(dāng)緊密，大家經(jīng)常出去喝酒，周末有時(shí)候也會(huì)去加個(gè)班。到 30 個(gè)人的時(shí)候，就會(huì)有一些你不認(rèn)識(shí)的或者沒(méi)講過(guò)幾句話(huà)的人。如果我還能跟最開(kāi)始的那三四個(gè)人并肩合作的話(huà)，我應(yīng)該不會(huì)離開(kāi)的。

重新思考移動(dòng)設(shè)備的閱讀體驗(yàn)

去年羽揚(yáng)加入了硅谷著名的媒體平臺(tái)公司 Medium，這家公司以產(chǎn)品設(shè)計(jì)聞名，羽揚(yáng)給我們介紹了一下 Medium 這款優(yōu)秀產(chǎn)品背后的設(shè)計(jì)團(tuán)隊(duì)。

羽揚(yáng)：我們現(xiàn)在大概有 7 個(gè)產(chǎn)品設(shè)計(jì)師，一個(gè)負(fù)責(zé)設(shè)計(jì)營(yíng)銷(xiāo)材料的設(shè)計(jì)師，還有 3 個(gè)用戶(hù)研究員，一共 11 個(gè)人。然后我們有 4 個(gè)比較大的產(chǎn)品團(tuán)隊(duì)，第一個(gè)是叫 NRE，New Reading Experience，也就是新的閱讀體驗(yàn)，比如說(shuō) Medium 的首頁(yè)是什么樣子，你每天看到什么文章，怎么去搜索到你喜歡的文章。

還有一個(gè)團(tuán)隊(duì)是訂閱付費(fèi)服務(wù)，我們公司今年年初的時(shí)候改變了商業(yè)模式，之前是想借助廣告來(lái)創(chuàng)立營(yíng)收，但是今年年初發(fā)現(xiàn)走不通，因?yàn)?Google 有很大的流量，而且之前 Medium 上的廣告也不是很顯眼的那種常見(jiàn)的 banner，而是想用比較自然的形式。比如如果 Nike 要植入廣告的話(huà)，我們需要去寫(xiě)一篇文章，在文章里做廣告，讓人覺(jué)察不到，可是這樣的話(huà)成本又太高。所以今年年初我們決定要做收費(fèi)服務(wù)，有專(zhuān)門(mén)的團(tuán)隊(duì)來(lái)做收費(fèi)這件事，每個(gè)月交 5 美元就可以成為會(huì)員，可以看到付費(fèi)內(nèi)容，可以離線閱讀。付費(fèi)內(nèi)容是從各個(gè)渠道來(lái)，我們和一些優(yōu)秀的內(nèi)容創(chuàng)作者有合作，也會(huì)和他們分錢(qián)。

第三個(gè)團(tuán)隊(duì)叫 core team，核心團(tuán)隊(duì)，負(fù)責(zé)維護(hù)平臺(tái)上的一些東西。

第四個(gè)團(tuán)隊(duì)，也就是我們團(tuán)隊(duì)，叫 Series。Series 是 Medium 今年新推出的在手機(jī)上寫(xiě)故事、講故事的一個(gè)方式。你之前在 Medium 上讀的文章一般都是很長(zhǎng)的文字，需要不停地向下滑動(dòng)。而 Series 的話(huà)就是靠不斷地點(diǎn)觸，有很多文字和圖片交織在一起的內(nèi)容展現(xiàn)方式。再比如說(shuō)你要寫(xiě)小說(shuō)，你可以在 Series上把第一章先寫(xiě)出來(lái)發(fā)布，然后再開(kāi)始寫(xiě)第二章，這樣就有了一個(gè)持續(xù)的創(chuàng)作過(guò)程，這也就是為什么它叫「系列（Series）」?，F(xiàn)在這個(gè)功能已經(jīng)發(fā)布了，以后可能會(huì)做一些內(nèi)容上或者是形式上創(chuàng)新的東西。

△ ?Series 采用卡片式設(shè)計(jì)，每張卡片可以包含文字、圖片、動(dòng)圖，讀者只需點(diǎn)觸屏幕右邊，就可以看下一張卡片

有安全感的公司文化

聽(tīng)眾 Nina 很好奇 Medium 的公司文化是怎樣的。我們把這個(gè)問(wèn)題拋給了羽揚(yáng)，也想借這個(gè)問(wèn)題，聊一聊 Medium 的設(shè)計(jì)文化。

羽揚(yáng)：Medium 非?？粗貑T工多樣性（diversity），就不像硅谷的有些公司為了政治正確，對(duì)外界宣稱(chēng)自己特別重視多樣性。在 Medium，你可以看到他們花了很多心思在想這個(gè)問(wèn)題，所以我們有非常多的女性工程師。

我覺(jué)得作為一個(gè)女生，在 Medium 的會(huì)議上講話(huà)會(huì)覺(jué)得更加自在，因?yàn)?Medium 大部分的人都是內(nèi)向型的，不是誰(shuí)講話(huà)聲音大就聽(tīng)誰(shuí)的。我們開(kāi)會(huì)還有一個(gè)很好玩的節(jié)目，做設(shè)計(jì)評(píng)審的時(shí)候，設(shè)計(jì)師講一下自己的設(shè)計(jì)，然后參與評(píng)審的人輪流講自己的意見(jiàn)，每個(gè)人都不會(huì)被拉下。

我們還有一個(gè)「反思會(huì)議（retro meeting）」，每一周會(huì)對(duì)上一個(gè)星期進(jìn)行反思，每個(gè)人可以有三種情緒，包括高興、不高興、還行，每個(gè)人要輪流講講自己的心情。主動(dòng)暴露你比較脆弱的情緒其實(shí)對(duì)于團(tuán)隊(duì)合作還蠻有幫助的，而不是說(shuō)一上班就真的是只談工作。

UXCoffee：之前 Google 做了一個(gè)研究，叫「心理安全感（psychological safety）」，如果公司里面每一個(gè)人都有安全感，愿意講出自己的心里話(huà)，績(jī)效會(huì)更好，這是有科學(xué)證據(jù)的。

嘉賓聯(lián)系方式

知乎：?@姜羽揚(yáng)

領(lǐng)英：Hongyuan Jiang

本期編輯：美鑫、Sepahope、黑眼圈Chloe、吳艾蔚、Shirley、林濤、Hoka

往期回顧：

1. 《做設(shè)計(jì)說(shuō)到底是「知人事」：專(zhuān)訪VMWARE 設(shè)計(jì)主管謝雅蘋(píng)！》
2. 《從GOOGLE到AIRBNB，這個(gè)萌妹子想讓設(shè)計(jì)更有溫度》
3. 《專(zhuān)訪丨不會(huì)做PPT的人機(jī)交互博士不是好用研》
4. 《專(zhuān)訪丨十年設(shè)計(jì)，不忘初心（三星北美設(shè)計(jì)經(jīng)理穆怡雯）》
5. 《專(zhuān)訪丨從上海到硅谷的GOOGLE 交互設(shè)計(jì)師王斯捷》
6. 《專(zhuān)訪丨從迪士尼到紀(jì)念碑谷的中國(guó)設(shè)計(jì)師》
7. 《FACEBOOK 設(shè)計(jì)師張寧夏：斯坦福大學(xué)的人機(jī)交互專(zhuān)業(yè)是怎樣的？》
8. 《FACEBOOK 資深設(shè)計(jì)師何如佳：當(dāng)扎克伯格是你的產(chǎn)品經(jīng)理時(shí)》
9. 《趁年輕做些更有挑戰(zhàn)的事情！專(zhuān)訪TWITTER 產(chǎn)品設(shè)計(jì)師王源》

掃描二維碼或微信內(nèi)搜索「UXCoffee」，關(guān)注 UX Coffee 設(shè)計(jì)咖 微信公眾賬號(hào)：

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專(zhuān)欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專(zhuān)欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com