交互設計流程是怎樣的？

01-16

如何進行交互設計，其流程是怎樣的？

正好在翻以前的博客，看到一篇寫交互設計流程的，標題叫《我的交互設計流程》，感覺挺不錯，甚至詫異當初為什麼能寫得那麼好，不貼到知乎上都有些浪費...（偷笑）

----------------------------------------------------正文----------------------------------------------------

記得曾經在網上看到過一些關於互聯網產品設計的流程圖（淘寶的那張流傳得比較廣），但基本上都是從部門協作的角度進行論述的，鮮有個人層面上的總結。在大學的專業課程學習中，曾經研究過一系列以用戶為中心的設計方法，但由於數量太多，也沒有經過嚴密的組織，因此未能形成一套完整、清晰的概念。

設計應該是一項嚴謹的工作，而非僅關乎創意及美觀。科學的設計流程能夠幫助我們有條不紊地做出更經得起考驗的設計。然而，在實際的工作中，我們會發現留給設計師的成本及時間預算根本不足以按照理想的設計流程去進行設計。久而久之，這導致很多設計師形成了一接到需求，便開始匆匆繪製流程及線框圖的不良習慣。這樣不僅做不出好的設計，而且設計師對自己做出的方案也沒有歸屬感、成就感。這種理想與現實的反差使很多設計師感到困惑，甚至自我懷疑。又由於交互設計師的輸出物往往只是一些交互流程圖，所以甚至有人在不知不覺中接受了自己是一個「線框仔」的角色。

設計更多地需要思考，而不是執行。設計師想方案的過程就像生孩子、哺育孩子，設計師不應是一位代孕母親。面對實際工作中的這些挑戰，我們需要一套更精益的設計流程。也就是對理想化的設計流程進行刪減及調整，留下產出投入比最高的關鍵步驟。

移情

移情就是建立同理心，是交互設計過程中的首要且最重要步驟。交互設計師作為產品設計流程中的一員，首先要對產品、運營、市場等需求方移情，了解需求的背景、目的、預算，從而確定問題的邊界（不是一開始就匆匆地畫線框圖）。其次，設計是服務於用戶的，所以交互設計師還要對用戶移情，除了要有對用戶人口學特徵、行為學特徵及心智模型的常規理解外，還要分析特定需求的具體用戶是誰、在什麼場景下使用，任務流程是怎樣的等問題。綜合需求方及用戶的訴求考慮問題至關重要，否則很容易顧此失彼。

構思

在理想的設計流程中，在構思這一步驟之前還有發散及歸納兩個步驟。但對於精益化的設計流程而言，發散與歸納則包含於構思的過程中。構思最重要的手段是思維的可視化，也就是把心中的想法快速地在紙上進行羅列及描繪，這樣會激發設計師的創意，也使思考變得更加的完整與高效。另外，在構思過程中的一個常用手段是相關功能的競品分析。

原型

在構思出一個好的但尚未完整的方案時，需要通過繪製原型來檢驗原先的想法及探索更多的細節。在這個步驟中要把所有的界面元素及操作流程具體化，並注意文檔的信息傳達效果。

打磨

打磨是對繪製好的原型進行重新的梳理、評估及優化。把能夠精簡的地方進行精簡，並從情感化的角度對具體的文本或者交互形式進行潤色和調整。最後，最重要的是心智歸零，把自己調整到「白痴用戶」的狀態對方案進行審查，從而挖掘出那些「想當然」的設計盲點。

測試

得出完整的方案後，導入相關的任務在原型上模擬真實的使用以檢驗方案的可用性。除此以外，測試還是一項增加設計提案說服力的重要方法。

交互設計，作為一門從平面設計與工業設計之中逐漸被分離出來研究的學科，其工作的思路有很多相似之處，簡單來說，可以將交互設計流程分成兩個時期，那就是「發現問題，解決問題」。接下來對這兩個時期進行一定的講解，便於題主更好的了解交互設計的流程思路。

一、發現問題

想要做出一款交互設計產品，首先，大家要善於發現問題，這是設計的基礎。關於「發現問題」中的「問題」這兩個字，其實定義是很多樣化的，這個「問題」可以是一個既有的困難或者麻煩，也可以是用戶潛在的需求，甚至產品的美觀性等也都是「問題」。

因此，交互設計師在做設計時，第一要務就是要明白他面對的問題是什麼，且對於問題的理解不能停留在表面上，要儘可能的深入問題的本質。

圖片鏈接：https://www.behance.net/gallery/52398135/RZD-Mobile-App

關於發現問題，非常著名的例子就是亨利福特關於用戶意見的一個回答：「他們（用戶）只會告訴你要更快的馬」。然而我們今天都知道用戶要的是更快的交通方式，所以汽車大獲成功。

圖片鏈接：http://t.cn/RWerTco

當然，如果當時福特先生面對的是一群養馬愛好者的話，他很可能會做出其他不同的決定。這就引出了設計中可以說是最為重要的一環：以人為中心設計。

隨著經濟的總體上漲和設計行業本身的進步，設計中對於人的重視程度越來越高。就像前一個例子所說的，福特先生充分理解了他面對的人群，明白對方內心的實質需求而不是表象要求。所以是賣車不賣馬，然而如果換成一群馬術愛好者，這個問題就要變成賣馬不賣車了。因此，大家在做交互設計師，除了明白問題的含義以外，最重要的是：熟悉人，理解人，時刻把人放在第一位。

圖片鏈接：https://www.pinterest.jp/pin/57139489001614464/

設計師與用戶研究團隊為了深入理解用戶需求，通常會採取問卷調研、深度訪談、行為觀察等信息獲取方式進行考察，並對其進行匯總，根據所建立的用戶描寫、肖像、角色卡片等形式來呈現。如果不這麼做的話，很多設計都會出現不好的影響和結果，導致用戶體驗差，甚至可能會造成生命財產損失。

如果你認為威脅生命財產損失只會發生在實際流通的產品設計中，而不會發生在只負責網路與移動產業的交互設計中，那麼下面這一facebook交互團隊犯下的一次非常慘痛的「錯誤」或許能改變你的想法：

Mike Monteiro《Fuck you pay me》
視頻鏈接：https://www.youtube.com/watch?v=6h3RJhoqgK8

二、解決問題

多數情況下，設計的方法或者工具已經確定，大家需要先進行頭腦風暴，焦點小組討論，故事版討論，紙模原型，電子原型，以及各種其他的方式，再投入不同階段的用戶測試。也就是說，解決問題的方法其實多種多樣，大家在設計過程中，應該按照實際的問題需求，選擇資源和能力所及範圍內的解決方法。

設計師對於不同工具的應用能力，實際上是隨著使用時間的長度和設計的經驗的積累而逐漸增加的，不同的設計師在同一個問題上的不同解決手段，在某種意義上，也是區分設計師設計能力的一環。因此，對於工具和技術的深入了解也是設計鍛煉的重要環節，很難說有什麼捷徑，只有對於工具以及技術深入了解，才能不斷提高自身的設計水平。

圖片鏈接：https://www.pinterest.jp/pin/521995413046782087/

總是來說，只要解決方案本身有充分符合一開始所面臨的「問題」，符合一開始的設計需求，這一設計流程就走在正軌上。但是，在提出解決方案的同時，方案又會經歷市場運營、項目策劃、工程部門等的重重考驗。最終也很有可能會被改的面目全非，因此，只有經歷了和這些部門的磨合之後，設計才有可能落地投放。

圖片鏈接：https://www.pinterest.jp/pin/364862007290844102/

產品投放並不是意味著交互設計的結束，之後版本2.0、3.0等投放實際市場之後，得來的反饋和真實的用戶測試之後的數據與信息會成為新問題來源。交互設計中「發現問題，解決問題」流程會不斷循環，設計師所設計的產品也會在反覆修改中變得越來越好。

以上望有幫助，歡迎交流

———————————————————

歡迎關注我的個人官方微信（kang-shishi）

如有藝術留學、院校、專業、作品集方面的問題，可私信康石石諮詢

正好自己剛剛查完交互的流程，分享出來~ 包括 1、工作流程+2、阿里騰訊實際工作流程

交互工作流程方法：

1、需求分析：

分析需求，理解要去做哪些功能，為什麼要做這些功能。一定要明白為了解決什麼問題，這樣才會避免做出來後發現並不是當初想要的。

2、確定人物角色：

即產品的典型用戶，有主要人物模型和次要人物模型。這一步是為了考慮問題一定要以目標用戶角度出發，常人犯的錯誤就是以自己出發。比如說做的是一款老年手機，那麼做任何交互肯定以老人為主，比如默認字體很大，這些都不能以自己感受出發。

3、競品分析：

分析市場上幾個競品。主要是為了取其精華去其糟粕。

4、寫問題場景：

羅列人物角色在使用產品時可能遇到的問題，可以整理成一個故事便於別人理解。

5、寫動作腳本：

像寫故事一樣，寫人物角色在使用你設計好的產品時，發生的細節。這個概念模型是通過解決問題腳本里的問題而得出的。

6、畫線框圖：

這個線框圖是通過把動作腳本里的概念模型轉化成視覺模型得到的，粗粒度的線框模型。

7、製作原型：

在線框圖裡填上血肉，補充好細粒度的細節。做出來好像可以用的東西。一般用Axure就可以。

8、專家評測：

至少兩名設計師或對交互設計比較了解的人通過反覆測試原型。找到問題後修改線框圖並更新原型。

9、用戶評測：

讓用戶使用原型，可以給他們一些任務去完成。根據用戶在使用過程中的問題和建議進行進一步修改。

10、跟進開發實現：

開發後看效果是否和設計保持一致。

11、上線後實際使用情況分析

12、總結與思考

阿里騰訊的工作流程樣例：

從牛逼公司的流程中可以洞察出來很多做事的關鍵點，有木有。因為流程的存在就是之前的一幫英雄，把做這項工作的要點提煉出來，指導以後的新人快速上手，能達到80分水平的。所以，洞察工作流程，是一個快速學習新領域的手段。圖中有很多價值點，太多了我就不解釋了自己看吧，值得收藏哦~

淘寶UED部門工作流程

阿里旺旺UED工作流程

騰訊CDC用戶體驗設計部

微軟研究院設計工作流程

謝謝~

這是我之前在網上看到並記錄下來的一篇文章，大家可以借鑒參考一下~

交互設計的流程

一、用戶研究

定性研究：

目的是了解用戶的五個方面：

1、行為：例如問葯app的用戶多久用一次app、一次用多久?

2、態度：例如問葯app用戶怎樣看待問葯這個產品?

3、資質：例如問葯app用戶的學歷怎樣?

4、動力：例如問葯app用戶為什麼用問葯app?

5、技能：例如問葯app用戶對使用相關產品是否熟悉?

確定人物角色：

做完定性研究工作後，這時應該對產品的用戶有所了解了。根據定性研究的五個方面，挑揀出最典型的一個或幾個形象。例如問葯app的人物角色可能有：

潛在用戶、新用戶、普通用戶、慢病用戶、忠實用戶

不但要確定這些人物角色的主要特點，還要確定他們的需求和目的。

寫問題腳本：

基於對人物角色的理解，設想出他們在使用產品中可能遇到的問題了。為每一個人物角色列一個問題單，也可以把它們整理到一個簡短的故事裡。

寫動作腳本：

首先你要為已列出的問題想好可能的解決方案，然後寫一個簡短的故事把這些解決方案囊括進去。寫成故事的好處是代入感較強，對別人來說容易理解。國內比較推崇故事版，但是把所有情景畫出來的效率是非常低的。

二、競品分析

系統性地對競爭對手產品的優勢和劣勢進行分析評價。

競品分析的目的：1.幫助自身產品實現市場定位；

2.為自身產品提供功能、可用性、關鍵技術等方面的參考；

3.提高自身產品的差異性程度；

競品分析包含了三部分內容：

1.選擇競品（國內外優秀且受眾群體較大的產品）

2.分析維度（戰略定位、盈利模式、用戶群體、產品功能、產品界面（交互方式、視覺表現）等。

3.分析準則（交互設計：1，一致性和標準性；2，通過有效的反饋信息提供顯著的系統狀態；3，方便快捷的使用；4，預防出錯；5，協助用戶認識，分析和改正錯誤；6，識別而不是回憶；7，符合用戶的真實世界；8，用戶自由控制權；9，美觀，精簡的設計；10，幫助和說明。）

三、畫線框圖（交互設計方案）

四、製作交互原型（可交互demo）

五、使用性測試（可用性測試）：

專家評測：

尼爾森交互設計法則(Nielsen Heuristic)：

1、系統狀態是否可見

2、系統是否符合現實世界的習慣

3、用戶是否能自由地控制系統

4、統一與標準

5、錯誤防範

6、減輕低用戶的記憶負擔

7、靈活性和效率

8、美觀簡潔

9、幫助用戶認知、了解錯誤，並從錯誤中恢復

10、幫助文檔

用戶評測：

原型通過專家評測後，找一些典型用戶使用原型。可以把任務列給他們，讓他們自己嘗試完成任務。中間遇到的問題可以記錄下來，設計師通過觀察來進行評分。

六、交互設計規範

七、產品版本迭代升級的總結

1，首先解析需求文檔！2，創建交互模型！3，繪製功能系統！4，信息架構！5，繪製流程圖！6低保真原型！7，可用性測試！8，高保真原型！9，繪製交互規範！

任務分析頁面流程頁面布局原型設計設計說明

謝邀。

其他答案說的挺成熟。我補充幾個沒提到的：

發散的基本方法：遍歷形式組合。
收斂的基本方法：開發產品原型上手體驗。
如果設計者的設計知識系統成熟，可以用推理代替一些發散收斂過程。