我是一個(gè)有8年工作經(jīng)驗(yàn)的「老」交互設(shè)計(jì)師，一直想寫一些設(shè)計(jì)類的文章給大家看。今天開始，我準(zhǔn)備寫一個(gè)大型設(shè)計(jì)類專題，內(nèi)容是關(guān)于交互設(shè)計(jì)師應(yīng)該具有的技能樹。

為什么要寫這個(gè)？

• 為我自己進(jìn)行一次系統(tǒng)性的專業(yè)知識(shí)框架整理，在整理的過程中完善我對這個(gè)職業(yè)的理解，同時(shí)也能找出自己薄弱的能力項(xiàng)進(jìn)行補(bǔ)充提高。
• 為正在成長中的新人交互設(shè)計(jì)師、希望轉(zhuǎn)行交互的同學(xué)提供一份「技能樹地圖」，讓你們能夠從全局性的視角去觀察這個(gè)職業(yè)，也能知道自己應(yīng)該怎么學(xué)習(xí)和進(jìn)階。
• 視覺設(shè)計(jì)師以及其他職業(yè)的同學(xué)也能參考這份技能樹搭建自己的地圖，還能從這份地圖上找到我們之間的共性，一起學(xué)習(xí)和提高這部分共性能力。

一、交互設(shè)計(jì)師技能樹

△ 注意這張圖不是最終版，它只是V1.3，在寫這個(gè)專題的過程中我都會(huì)對它進(jìn)行迭代修正

上面就是我總結(jié)的交互設(shè)計(jì)師需要掌握的技能樹。

我把技能分成兩類，一類是職業(yè)技能，這部分技能高度專業(yè)化，每一個(gè)職業(yè)所需要的能力都會(huì)有所不同，當(dāng)然也會(huì)有交集；另一類是通用技能，這部分技能會(huì)貫穿你的整個(gè)職業(yè)生涯，也適合任何一個(gè)職業(yè)，屬于所有人必備的技能。

二、職業(yè)技能的四個(gè)部分

我把交互設(shè)計(jì)師的職業(yè)技能分成了四個(gè)部分。

1. 思維

這是交互設(shè)計(jì)師的大腦。無論是他接到產(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ì)出來的東西一定是平庸的，甚至可能是根本不可用的。

它包含五種思維：

• 產(chǎn)品思維
• 用戶思維
• 邏輯思維
• 視覺思維
• 開發(fā)思維

2. 眼界

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

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

• 交互模型
• 用戶心理
• 平臺(tái)規(guī)范
• 設(shè)計(jì)流程

3. 手段

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

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

• 原型工具
• 設(shè)計(jì)軟件
• 用研方法
• 編程語言
• 文檔工具

4. 精神

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

它包含兩種精神：

• 同理心
• 探索欲

三、好戲即將開始

看到上面的這個(gè)提綱，我自己都頭皮發(fā)麻：我怎么給自己挖了這么一個(gè)大坑，這簡直是要寫出一本書的節(jié)奏。

將網(wǎng)狀的思想，通過樹狀的句法，用線性的文字展開。——平克（Steven Pinker）美國認(rèn)知科學(xué)家

平克的這句話，道盡了寫作之難，更形象地說明了我此時(shí)此刻內(nèi)心是有多么地糾結(jié)。

不只是交互設(shè)計(jì)師，當(dāng)代任何一個(gè)職業(yè)所需要掌握的能力其實(shí)都是綜合能力，只具備單一維度能力的人不是無法勝任崗位，就是在職業(yè)道路上舉步維艱。現(xiàn)在連路邊攤烤面筋的師傅都要學(xué)會(huì)如何使用移動(dòng)支付收款了，更何況還有大量的民間手藝人開始學(xué)會(huì)使用互聯(lián)網(wǎng)營銷手段，給自己的小店帶來了以前難以想象的流量。

而要把這種復(fù)雜的、多維度的能力拆散、鋪平展開，然后用線性的文字表現(xiàn)出來，真的讓我有一種無從說起的感覺，因?yàn)槠鋵?shí)技能樹上的任何一種能力多少都會(huì)和別的能力彼此交叉，并且任何一種能力甚至都不是一兩篇文章能講清楚的，更何況這一整棵技能樹了。

因此我思慮再三，決定還是以一個(gè)比較宏觀的角度來介紹各個(gè)技能維度，以闡述為主，適當(dāng)加一些案例做講解，點(diǎn)到為止，以免篇幅一發(fā)不可收拾了。

接下來，我會(huì)將這四個(gè)部分各用幾篇文章來簡單介紹，敬請期待！

四、產(chǎn)品思維篇

交互設(shè)計(jì)師應(yīng)該具有的第一種思維是產(chǎn)品思維。

這是交互設(shè)計(jì)師的大腦。無論是他接到產(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ì)出來的東西一定是平庸的，甚至可能是根本不可用的。

1. 什么是產(chǎn)品思維

歡聚時(shí)代（YY）創(chuàng)始人李學(xué)凌有個(gè)簽名：

Make things，Change things.做東西，改變東西。

美團(tuán)創(chuàng)始人王興也有個(gè)簽名：

Create as god，Work as slave.像上帝一樣創(chuàng)造，像奴隸一樣工作。

這是《產(chǎn)品思維30講》作者梁寧很喜歡的兩句話，因?yàn)樗鼈冎v出了產(chǎn)品經(jīng)理的故事，我覺得這同樣是交互設(shè)計(jì)師的故事，也是我為什么喜歡做交互設(shè)計(jì)、做產(chǎn)品設(shè)計(jì)的原因。

擁有產(chǎn)品能力的人一手握著用戶需求，一手握著實(shí)現(xiàn)需求的能力，這種從無到有實(shí)現(xiàn)的過程，不正是像上帝一樣在創(chuàng)造東西、改變東西嗎？但同時(shí)，為了做到自己心目中的極致產(chǎn)品，為了做出真正滿足用戶需求的產(chǎn)品，又需要我們像奴隸一樣拼命工作才能實(shí)現(xiàn)。

要講清楚產(chǎn)品思維是什么，一定先要介紹這個(gè)用戶體驗(yàn)的五個(gè)要素：

做一款產(chǎn)品，要思考的主要是這三個(gè)問題：

• 為什么做：我們希望解決用戶的什么需求，這是用戶的痛點(diǎn)、爽點(diǎn)還是癢點(diǎn)？（需求分析）為什么是我們來做？（核心競爭力）我們的遠(yuǎn)期目標(biāo)是什么？（產(chǎn)品目標(biāo)或商業(yè)目標(biāo)）
• 做什么：用戶想買一個(gè)打孔機(jī)，我們就該給他一個(gè)打孔機(jī)嗎？其實(shí)他的最終目標(biāo)是要在墻上打一個(gè)孔，那我們就有無數(shù)種辦法幫他實(shí)現(xiàn)這個(gè)目標(biāo)，盡管別人已經(jīng)做了各種打孔機(jī)了，但是最簡單的辦法難道不是上門幫他打一個(gè)孔嗎？換言之，就是尋找他們想要的，以及我們能做好的。（功能定義）
• 怎么做：想好了要做什么功能，接下來就是規(guī)劃第一期我們要實(shí)現(xiàn)的功能點(diǎn)，怎樣最快地滿足用戶需求，最基本的功能是什么？（功能規(guī)劃）設(shè)計(jì)上要怎么去實(shí)現(xiàn)，怎樣做才能比別人體驗(yàn)好？（設(shè)計(jì)規(guī)劃）開發(fā)上要怎么形成壁壘，系統(tǒng)怎樣運(yùn)行效率最高？（技術(shù)實(shí)現(xiàn)）

產(chǎn)品經(jīng)理是站在兩個(gè)十字點(diǎn)交叉線上，一條線是科技和人文的交匯點(diǎn)；另一條線是要用戶和技術(shù)實(shí)現(xiàn)的交叉點(diǎn)，這兩條線是互相沖突的，產(chǎn)品經(jīng)理需要平衡好用戶的需求和實(shí)現(xiàn)的能力，不是通過中庸解決，而是兩條線都要做到，這就是產(chǎn)品思維。——王小川，搜狗CEO

很多設(shè)計(jì)師在做設(shè)計(jì)的時(shí)候只考慮了表現(xiàn)層和框架層的東西，很少去想我們究竟為什么要做這個(gè)需求，只停留在表面的美妙呈現(xiàn)上，做出的東西卻往往既抓不住用戶痛點(diǎn)，也滿足不了商業(yè)需求。而產(chǎn)品思維正是要我們從下到上，從宏觀到微觀，從抽象到具體地去思考整個(gè)產(chǎn)品，最終才能將互相沖突的兩條線平衡好。

2. 什么是好的產(chǎn)品思維

都說騰訊的產(chǎn)品、百度的技術(shù)、阿里的運(yùn)營，至少我對騰訊的產(chǎn)品能力是充滿信心的，這也是我最喜歡騰訊的原因。

「誰提出，誰執(zhí)行」和「一旦做大，獨(dú)立成軍」算是騰訊內(nèi)部不成文的規(guī)定，這一特殊的模式無形中也造就了「賽馬機(jī)制」。當(dāng)年的《王者榮耀》和《全民超神》之爭，最終奠定了《王者榮耀》手游第一 MOBA 游戲的地位；最近兩款絕地求生手游的內(nèi)部競爭，也保證了最終《刺激戰(zhàn)場》的高質(zhì)量。而這些競爭的本質(zhì)，拼的就是雙方的產(chǎn)品思維，究竟怎樣的功能才是用戶最喜歡的，要怎么實(shí)現(xiàn)最流暢舒爽的操作體驗(yàn)？

而如果讓我選一款產(chǎn)品來講產(chǎn)品思維，那毫無疑問是當(dāng)年在移動(dòng)互聯(lián)網(wǎng)中殺出一條血路的微信；如果要找一個(gè)人來當(dāng)產(chǎn)品思維的老師，微信之父張小龍當(dāng)之無愧。

做產(chǎn)品只講究對錯(cuò)

要做一個(gè)好的事情，應(yīng)該做的是去判斷該不該做，什么是對的什么是錯(cuò)的，這是很理性的過程，而不是靠情懷和克制。

在微信內(nèi)部，他們從來沒有說過要克制欲望，也沒有說過「情懷」這兩個(gè)字，張小龍的態(tài)度是：「如果只是從利益的角度出發(fā)，可能會(huì)讓產(chǎn)品越走越偏，變成它里面只是一些利益的堆砌，就會(huì)失去產(chǎn)品更本質(zhì)的東西。」

所以盡管微信的功能迭代得并不算快，但其實(shí)他們內(nèi)部每天都在不停地設(shè)計(jì)新功能、新界面，「現(xiàn)在你正在用的一個(gè)功能，很可能就是我們砍了三百多個(gè)功能后留下的。」

一位工程師只用一周的時(shí)間就瘋狂開發(fā)出了四款「打飛機(jī)」游戲，其中包括彩色版、懷舊黑白版，甚至還有界面上不時(shí)冒出雞鴨等各種小動(dòng)物的搞笑版，最終張小龍選中了黑白像素風(fēng)的那款，它成為了微信5.0的歡迎界面，也成了風(fēng)靡全國，給微信帶來無數(shù)新用戶的「打飛機(jī)」小游戲。也正是這個(gè)5.0版本，讓大家記住了，原來利用微信的社交屬性玩游戲這么有意思，從此奠定了后來「微信游戲」這個(gè)游戲分發(fā)巨無霸的心理基礎(chǔ)。

羅胖說「死磕自己，愉悅大家」，其實(shí)微信團(tuán)隊(duì)又何嘗不是如此，所以我真的相信每一位設(shè)計(jì)師都應(yīng)該「Create as god，Work as slave.」

做產(chǎn)品要尊重用戶

微信秉承了騰訊的價(jià)值觀——尊重用戶。他們把用戶當(dāng)做朋友，對用戶的稱呼一直是「你」而不是「您」，他們不喜歡那種過于尊敬，想要有所圖謀的感覺。

尊重用戶意味著微信不會(huì)去看用戶的聊天記錄，微信也從來不保留用戶的聊天記錄。盡管有人會(huì)挑戰(zhàn)微信說為什么你不幫我同步聊天記錄，這樣在換手機(jī)的時(shí)候我就能在新手機(jī)中看過去的聊天記錄，但是從用戶隱私的角度來講，不保留是最安全的。而換機(jī)同步聊天記錄的辦法，現(xiàn)在也是有了，寧可麻煩一點(diǎn)，他們也始終保證初衷不改，安全第一。

微信不會(huì)給用戶發(fā)任何騷擾信息，也不允許第三方做誘導(dǎo)用戶的行為。盡管這給公眾號運(yùn)營帶來了很多不便，小程序也有諸多限制，但是正是這種鄭重的態(tài)度，讓微信能夠運(yùn)營至今仍保持一顆純凈的心，這種用戶體驗(yàn)只有這種產(chǎn)品心態(tài)才能帶來。

做產(chǎn)品要分清步驟

今天我們都已經(jīng)非常依賴微信了，用它來聊天、支付、玩游戲、訂票和買東西，仿佛一切都是天經(jīng)地義的。但實(shí)際上微信也是從一個(gè)非常簡陋的版本開始，一點(diǎn)一點(diǎn)迭代，最終成為了今天的樣子。

它在誕生之初的定義就非常明確——熟人間的通訊工具。因此它的1.0版功能只有四個(gè)：

• 導(dǎo)入通訊錄；
• 發(fā)送信息；
• 發(fā)送圖片；
• 設(shè)置頭像和微信名。

是不是很簡陋？連加好友的功能都沒有，語音功能也沒有，更不用說朋友圈了。但是它的定位很清晰，熟人關(guān)系都是基于手機(jī)通訊錄的，因此就算只有這幾個(gè)功能，你同樣能建立聯(lián)系、開始聊天。而同時(shí)期的米聊，功能比微信強(qiáng)大太多，又基于 MIUI 和小米的生態(tài)，有龐大的粉絲和用戶基礎(chǔ)，這怎么能打得贏？

微信2.0時(shí)的用戶數(shù)是400萬，而米聊有1000萬。

微信2.1里加了一個(gè)新功能，叫「好友驗(yàn)證」。

隨后2.2版本推出了一個(gè)核心功能「查看附近的人」，這一功能當(dāng)然需要「好友驗(yàn)證」，否則用戶都會(huì)被騷擾得很慘。而正是這一功能的推出，讓微信用戶數(shù)增加到了2000萬，和仍然專注熟人社交的米聊拉開了差距。

直到3.0版本推出了「搖一搖」功能，又是和前兩個(gè)功能相關(guān)聯(lián)，但是比「查看附近的人」更強(qiáng)、更有意思，在這之后微信用戶破億，而米聊的峰值永遠(yuǎn)停留在了3000萬。

你開始做產(chǎn)品的時(shí)候永遠(yuǎn)只能是一個(gè)「點(diǎn)」，但只要你能做好未來功能規(guī)劃的「線」，進(jìn)而布局產(chǎn)品綜合競爭力的「面」，你就能用你的產(chǎn)品思維打贏曾經(jīng)高不可攀的對手。

3. 怎么培養(yǎng)產(chǎn)品思維

多用產(chǎn)品思維思考問題

看到喬布斯剛發(fā)布 iPad 時(shí)，不要急著去嘲笑他，「怎么有人會(huì)用一個(gè)這么大又沒有鍵盤的電腦？要替代手機(jī)又嫌重，還沒有3G 網(wǎng)絡(luò)。」不妨多問個(gè)為什么，它有什么使用場景，它和競品相比有什么優(yōu)勢，在蘋果的產(chǎn)品線中是什么地位，蘋果未來的規(guī)劃是什么？

多做競品分析

這里說的競品不只是你行業(yè)的競品，也可以是互聯(lián)網(wǎng)行業(yè)的任何產(chǎn)品。去觀察它的產(chǎn)品思路，它的用戶，它的盈利模式，它的功能規(guī)劃，迭代步驟。

好的產(chǎn)品是一本書，但是需要你自己去翻，自己去想。

歡迎關(guān)注作者的微信公眾號：「落羽敬齋」

「交互設(shè)計(jì)師應(yīng)具備的產(chǎn)品思維」

• 《交互設(shè)計(jì)師為什么需要具備產(chǎn)品思維？》
• 《實(shí)戰(zhàn)經(jīng)驗(yàn)！如何從設(shè)計(jì)思維轉(zhuǎn)變?yōu)楫a(chǎn)品思維？》
• 《網(wǎng)易嚴(yán)選設(shè)計(jì)師：如何提高產(chǎn)品思維？》

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

優(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)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com