用ADDIE模型看產品經理如何做交互設計

《產品經理的基本功：如何學會交互設計？》一文中我們曾經大而全的講述了一款產品的交互設計如何做？從定義到流程都跟大家普及了一番，今天我們較為詳盡的說明一下交互設計到底應該怎麼做，有哪些套路和方法可以做參考？

大多數設計的方法模型都具有類似的成分，小Q研究教育這麼久，其實從很多教學原理和基礎知識中能看到產品汪在平時工作中能借鑒的套路。大量的教學模式中，最貼近交互設計的大概就是ADDIE模型了。

（圖來自《教學設計原理 （第五版）》）

如上圖，ADDIE 分別表示 分析、設計、開發、實施和評價。

• 分析：首先確定需要，既要借用教學來解決問題，然後進行教學分析以確定教程的認知、情感與動作技能方面的目的。
• 設計：把教程的目的轉換成變現性的結果與主要的教學目標，同時確定所涵蓋的教學主題或者單元以及每個主題、單元的授課時間。
• 開發：確定學習活動與材料類型，在目的受眾中進行材料與活動的試用。
• 實施：購買材料以便為教師和學生採用，在必要的時候提供幫助與支持。
• 評價：實施學生評價計劃、教學評價計劃、教程維護與修改計劃。

認知用戶、定義設計的過程總是千頭萬緒的，各個流程之間也是交叉進行的。類比ADDIE教學設計模型，小Q發現交互設計也可以用類似的5步實現，它們分別是，如下圖所示：

認識產品所要解決的問題

（對應ADDIE教學設計模型的「分析」）

找到用戶的核心工作就是聚焦在了解用戶是誰、他們如何使用產品？使用過程中遇到了什麼問題？為什麼這樣使用產品？

不論是對成熟產品還是初創產品都一樣，就是定義這個設計到底要解決用戶的什麼問題，然後完成細緻的用戶分析和需求分析，這階段多是思考目標用戶畫像以及為什麼有這些需求？需求的應用場景等，梳理出來目標用戶的特徵、用戶場景以及用戶的主要任務等。

交互設計的初衷就是解決用戶的問題。不論設計什麼產品，能夠被用戶認可的途徑只有這個產品解決了他們生活中的一個問題。對於可愛的產品汪們，平時設計中，可以多練習反問自己如下問題，慢慢找到一種舒適的交互設計方法：

• 這個產品的目標用戶是？他們的需求是？
• 這個產品（功能）的產品和業務邏輯是？出發點是什麼？目標是什麼？用戶需求場景是什麼？
• 我的設計方案（功能分組、使用流程、文案、手勢、動效等）用戶可以理解嗎？符合他們的心智模型嗎？好用嗎？易用嗎？

提供解決產品問題的方案

交互設計的第二步，「完成建模」。（對應ADDIE教學設計模型的「設計」，「開發」，「實施」）

這個階段的核心工作即：產品交互思考和設計，包括用戶地圖、信息結構、框架圖、頁面流程圖、頁面交互稿、細節交互等。畫原型、畫原型、當然還是畫原型。通過原型可以更好和更廣泛地檢驗方案。原型設計有很多工具，最基礎和原始的莫過於紙面原型，簡單的紙面原型，甚至在頭腦中想象的原型都可以幫助團隊進行方案推敲；如果需要了解團隊甚至用戶對不同方案的反饋，那就需要相對高精度的原型，電子稿或者可使用的原型；如果只是討論那個方案更優，只需要將相關流程原型化即可討論；如果需要考慮方案的可行性等問題，就必須將所有的流程都轉化成原型來討論；

關註定義用戶活動的具體行為和問題，定義設計目標也常常在這個過程中完成，利用不同方式的進行建模，頭腦風暴，流程圖，到原型圖，所有的設計方法在這個階段都可以用。然後通過原型工具和專家經驗進行方案設計和精化。

確定概念方案后，就可以進行具體的交互設計，具體的交互設計產出物如下，中間可能有多次評審和反覆討論修改的過程，在這個過程中方案不斷完善：

• 詳細功能框架圖/功能列表
• 交互邏輯流程圖
• 交互說明文檔，包含所有狀態的交互頁面，和交互說明、交互規範。

如下圖所示，這是一份比較完整的某模塊的交互設計圖，通過流程的指示和說明，就能比較清晰的設計出一個交互邏輯：

當然，整個設計的過程中，產品經理需要有一個基本功：「定期總結」，這個交互適合什麼，這個漢堡結構怎麼用，有什麼利弊，那個動效簡單而好用，這個界面布局很好，適合什麼產品……

檢驗該解決方案的正確性

交互設計的第三步，「驗證模型」。（對應ADDIE教學設計模型的「分析」）

藉助測試用戶來觀察確認方案對用戶活動的最終影響是否達到期望的設計目標。產品經理做產品設計（包括交互設計），需要進行產品經理內部的走查，可以針對用戶進行可用性測試，A/Btest，5秒測試等。目的在於發現用戶在使用產品中可能出現的問題、獲取用戶對設計的反饋信息。其測試和評估結果將作為為設計修改的數據支撐。多說一句，多做可用性測試，讓同事和用戶參與到你的交互設計中來，這是驗證交互方案是否有效的試金石。

走查完后，繼續完善設計，快速迭代。實際過程中往往並不是這麼順利，每一個設計都可能和產品，運營，業務，視覺，開發進行溝通，溝通修改，再溝通，反覆的打磨直到最舒適的體驗。總是要摸爬滾打一段時間，妥協過幾次，PK過幾次，內傷過幾回，同時不斷積累腦子裡的模式庫，慢慢建立一些標準和規則來，路子才能慢慢走順更多。

小Q來總結

交互設計其實恰好是貫穿了分析和實施階段的橋樑，交互設計無限的接近真實用戶場景，尋找更加合理設計的答案，可以為產品的更好體驗提供實實在在的支撐。就如教學和學習過程一樣，沒有一門學科的大綱是一成不變，沒有一名老師的授課方式是千年如一日的，所有的教學內容都應該圍繞著學生的實際學習情況做相應的調整，就如產品經理做交互設計一樣，交互設計的綜合性很強，裡面可以遇到的問題太多太多，交互設計也是藉由產品與用戶進行持續性的對話來創造產品的使用體驗。所以，想要做好交互設計，就必須把它當做一門科學，仔細研究認真品味。

作者：Mandy權，，一名快樂的產品經理！

本文由 @Mandy權 原創發佈於人人都是產品經理。未經許可，禁止轉載。