前段時間一直不知道怎麼學習，在網上找到一篇好文章分享給在路上的產品經理

 

　　若是你也是一枚剛入門的交互設計師，是否是常有這樣一種感受：不知從何下手，悶頭讀了一大堆書、學了一大堆軟件、畫了一大堆圖以後仍是感受內心不踏實，總懼怕本身還缺點什麼，巴不得要有本《交互設計學習大綱》就行了。出現這個問題有兩個緣由，一是交互設計師沒有可視性強的產物，交互設計師的產物通常是線框圖、流程圖、信息架構圖、說明文檔等等，但這些東西既不如視覺設計稿華麗精美，也不如程序代碼高貴冷豔，在外行人看來初級交互設計師和高級交互設計師畫的好像都差很少，輕易看不出你修煉到了幾層功力;第二個緣由是交互設計是跨學科的專業，須要學的太多太雜，今天這位大神說要學好PS，明天那位大神又說要學程序，後天又有大神說要學心理學，blablabla…信息量太大、太亂就會致使這種不知所措的局面。

　　今天，我製做了一份「交互設計師的知識架構圖」，以下圖所示，該圖對交互設計師所需的知識儲備進行了梳理，並按照交互設計的通常流程進行排列，從需求分析開始，到信息架構、流程設計，到原型設計，再到可用性測試。以這樣的邏輯爲你們介紹每個環節涉及到的知識，化整爲零，這樣，童鞋們也就能夠採起逐個擊破的方法一步一個腳印學習交互設計，接下來我也會爲你們推薦相應環節涉及到的文章或者書籍，等你所有掌握以後，相信就不會再有不踏實的感受了。

 

 

　　交互設計師的知識架構圖

　　好，開始爲你們解讀這張圖。

　　需求分析

　　通常來講，交互設計的第一個環節就是需求分析，需求分析主要指用戶研究、場景劇本、角色建立以及需求提煉。

　　首先，用戶研究的方法包括用戶訪談、調查問卷、觀察、焦點訪談等。

　　其次，建立人物角色和場景劇本將有利於設計團隊始終圍繞用戶目標進行設計，保證你的設計以用戶爲中心，固然，人物角色和場景劇本不是憑空想象的，而是基於充分的用戶研究提煉出來的。

　　以上兩塊知識在《About Face 3:交互設計精髓》這本書裏都有詳細的介紹，你們必定要把這本書看完看懂。

　　最後，需求提煉這塊，我我的比較喜歡從「人、系統、環境」三個角度進行分析提煉，可是須要注意的是，這三個角度能夠當作是一個公式，要學會靈活運用，針對不一樣的任務、對象，會用不一樣的名詞，好比針對一個實物產品，這個公式就變成「人、物、場景」，針對一個任務則是「人、目標、場景」等等。需求提煉這塊你們能夠參考《產品學堂：萬能的產品策劃公式》,網上也有各類各樣的需求分析的方法，只要精通掌握一種就夠了，最重要的是要有本身的一套原則與流程，而後不斷地拿本身總結的方法去實踐。

　　信息架構和流程設計

　　這一塊須要掌握的知識有：流程圖和信息架構圖的繪製、心理學、邏輯學。

　　流程圖和信息架構圖都是爲了表達交互設計的總體邏輯路徑的工具，一張好的流程圖或信息架構圖對於團隊溝通和開拓思惟都是頗有幫助的。網上有不少相關的學習資料，但網上的文章一般會不夠系統、嚴謹，因此我再給你們推薦兩本書：《高效溝通設計之道》、《交互設計指南》。

　　層次任務分析法是流程設計中的一個重要方法，簡單來講，層次任務分析就是將一個任務進行結構化的分解，將用戶完成任務的過程所須要的每一種狀況和每個動做進行細化整理。這樣分析的好處是你能夠進一步理解用戶是如何使用產品、如何與產品和環境進行交互的，保證設計的邏輯嚴謹性，最終使你的交互流程更加高效和人性化。層次任務分析法能夠從這篇文章裏學習個大概：《層次任務分析》 不過我並不以爲這篇文章很是嚴謹詳細，未來有機會我可能會用一篇文章來單獨爲你們介紹這個方法。

　　心理學和邏輯學能夠說是交互設計師最重要的內功，看起來比較高大上，可能會無從下手，但千萬不要逃避和盲目亂學，要進行系統的、循循漸進的學習。好比心理學你能夠依次學習色彩心理學、設計心理學、認知心理學、行爲心理學，交互設計師是以人爲中心的，琢磨人的認知、記憶心理對於提升你的設計質量相當重要，推薦的書籍有唐納德諾曼的《設計心理學》，埃森克的《認知心理學》，此外，同窗們還能夠看一下我以前的一篇文章：《交互設計與心理學》;邏輯學彷佛就更加虛幻了，甚至會以爲這貨就像智商同樣無力迴天，其實不是，一我的的邏輯思惟是經過後天鍛鍊的，邏輯思惟的提升能夠參考知乎上大神的回答：知乎：如何提升邏輯思惟能力?書籍的話，能夠參考這裏：提升邏輯思惟能力，有哪些書或者資料能夠推薦的麼?

　　原型設計

　　原型設計是交互設計師最主要的工做之一，也是交互設計師的最佳練兵場，所以，須要在這一塊儲備大量的知識，好比交互範式、設計原則、平臺規範、排版和草圖繪畫。

　　交互範式指交互方式(參考下圖)、交互元素(好比操做、窗口、控件、菜單、對話框)等。這些都是基本功，不少同窗自信學有所成了，但面試的時候一問控件的種類和區別就胡亂回答一通，這是沒有系統學習的後果。

 

 

　　交互方式

　　設計原則，這裏指的是交互設計原則。這個就多了，能夠說數不勝數，並且每一個人都有不一樣的版本，若是你是初學者，沒有特別好的辦法，推薦你先把《About Face 3：交互設計精髓》吃透，仍是那句話，網上的知識是碎片化的，一味地看大神寫的千把個字的文章容易消耗你的耐心、增長你的記憶負荷，並且到頭來仍是不夠全面，因此先把權威的書籍吃透再說。

　　平臺規範。從終端上看，平臺分爲PC、手機、平板電腦等，從系統上看又分爲Windows,Mac,IOS,Windows Phone,Android等，每個平臺都有相應的設計規範，想作交互設計師就得先把他們掌握了，另外，這些規範一般都是英文，而中文的最新翻譯通常都比較難找，而且網友的翻譯有良莠不齊的風險，因此親們必定要學好英語，這點也很重要!

　　排版和草圖繪畫。受過專業的排版訓練的交互設計師會有很大的優點，由於排版不只須要必定的審美感受，也須要紮實的視覺理論基礎和邏輯思惟甚至心理學理論，排版其實也是一種交互設計，是讀者與做品在視覺上的交互。另外草圖繪畫是一個加分項，畫的一手漂亮的草圖會讓團隊溝通更加高效，不過，這裏的草圖不是素描草圖，不是對某一個物品進行精雕細琢，而是簡筆畫。下圖是著名交互設計師比爾·維普蘭克畫的，他對圖形和手繪草圖有一種驚人的表現能力，他能夠在談話的同時，隨時用手繪的方法勾勒出草圖來講明其觀點。這是我在看《交互設計概論》時看到的，當時我簡直被迷暈了，這技能太牛了!因而我也去學簡筆畫，不過學的斷斷續續，至今仍是菜的一逼。

 

 

　　比爾·維普蘭克畫的草圖

　　可用性測試。這一塊推薦你們先把《可用性工程》這本書看完，不過這本書可能因爲翻譯的緣由，看起來會有一點吃力，你們能夠先看網易UEDC的這篇文章瞭解一下:《簡單快速的可用性測試》。

　　固然，理論終究是不夠的，學習理論以後，要進行大量的實踐來鞏固，再總結出本身的一套流程與方法。

　　視覺設計與程序設計

　　基礎加分項，既是加分項，也是基本功。不是說必須學好視覺和代碼，但多少會一點對你有很大的好處，好比有利於與團隊的其餘人員溝通，有利於選擇更合理更現實的交互方案。我建議你們學一下PS、AI、Axure、PPT和AE等軟件，有時間的話再學一學C語音/Java，HTML+CSS+Javascript.

　　最後也是最重要的

　　這篇文章僅僅是在知識架構上給你們作一個整理和概括，雖然也推薦了很多適合新手入門的書籍和文章給你們，但僅僅看這些書籍和文章確定是不夠的，還須要進行大量的實踐和體驗，交互設計不像學習一個軟件能夠短時間大幅度提升，更須要的是長期積累，平時應該常常去看別人的優秀設計，去體驗各類app，網站，平臺，要積累大量的素材，要不斷地總結經驗，而且將經驗運用於實戰中。若這篇文章能爲你提供一丁點的幫助，我也十分欣慰。