UX Coffee 設(shè)計(jì)咖 是一檔為產(chǎn)品設(shè)計(jì)師和關(guān)注用戶體驗(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)憧赡芟氩坏剑迥昵暗慕饟P(yáng)連 Photoshop 都還不會(huì)用，一些設(shè)計(jì)軟件的名字她連聽都沒聽說(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í)想要研究的話題是新媒體對(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é)，第一次聽說(shuō)了人機(jī)交互這個(gè)專業(yè)。派對(duì)之后，她在學(xué)姐的鼓勵(lì)下，選擇了一門人機(jī)交互專業(yè)的課程試手，沒想到這激發(fā)了她對(duì)設(shè)計(jì)的興趣，她修起了人機(jī)交互的雙學(xué)位。

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

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

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

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

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

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

羽揚(yáng)：我找工作的時(shí)候很喜歡和很多公司、很多人聊天，了解大家在做的不同的東西，也會(huì)覺得我的未來(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è)面，這是什么情況？」所以我也沒有想太多，就通過(guò)領(lǐng)英給他發(fā)了封郵件，說(shuō)我這周要來(lái)灣區(qū)，要不要一起喝個(gè)咖啡。他答應(yīng)了，還要邀請(qǐng)我去他們辦公室。他非常熱情，給了我一個(gè)小時(shí)來(lái)講作品集，給我提了很多很多意見，我是真的非常感激，但因?yàn)楫?dāng)時(shí) Airbnb 還非常小，他也沒有時(shí)間帶新人，所以就錯(cuò)過(guò)了，但是錯(cuò)過(guò)得心甘情愿。后來(lái)他在我每次想找工作的時(shí)候都會(huì)出現(xiàn)，給予很多幫助。這個(gè)人現(xiàn)在是我在 Medium 的老板。

幫助普羅大眾理解人類基因組

羽揚(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ì)師要怎么把人類基因組這樣的信息做到讓普羅大眾都能理解和接觸到。

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

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

?

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

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

2014年，也就是羽揚(yáng)加入 23andMe 一年后，她決定加入當(dāng)時(shí)還不怎么有名的 Intercom。Intercom做的是客戶關(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)：我覺得最重要的還是怎么去理解你的用戶。2B 產(chǎn)品的用戶是一整個(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ì)師去扮演客服，幫真正的用戶解決問題，然后我們會(huì)對(duì)所有收集來(lái)的問題做很詳細(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ì)師，所以非常有成就感，覺得這么高速的增長(zhǎng)里有很大一部分都是來(lái)自我的工作成果，每天上班就像打了雞血。

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

我離開 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：你覺得團(tuán)隊(duì)的變化對(duì)你的設(shè)計(jì)有什么影響嗎？

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

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

重新思考移動(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)銷材料的設(shè)計(jì)師，還有 3 個(gè)用戶研究員，一共 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 上的廣告也不是很顯眼的那種常見的 banner，而是想用比較自然的形式。比如如果 Nike 要植入廣告的話，我們需要去寫一篇文章，在文章里做廣告，讓人覺察不到，可是這樣的話成本又太高。所以今年年初我們決定要做收費(fèi)服務(wù)，有專門的團(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ì)和他們分錢。

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

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

有安全感的公司文化

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

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

我覺得作為一個(gè)女生，在 Medium 的會(huì)議上講話會(huì)覺得更加自在，因?yàn)?Medium 大部分的人都是內(nèi)向型的，不是誰(shuí)講話聲音大就聽誰(shuí)的。我們開會(huì)還有一個(gè)很好玩的節(jié)目，做設(shè)計(jì)評(píng)審的時(shí)候，設(shè)計(jì)師講一下自己的設(shè)計(jì)，然后參與評(píng)審的人輪流講自己的意見，每個(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è)人都有安全感，愿意講出自己的心里話，績(jī)效會(huì)更好，這是有科學(xué)證據(jù)的。

嘉賓聯(lián)系方式

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

領(lǐng)英：Hongyuan Jiang

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

往期回顧：

1. 《做設(shè)計(jì)說(shuō)到底是「知人事」：專訪VMWARE 設(shè)計(jì)主管謝雅蘋！》
2. 《從GOOGLE到AIRBNB，這個(gè)萌妹子想讓設(shè)計(jì)更有溫度》
3. 《專訪丨不會(huì)做PPT的人機(jī)交互博士不是好用研》
4. 《專訪丨十年設(shè)計(jì)，不忘初心（三星北美設(shè)計(jì)經(jīng)理穆怡雯）》
5. 《專訪丨從上海到硅谷的GOOGLE 交互設(shè)計(jì)師王斯捷》
6. 《專訪丨從迪士尼到紀(jì)念碑谷的中國(guó)設(shè)計(jì)師》
7. 《FACEBOOK 設(shè)計(jì)師張寧夏：斯坦福大學(xué)的人機(jī)交互專業(yè)是怎樣的？》
8. 《FACEBOOK 資深設(shè)計(jì)師何如佳：當(dāng)扎克伯格是你的產(chǎn)品經(jīng)理時(shí)》
9. 《趁年輕做些更有挑戰(zhà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ì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

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