交互技能樹01 | 交互設計師該會的技能有哪些？

這篇文章是我在個人的微信公眾號「落羽敬齋」中更新的一個專題文章，發上來給大家一起討論，希望能夠得到一些建議和反饋。

我是一個有8年工作經驗的「老」交互設計師，一直想寫一些設計類的文章給大家看：今天開始，我準備寫一個大型設計類專題，內容是關於交互設計師應該具有的技能樹。

為什麼要寫這個？

1. 為我自己進行一次系統性的專業知識框架整理，在整理的過程中完善我對這個職業的理解，同時也能找出自己薄弱的能力項進行補充提高；
2. 為正在成長中的新人交互設計師、希望轉行交互的同學提供一份「技能樹地圖」，讓你們能夠從全局性的視角去觀察這個職業，也能知道自己應該怎麼學習和進階；
3. 視覺設計師以及其他職業的同學也能參考這份技能樹搭建自己的地圖，還能從這份地圖上找到我們之間的共性，一起學習和提高這部分共性能力。

交互設計師技能樹

上面就是我總結的交互設計師需要掌握的技能樹。

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

職業技能的四個部分

我把交互設計師的職業技能分成了四個部分，分別是：

1. 思維

這是交互設計師的大腦。無論是他接到產品經理需求時，還是在做具體的設計時，亦或是平時生活中體驗產品時，他的大腦中時刻都運轉著這些思維方式，指導他與他人的溝通協作，指導他產出設計思路，指導他觀察這個世界。這一部分的內容至關重要，如果這些思維有所欠缺，那他設計出來的東西一定是平庸的，甚至可能是根本不可用的。

它包含五種思維：

1. 產品思維
2. 用戶思維
3. 邏輯思維
4. 視覺思維
5. 開發思維

2. 眼界

這是交互設計師的眼睛和藏書庫。有句話說得好，「道理我都懂，卻依然過不好這一生。」思維方式有了，你還需要有一定的專業知識、行業案例的積累才行，否則就算你想得很好，但是真到你要動手設計的時候，你會發現還是無從下手，因為你看得不夠多。就像你要想成為一名文學作家，首先就得有十年以上的閱讀量，涉獵古今中外各種文學名著和各種文體，你才有可能寫出文筆流暢、故事生動的散文或者小說來。就算你只想當一名野生的網文寫手，那也得先看他個幾千萬字的各類網路小說不是么？

它有四個藏書閣：

1. 交互模型
2. 用戶心理
3. 平台規範
4. 設計流程

3. 手段

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

它有五個武器庫：

1. 原型工具
2. 設計軟體
3. 用研方法
4. 編程語言
5. 文檔工具

4. 精神

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

它包含兩種精神：

1. 同理心
2. 探索欲

好戲即將開始

看到上面的這個提綱，我自己都頭皮發麻：我怎麼給自己挖了這麼一個大坑！這簡直是要寫出一本書的節奏！

「將網狀的思想，通過樹狀的句法，用線性的文字展開。」

——平克（Steven Pinker）

美國認知科學家

平克的這句話，道盡了寫作之難，更形象地說明了我此時此刻內心是有多麼地糾結。

不只是交互設計師，當代任何一個職業所需要掌握的能力其實都是綜合能力，只具備單一維度能力的人不是無法勝任崗位，就是在職業道路上舉步維艱，君不見現在連個擺路邊攤烤麵筋的師傅都要學會如何使用移動支付收款嗎？更何況還有大量的民間手藝人開始學會使用互聯網營銷手段，給自己的小店帶來了以前難以想像的流量。

而要把這種複雜的、多維度的能力拆散、鋪平展開，然後用線性的文字表現出來，真的讓我有一種無從說起的感覺，因為其實技能樹上的任何一種能力多少都會和別的能力彼此交叉，並且任何一種能力甚至都不是一兩篇文章能講清楚的，更何況這一整棵技能樹了。

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

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

產品思維篇

交互設計師應該具有的第一種思維是產品思維。

這是交互設計師的大腦。無論是他接到產品經理需求時，還是在做具體的設計時，亦或是平時生活中體驗產品時，他的大腦中時刻都運轉著這些思維方式，指導他與他人的溝通協作，指導他產出設計思路，指導他觀察這個世界。這一部分的內容至關重要，如果這些思維有所欠缺，那他設計出來的東西一定是平庸的，甚至可能是根本不可用的。

一、什麼是產品思維

歡聚時代（YY）創始人李學凌有個簽名：

Make things，Change things.

做東西，改變東西。

美團創始人王興也有個簽名：

Create as god，Work as slave.

像上帝一樣創造，像奴隸一樣工作。

這是《產品思維30講》作者梁寧很喜歡的兩句話，因為它們講出了產品經理的故事，我覺得這同樣是交互設計師的故事，也是我為什麼喜歡做交互設計、做產品設計的原因。

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

要講清楚產品思維是什麼，一定先要介紹這個用戶體驗的五個要素：

做一款產品，要思考的主要是這三個問題：

1. 為什麼做：我們希望解決用戶的什麼需求，這是用戶的痛點、爽點還是癢點？（需求分析）為什麼是我們來做？（核心競爭力）我們的遠期目標是什麼？（產品目標或商業目標）
2. 做什麼：用戶想買一個打孔機，我們就該給他一個打孔機嗎？其實他的最終目標是要在牆上打一個孔，那我們就有無數種辦法幫他實現這個目標，儘管別人已經做了各種打孔機了，但是最簡單的辦法難道不是上門幫他打一個孔嗎？換言之，就是尋找他們想要的，以及我們能做好的。（功能定義）
3. 怎麼做：想好了要做什麼功能，接下來就是規劃第一期我們要實現的功能點，怎樣最快地滿足用戶需求，最基本的功能是什麼？（功能規劃）設計上要怎麼去實現，怎樣做才能比別人體驗好？（設計規劃）開發上要怎麼形成壁壘，系統怎樣運行效率最高？（技術實現）

「產品經理是站在兩個十字點交叉線上，一條線是科技和人文的交匯點；另一條線是要用戶和技術實現的交叉點，這兩條線是互相衝突的，產品經理需要平衡好用戶的需求和實現的能力，不是通過中庸解決，而是兩條線都要做到，這就是產品思維。」

——王小川，搜狗CEO

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

二、什麼是好的產品思維

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

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

而如果讓我選一款產品來講產品思維，那毫無疑問是當年在移動互聯網中殺出一條血路的微信；如果要找一個人來當產品思維的老師，微信之父張小龍當之無愧。

做產品只講究對錯

要做一個好的事情，應該做的是去判斷該不該做，什麼是對的什麼是錯的，這是很理性的過程，而不是靠情懷和剋制。

在微信內部，他們從來沒有說過要剋制慾望，也沒有說過「情懷」這兩個字，張小龍的態度是：「如果只是從利益的角度出發，可能會讓產品越走越偏，變成它裡面只是一些利益的堆砌，就會失去產品更本質的東西。」

所以儘管微信的功能迭代得並不算快，但其實他們內部每天都在不停地設計新功能、新界面，「現在你正在用的一個功能，很可能就是我們砍了三百多個功能後留下的。」

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

羅胖說「死磕自己，愉悅大家」，其實微信團隊又何嘗不是如此，所以我真的相信每一位設計師都應該「Create as god，Work as slave.」

做產品要尊重用戶

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

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

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

做產品要分清步驟

今天我們都已經非常依賴微信了，用它來聊天、支付、玩遊戲、訂票和買東西，彷彿一切都是天經地義的。但實際上微信也是從一個非常簡陋的版本開始，一點一點迭代，最終成為了今天的樣子。

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

1. 導入通訊錄；
2. 發送信息；
3. 發送圖片；
4. 設置頭像和微信名。

是不是很簡陋？連加好友的功能都沒有，語音功能也沒有，更不用說朋友圈了。但是它的定位很清晰，熟人關係都是基於手機通訊錄的，因此就算只有這幾個功能，你同樣能建立聯繫、開始聊天。而同時期的米聊，功能比微信強大太多，又基於MIUI和小米的生態，有龐大的粉絲和用戶基礎，這怎麼能打得贏？

微信2.0時的用戶數是400萬，而米聊有1000萬。

微信2.1里加了一個新功能，叫「好友驗證」。

隨後2.2版本推出了一個核心功能「查看附近的人」，這一功能當然需要「好友驗證」，否則用戶都會被騷擾得很慘。而正是這一功能的推出，讓微信用戶數增加到了2000萬，和仍然專註熟人社交的米聊拉開了差距。

直到3.0版本推出了「搖一搖」功能，又是和前兩個功能相關聯，但是比「查看附近的人」更強、更有意思，在這之後微信用戶破億，而米聊的峰值永遠停留在了3000萬。

你開始做產品的時候永遠只能是一個「點」，但只要你能做好未來功能規劃的「線」，進而布局產品綜合競爭力的「面」，你就能用你的產品思維打贏曾經高不可攀的對手。

三、怎麼培養產品思維

1. 多用產品思維思考問題

看到喬布斯剛發布iPad時，不要急著去嘲笑他，「怎麼有人會用一個這麼大又沒有鍵盤的電腦？要替代手機又嫌重，還沒有3G網路。」不妨多問個為什麼，它有什麼使用場景，它和競品相比有什麼優勢，在蘋果的產品線中是什麼地位，蘋果未來的規劃是什麼？

2. 多做競品分析

這裡說的競品不只是你行業的競品，也可以是互聯網行業的任何產品。去觀察它的產品思路，它的用戶，它的盈利模式，它的功能規劃，迭代步驟。

好的產品是一本書，但是需要你自己去翻，自己去想。

PS：這個系列的文章只是我個人的見解，我在每個周末都會更新兩篇，然後同步發上來。經驗和視野所限，內容難免會有一些錯漏，還望各位大神指正和討論，我會不斷進行修改和補充的~

下篇鏈接：設計師的用戶思維