前段時(shí)間，小摹看完了一本書(shū)——《交互思維》。作者通過(guò)九年的不斷思考與總結(jié)，為交互設(shè)計(jì)師們描繪了一張技能樹(shù)地圖，讀者可以按圖索驥，迅速找到自己的不足，有的放矢地學(xué)習(xí)和鉆研交互設(shè)計(jì)技能。

今天，小摹邀請(qǐng)到了本書(shū)的作者——騰訊高級(jí)交互設(shè)計(jì)師WingST老師，來(lái)為大家分享他的經(jīng)驗(yàn)與心得~

Q：老師您好，很榮幸您能接受我們的采訪，首先請(qǐng)跟摹客的朋友們打個(gè)招呼吧~

摹客的小伙伴們大家好，我叫WingST，是騰訊的高級(jí)交互設(shè)計(jì)師、騰訊學(xué)院認(rèn)證講師，工作10年了，目前在 PCG 負(fù)責(zé)信息流商業(yè)化的用戶體驗(yàn)設(shè)計(jì)。

負(fù)責(zé)過(guò)的產(chǎn)品有騰訊電腦管家11.0、加速小火箭2.0的改版升級(jí)。騰訊手游助手的多個(gè)版本的迭代以及騰訊網(wǎng)游助手、樂(lè)高無(wú)限手游等項(xiàng)目。曾在OPPO手機(jī)、金蝶軟件等企業(yè)工作，有著PC、Web、移動(dòng)端等多平臺(tái)的豐富設(shè)計(jì)經(jīng)驗(yàn)。兩年多前開(kāi)始寫(xiě)自己個(gè)人的公眾號(hào)「落羽敬齋」，當(dāng)時(shí)是想用寫(xiě)作輸出的方式來(lái)倒逼自己進(jìn)行一個(gè)內(nèi)容積累輸入，隨著自己公眾號(hào)內(nèi)容的積攢也逐漸有了上萬(wàn)的粉絲，之后出了一本書(shū)——《交互思維：詳解交互設(shè)計(jì)師技能樹(shù)》，也算是圓了自己的一個(gè)寫(xiě)作夢(mèng)吧。

Q：我們了解到您之前并不是設(shè)計(jì)出身，為什么會(huì)走上交互設(shè)計(jì)師的道路呢？

我在大學(xué)的時(shí)候?qū)W的是物理專業(yè)，那個(gè)時(shí)候跟設(shè)計(jì)完全沒(méi)關(guān)系，但是我從小就很喜歡畫(huà)畫(huà)。大學(xué)的時(shí)候在宣傳部里面自學(xué)PS，大三大四的時(shí)候會(huì)幫外面的論壇做一點(diǎn)設(shè)計(jì)的東西，然后就跑來(lái)深圳這邊實(shí)習(xí)了。

后來(lái)畢業(yè)的時(shí)候有個(gè)機(jī)會(huì)進(jìn)入OPPO，在那里待了三年的時(shí)間。雖然做的是編輯，但是我很喜歡設(shè)計(jì)，我在工作過(guò)程中會(huì)反復(fù)去做一些跟網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的東西，最后的結(jié)果就是，我成了整個(gè)部門(mén)里面最懂設(shè)計(jì)的人。之后這個(gè)部門(mén)成立了一個(gè)專門(mén)做官網(wǎng)的小組，我就被提拔成了負(fù)責(zé)整個(gè)設(shè)計(jì)環(huán)節(jié)的Leader。

后來(lái)接觸交互是因?yàn)槲覀兝洗蟾艺f(shuō)，去看看交互設(shè)計(jì)師是干嘛的，看現(xiàn)在做設(shè)計(jì)是個(gè)什么流程，都在做用戶體驗(yàn)了，你們卻還在做美工，要不研究一下他們現(xiàn)在的流程。所以我就去研究了。

那個(gè)時(shí)候交互視覺(jué)開(kāi)發(fā)我都做過(guò)，從這些經(jīng)歷中，我也發(fā)現(xiàn)了自己最擅長(zhǎng)什么。那時(shí)大概是09年，交互設(shè)計(jì)也剛剛開(kāi)始發(fā)展，只有在一些大的互聯(lián)網(wǎng)公司才有專門(mén)的交互團(tuán)隊(duì)，像騰訊的CDC就是當(dāng)時(shí)設(shè)計(jì)師心目中最好的地方。

進(jìn)騰訊一直是我的夢(mèng)想。我在剛畢業(yè)的時(shí)候，甚至還去應(yīng)聘過(guò)騰訊拍拍網(wǎng)的電話客服，因?yàn)槟鞘钱?dāng)時(shí)我在人才市場(chǎng)上唯一能找到的騰訊在招并愿意讓我去面試的崗位。

我每一次換工作，想去做交互，也想進(jìn)騰訊，但是都沒(méi)有機(jī)會(huì)。在金蝶工作一年之后，大概也是我工作了四五年的時(shí)候，機(jī)會(huì)終于來(lái)了，最后我加入了電腦管家的設(shè)計(jì)團(tuán)隊(duì)。

Q：作為大廠交互設(shè)計(jì)師，您在工作中有沒(méi)有遇到過(guò)什么困難？又是如何解決的呢？

我覺(jué)得最大的困難是在工作中如何找到設(shè)計(jì)方案的破局點(diǎn)，以及如何把自己的設(shè)計(jì)方案推進(jìn)落地——包括說(shuō)服你的直屬領(lǐng)導(dǎo)、產(chǎn)品經(jīng)理、視覺(jué)同學(xué)、開(kāi)發(fā)同學(xué)甚至是運(yùn)營(yíng)和商務(wù)，有時(shí)候還需要向更高層比如總經(jīng)理、副總裁級(jí)別的大佬匯報(bào)。

一開(kāi)始我和大多數(shù)新入行的同學(xué)一樣，只會(huì)直愣愣地講述自己的設(shè)計(jì)細(xì)節(jié)，覺(jué)得只要把每個(gè)點(diǎn)設(shè)計(jì)到位，大家自然能夠理解和接受。

實(shí)際上根本不是這樣子的。在做過(guò)各種項(xiàng)目，和各種角色打交道之后，我發(fā)現(xiàn)要讓你的方案真正有說(shuō)服力，最重要的是你的方案要有一個(gè)從產(chǎn)品維度和用戶維度出發(fā)的落腳點(diǎn)。只有先明白了我們?yōu)槭裁醋鲞@款產(chǎn)品、這個(gè)功能，做出來(lái)之后給誰(shuí)用，在什么時(shí)間、什么地點(diǎn)、什么場(chǎng)景下使用，你才能設(shè)計(jì)好核心的功能點(diǎn)，以及這里面的每個(gè)細(xì)節(jié)。

在講述方案的時(shí)候，我們則需要切換到對(duì)方的視角來(lái)向他解釋自己的設(shè)計(jì)思路。比如對(duì)象是產(chǎn)品經(jīng)理，我們要講的就是這樣設(shè)計(jì)是如何解決用戶痛點(diǎn)的，最終又會(huì)怎樣提升產(chǎn)品的指標(biāo)，還可以主動(dòng)設(shè)計(jì)一些測(cè)試和問(wèn)卷來(lái)確認(rèn)方向的正確性。又比如對(duì)象是開(kāi)發(fā)同學(xué)，我們則需要講述自己的方案如何實(shí)現(xiàn)起來(lái)難度更低，如何保障邏輯的嚴(yán)謹(jǐn)性，功能的優(yōu)先級(jí)等等。

掌握了這些之后，我在推進(jìn)方案時(shí)就很少遇到阻力了，和每個(gè)合作伙伴也都能保持良好的關(guān)系。

Q：您的作品《交互思維》對(duì)于許多設(shè)計(jì)師來(lái)說(shuō)獲益匪淺，相信大家都很好奇，您當(dāng)初為什么會(huì)想到要寫(xiě)這本書(shū)的呢？

我一直喜歡寫(xiě)東西，這個(gè)寫(xiě)東西的習(xí)慣應(yīng)該是從很小的時(shí)候就養(yǎng)成了，就像大家都有寫(xiě)日記的習(xí)慣一樣。在大學(xué)的時(shí)候，這個(gè)習(xí)慣成為了一種心情的釋放，但那時(shí)候?qū)懙臇|西都只是給自己看的。

在騰訊待了幾年之后，我發(fā)現(xiàn)自己在方法論上的積累還不夠，需要找到一種方式，一方面是可以反思和沉淀，另一方面是逼自己不停地去看書(shū)。

在我剛開(kāi)始準(zhǔn)備每天寫(xiě)作的第二天，剛好就看到了一本書(shū)——《刻意學(xué)習(xí)》，如果沒(méi)有看到這本書(shū)，我估計(jì)我這個(gè)想法可能持續(xù)不過(guò)十天。這本書(shū)的作者為自己制定了一個(gè)宏偉的計(jì)劃，寫(xiě)作1000天，然后他花了兩年多的時(shí)間寫(xiě)出了這本書(shū)。

于是我也給自己制定了寫(xiě)作1000天的計(jì)劃，然后就開(kāi)始堅(jiān)持。

這個(gè)計(jì)劃執(zhí)行起來(lái)有很多“泯滅人性”的地方。舉個(gè)例子，春節(jié)的時(shí)候大家一定都在放松，都在放鞭炮、在玩、在串門(mén)吃飯，但是我還是必須每天寫(xiě)，那怎么辦？今天我還得看書(shū)，半夜凌晨三四點(diǎn)我還得寫(xiě)。我說(shuō)了我每天都得寫(xiě)，所以我不能停，就是那種感覺(jué)。還有一個(gè)例子，大家年會(huì)去惠州做尾牙團(tuán)建的時(shí)候，我也帶著筆記本，吃完飯之后有那么幾個(gè)小時(shí)的時(shí)間，我就趕緊把文章寫(xiě)出來(lái)，發(fā)了之后再跟他們出去喝酒。

Q：您在書(shū)中分享了自己的學(xué)習(xí)成長(zhǎng)經(jīng)驗(yàn)以及交互設(shè)計(jì)師的技能樹(shù)，能簡(jiǎn)單概括下初學(xué)交互的人應(yīng)該要掌握哪些技能嗎？

這正是本書(shū)的主題，也是我學(xué)交互以來(lái)一直存在的一個(gè)疑問(wèn)：交互設(shè)計(jì)師到底該掌握哪些技能？怎樣才能從一個(gè)新手成長(zhǎng)為一位合格的交互設(shè)計(jì)師？

我把這些技能概括為四個(gè)方向：思維、眼界、手段和精神。

1. 思維

這是交互設(shè)計(jì)師的大腦。無(wú)論是他接到產(chǎn)品經(jīng)理需求時(shí)，還是在做具體的設(shè)計(jì)時(shí)，亦或是平時(shí)生活中體驗(yàn)產(chǎn)品時(shí)，他的大腦中時(shí)刻都運(yùn)轉(zhuǎn)著這些思維方式，指導(dǎo)他與他人溝通協(xié)作，指導(dǎo)他產(chǎn)出設(shè)計(jì)思路，指導(dǎo)他觀察這個(gè)世界。這一部分的內(nèi)容至關(guān)重要，如果這些思維有所欠缺，那他設(shè)計(jì)出來(lái)的東西一定是平庸的，甚至可能是根本不可用的。

它包含五種思維：

1. 產(chǎn)品思維

2. 用戶思維

3. 邏輯思維

4. 視覺(jué)思維

5. 開(kāi)發(fā)思維

2. 眼界

這是交互設(shè)計(jì)師的眼睛和藏書(shū)庫(kù)。有句話說(shuō)得好，“道理我都懂，卻依然過(guò)不好這一生。”思維方式有了，你還需要有一定的專業(yè)知識(shí)、行業(yè)案例的積累才行，否則就算你想得很好，但是真到你要?jiǎng)邮衷O(shè)計(jì)的時(shí)候，你會(huì)發(fā)現(xiàn)還是無(wú)從下手，因?yàn)槟憧吹貌粔蚨唷＞拖衲阋氤蔀橐幻膶W(xué)作家，首先就得有十年以上的閱讀量，涉獵古今中外各種文學(xué)名著和各種文體，你才有可能寫(xiě)出文筆流暢、故事生動(dòng)的散文或者小說(shuō)來(lái)。就算你只想當(dāng)一名野生的網(wǎng)文寫(xiě)手，那也得先看他個(gè)幾千萬(wàn)字的各類網(wǎng)絡(luò)小說(shuō)不是么？

它有四個(gè)藏書(shū)閣：

1. 交互模型

2. 用戶心理

3. 平臺(tái)規(guī)范

4. 設(shè)計(jì)流程

3. 手段

這是交互設(shè)計(jì)師的雙手和武器庫(kù)。這應(yīng)該是所有設(shè)計(jì)師最容易注意到的技能，也是最容易掌握的技能了，畢竟如果你不會(huì)一兩個(gè)原型工具和設(shè)計(jì)軟件，你都不好意思說(shuō)自己是交互設(shè)計(jì)師吧？但是這個(gè)武器庫(kù)中又存在著很多容易被人忽略的東西，比如高保真原型工具，比如用研方法，又比如編程語(yǔ)言，這些武器用好了不僅能為你加分，更有可能幫你度過(guò)一些原本過(guò)不去的難關(guān)。同時(shí)，就算是再熟悉不過(guò)的Axure和Sketch，里面也有很多提高效率的小技巧，你比別人每天快的這一點(diǎn)點(diǎn)，就決定了你是真的精通還是假的熟練，也決定了你做項(xiàng)目的效率。

它有五個(gè)武器庫(kù)：

1. 原型工具

2. 設(shè)計(jì)軟件

3. 用研方法

4. 編程語(yǔ)言

5. 文檔工具

4. 精神

這是交互設(shè)計(jì)師的精神內(nèi)核。在以上的三個(gè)部分之外，我又特地補(bǔ)充了精神這個(gè)方面。這是最容易被人忽視的特質(zhì)，其實(shí)也是決定了一個(gè)人能否做好交互設(shè)計(jì)這個(gè)職業(yè)的最關(guān)鍵因素。就像你無(wú)法信任一個(gè)大大咧咧、天然呆的外科醫(yī)生為你做手術(shù)一樣（天知道他會(huì)不會(huì)把剪刀落在你的肚子里），你同樣也無(wú)法相信一個(gè)沒(méi)有探索欲的交互設(shè)計(jì)師會(huì)天天去體驗(yàn)新奇的APP和交互方式；同樣，一個(gè)沒(méi)有同理心的交互也不可能真正體會(huì)到用戶心理、做出用戶真正喜愛(ài)的產(chǎn)品。

它包含兩種精神：

1. 同理心

2. 探索欲

Q：您認(rèn)為交互設(shè)計(jì)師的核心競(jìng)爭(zhēng)力是什么？初級(jí)交互設(shè)計(jì)和高級(jí)交互設(shè)計(jì)的區(qū)別在哪里？

我覺(jué)得交互設(shè)計(jì)師最吸引我的一點(diǎn)，也是我認(rèn)為的它的本質(zhì)，就是在需求還一片混沌的時(shí)候，或者說(shuō)當(dāng)需求有一些初步的架構(gòu)的時(shí)候，交互設(shè)計(jì)師會(huì)從零開(kāi)始把這個(gè)軟件該長(zhǎng)什么樣，每個(gè)步驟該怎么做，諸如此類的整個(gè)地基全部搭出來(lái)，每個(gè)框架都立好之后，再由視覺(jué)去完成外層的包裝工作。從零到一的設(shè)計(jì)是我覺(jué)得交互設(shè)計(jì)師最有魅力的地方。

跟視覺(jué)不一樣，視覺(jué)必須有一個(gè)底層，否則沒(méi)法做設(shè)計(jì)，只能做概念。交互則是把這些東西給串起來(lái)，包括中間的邏輯跳轉(zhuǎn)等，都需要有很多思考：到底怎么樣更方便？怎么樣的組合更合理？這些完全是屬于交互的范疇，雖然產(chǎn)品也可以去思考，但是他沒(méi)有那么多時(shí)間去想這些東西，掌握這些東西，他也不知道很多的心理學(xué)也好，設(shè)計(jì)學(xué)也好的一些理論。這一塊也是初級(jí)交互設(shè)計(jì)師和高級(jí)交互設(shè)計(jì)師最大區(qū)別。

對(duì)于初級(jí)交互設(shè)計(jì)師來(lái)說(shuō)，最常見(jiàn)的做法就是不停地去看競(jìng)品，然后參考它的一些思路去設(shè)計(jì)。高級(jí)的交互設(shè)計(jì)師則是在把所有東西雜糅之后，形成自己很篤定的設(shè)計(jì)方法論，用它來(lái)套出自己的一個(gè)新的框架，然后還能去驗(yàn)證，最終拿出來(lái)一個(gè)跟別人都不一樣，還特別好用的東西。

此外，推動(dòng)力也不一樣。初級(jí)設(shè)計(jì)師基本上只能做到模塊的設(shè)計(jì)或者推動(dòng)模塊的改版，高級(jí)交互設(shè)計(jì)師則能夠做到整個(gè)項(xiàng)目都按照他的思路框架去做。有一個(gè)好的高級(jí)交互設(shè)計(jì)師，產(chǎn)品經(jīng)理是不需要再推進(jìn)設(shè)計(jì)的，后面的事情交互設(shè)計(jì)會(huì)幫他做完。產(chǎn)品需要做的，就是視覺(jué)做完之后，他再去跟開(kāi)發(fā)對(duì)接。

Q：您的團(tuán)隊(duì)在產(chǎn)品設(shè)計(jì)過(guò)程中是否存在協(xié)作的問(wèn)題呢？是如何讓團(tuán)隊(duì)始終保持高效協(xié)作的呢？

我相信很多設(shè)計(jì)團(tuán)隊(duì)都和我們一樣，都在尋找一些合適的工具，可以解決工作中項(xiàng)目管理、設(shè)計(jì)協(xié)作的問(wèn)題。

目前我在團(tuán)隊(duì)中推行的是兩款工具：滴答清單和 Figma。

「滴答清單」是一款 Todolist 任務(wù)管理軟件，它的功能很強(qiáng)大，支持Windows、Mac、iOS、安卓和 Web等，團(tuán)隊(duì)每一個(gè)成員都可以很方便地安裝使用。更重要的是，它還有免費(fèi)的團(tuán)隊(duì)共享任務(wù)清單功能，我們用它來(lái)打造了小團(tuán)隊(duì)內(nèi)部大家都能看到的待辦事項(xiàng)列表，每個(gè)人都可以看到彼此的任務(wù)和完成情況，也能給彼此分配協(xié)調(diào)任務(wù)，比很多專門(mén)的在線項(xiàng)目管理軟件都要來(lái)得方便快捷。

「Figma」則是一款完全不輸于 Sketch 的交互和視覺(jué)設(shè)計(jì)工具，更重要的是它是一款可以在線實(shí)時(shí)協(xié)作的網(wǎng)頁(yè)端工具。當(dāng)我們畫(huà)好交互稿，需要在線討論的時(shí)候，大家可以通過(guò)一個(gè)鏈接快速訪問(wèn)到同一個(gè)稿件，和產(chǎn)品經(jīng)理邊討論邊修改，遠(yuǎn)程就能直接定稿，非常方便。

當(dāng)然我們也發(fā)現(xiàn)了「摹客」這樣逐漸崛起的國(guó)產(chǎn)設(shè)計(jì)協(xié)作平臺(tái)，也在嘗試和體驗(yàn)。

Q：作為國(guó)內(nèi)熱門(mén)的設(shè)計(jì)協(xié)作平臺(tái)，摹客成為了許多團(tuán)隊(duì)的協(xié)作首選平臺(tái)。您覺(jué)得摹客有哪些地方比較吸引您，有哪些地方還需要繼續(xù)改進(jìn)呢？

最近試用了摹客平臺(tái)，我覺(jué)得有幾個(gè)地方比較吸引我：

1. 包含了產(chǎn)品設(shè)計(jì)工作的全流程，從產(chǎn)品文檔、流程圖、原型圖、高保真原型再到設(shè)計(jì)規(guī)范，全都可以在線協(xié)作，非常方便；

2. 原型繪制的時(shí)候，左側(cè)的組件庫(kù)非常豐富，甚至還自帶了各種類型的圖標(biāo)庫(kù)，設(shè)計(jì)App 的時(shí)候可以節(jié)省不少時(shí)間；

3. 可以用全流程的形式概覽原型圖，比 Axure 那種樹(shù)狀目錄要直觀很多。

改進(jìn)的地方嘛，則是希望能夠像 Figma 一樣出一個(gè)桌面客戶端，Web 內(nèi)嵌也沒(méi)關(guān)系，至少快捷鍵沖突會(huì)更少，打開(kāi)和使用也會(huì)更方便。

Q：感謝您的建議，我們也在對(duì)產(chǎn)品進(jìn)行持續(xù)優(yōu)化，希望可以讓更多團(tuán)隊(duì)使用摹客高效設(shè)計(jì)協(xié)作。那么對(duì)于未來(lái)的發(fā)展方向，您是否有規(guī)劃呢？可以跟大家分享一下嗎？

我在上個(gè)月底剛剛結(jié)束了自己的一千天持續(xù)寫(xiě)作計(jì)劃，了結(jié)一樁心愿的同時(shí)，也確立了自己下一個(gè)十年的目標(biāo)：深耕游戲行業(yè)，成為這個(gè)領(lǐng)域的交互專家，最終能夠做出自己和玩家心目中的好游戲。

誠(chéng)然，要完成這個(gè)目標(biāo)并不容易，游戲行業(yè)相比傳統(tǒng)的體驗(yàn)設(shè)計(jì)行業(yè)來(lái)說(shuō)，交互設(shè)計(jì)師的定位還在摸索中。既可以很簡(jiǎn)單地模仿業(yè)界成熟的模式，也可以涉及到策劃、開(kāi)發(fā)的上下游，成為全鏈路的游戲設(shè)計(jì)師。在我看來(lái)，后者才是游戲交互的發(fā)展方向，正如現(xiàn)在用戶體驗(yàn)行業(yè)的設(shè)計(jì)師都在往全棧發(fā)展一樣。

想要做出一款好游戲，要比玩好一百款好游戲困難得多，因?yàn)檫@考驗(yàn)的不僅僅是我們對(duì)于游戲設(shè)計(jì)的理解，還要有一個(gè)好團(tuán)隊(duì)，有成熟的技術(shù)和默契的配合。

我很期待在不遠(yuǎn)的將來(lái)，自己能夠親手實(shí)現(xiàn)這個(gè)夢(mèng)想。

Q：最后，金九銀十招聘季即將到來(lái)，對(duì)于想要入行或跳槽的設(shè)計(jì)師們有沒(méi)有什么建議或心得分享？

第一，不要裸辭，不要裸辭，不要裸辭。我見(jiàn)過(guò)太多裸辭后找工作找到心態(tài)崩潰，最后不得不將就的例子。你得明白，你換工作的目的是找到一份更好的，而不是將就。

第二，作為設(shè)計(jì)師來(lái)說(shuō)，把你自己的作品集當(dāng)成一個(gè)故事來(lái)講很重要，而不是簡(jiǎn)簡(jiǎn)單單地把交互稿、設(shè)計(jì)稿往上一放。 且不說(shuō)別人看不看得清 PPT 里那十幾張圖的細(xì)節(jié)，就算看得清楚，他能明白你在這些界面上所花費(fèi)的心思嗎？你得把你怎么想的，怎么做成這樣的，這樣做有什么好處說(shuō)出來(lái)。

第三，多看看各大公司的招聘需求，特別是在群里、朋友圈轉(zhuǎn)發(fā)的那種，直接投遞到面試官的郵箱，比你在招聘網(wǎng)站上讓 HR 海選簡(jiǎn)歷有效得多。 因?yàn)榍罢叩扔谑侵苯犹^(guò)了兩層以上的漏斗（簡(jiǎn)歷的曝光、HR 的認(rèn)可、面試官的接收），轉(zhuǎn)化率顯而易見(jiàn)。

后 記

感謝WingST老師給大家?guī)?lái)的分享，今天的訪談內(nèi)容對(duì)于小摹來(lái)說(shuō)受益匪淺，相信也可以給每一個(gè)閱讀到這里的設(shè)計(jì)師小伙伴們帶來(lái)頗多幫助。

如果你覺(jué)得意猶未盡，可以關(guān)注WingST老師的微信公眾號(hào)：落羽敬齋，與WingST老師在線討論、分享和交流！