起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識用ADDIE模型看產(chǎn)品經(jīng)理如何做交互設(shè)計
《產(chǎn)品經(jīng)理的基本功：如何學(xué)會交互設(shè)計？》一文中我們曾經(jīng)大而全的講述了一款產(chǎn)品的交互設(shè)計如何做？從定義到流程都跟大家普及了一番，今天我們較為詳盡的說明一下交互設(shè)計到底應(yīng)該怎么做，有哪些套路和方法可以做參考？
大多數(shù)設(shè)計的方法模型都具有類似的成分，小Q研究教育這么久，其實從很多教學(xué)原理和基礎(chǔ)知識中能看到產(chǎn)品汪在平時工作中能借鑒的套路。大量的教學(xué)模式中，最貼近交互設(shè)計的大概就是ADDIE模型了。
（圖來自《教學(xué)設(shè)計原理??（第五版）》）
如上圖，ADDIE 分別表示 分析、設(shè)計、開發(fā)、實施和評價。
- 分析：首先確定需要，既要借用教學(xué)來解決問題，然后進(jìn)行教學(xué)分析以確定教程的認(rèn)知、情感與動作技能方面的目的。
- 設(shè)計：把教程的目的轉(zhuǎn)換成變現(xiàn)性的結(jié)果與主要的教學(xué)目標(biāo)，同時確定所涵蓋的教學(xué)主題或者單元以及每個主題、單元的授課時間。
- 開發(fā)：確定學(xué)習(xí)活動與材料類型，在目的受眾中進(jìn)行材料與活動的試用。
- 實施：購買材料以便為教師和學(xué)生采用，在必要的時候提供幫助與支持。
- 評價：實施學(xué)生評價計劃、教學(xué)評價計劃、教程維護(hù)與修改計劃。
認(rèn)知用戶、定義設(shè)計的過程總是千頭萬緒的，各個流程之間也是交叉進(jìn)行的。類比ADDIE教學(xué)設(shè)計模型，小Q發(fā)現(xiàn)交互設(shè)計也可以用類似的5步實現(xiàn)，它們分別是，如下圖所示：
認(rèn)識產(chǎn)品所要解決的問題
交互設(shè)計的第一步：「找到用戶」。
（對應(yīng)ADDIE教學(xué)設(shè)計模型的「分析」）
找到用戶的核心工作就是聚焦在了解用戶是誰、他們?nèi)绾问褂卯a(chǎn)品？使用過程中遇到了什么問題？為什么這樣使用產(chǎn)品？
不論是對成熟產(chǎn)品還是初創(chuàng)產(chǎn)品都一樣，就是定義這個設(shè)計到底要解決用戶的什么問題，然后完成細(xì)致的用戶分析和需求分析，這階段多是思考目標(biāo)用戶畫像以及為什么有這些需求？需求的應(yīng)用場景等，梳理出來目標(biāo)用戶的特征、用戶場景以及用戶的主要任務(wù)等。
交互設(shè)計的初衷就是解決用戶的問題。不論設(shè)計什么產(chǎn)品，能夠被用戶認(rèn)可的途徑只有這個產(chǎn)品解決了他們生活中的一個問題。對于可愛的產(chǎn)品汪們，平時設(shè)計中，可以多練習(xí)反問自己如下問題，慢慢找到一種舒適的交互設(shè)計方法：
- 這個產(chǎn)品的目標(biāo)用戶是？他們的需求是？
- 這個產(chǎn)品（功能）的產(chǎn)品和業(yè)務(wù)邏輯是？出發(fā)點是什么？目標(biāo)是什么？用戶需求場景是什么？
- 我的設(shè)計方案（功能分組、使用流程、文案、手勢、動效等）用戶可以理解嗎？符合他們的心智模型嗎？好用嗎？易用嗎？
提供解決產(chǎn)品問題的方案
交互設(shè)計的第二步，「完成建?！?/strong>。（對應(yīng)ADDIE教學(xué)設(shè)計模型的「設(shè)計」，「開發(fā)」，「實施」）
這個階段的核心工作即：產(chǎn)品交互思考和設(shè)計，包括用戶地圖、信息結(jié)構(gòu)、框架圖、頁面流程圖、頁面交互稿、細(xì)節(jié)交互等。畫原型、畫原型、當(dāng)然還是畫原型。通過原型可以更好和更廣泛地檢驗方案。原型設(shè)計有很多工具，最基礎(chǔ)和原始的莫過于紙面原型，簡單的紙面原型，甚至在頭腦中想象的原型都可以幫助團隊進(jìn)行方案推敲；如果需要了解團隊甚至用戶對不同方案的反饋，那就需要相對高精度的原型，電子稿或者可使用的原型；如果只是討論那個方案更優(yōu)，只需要將相關(guān)流程原型化即可討論；如果需要考慮方案的可行性等問題，就必須將所有的流程都轉(zhuǎn)化成原型來討論；
關(guān)注定義用戶活動的具體行為和問題，定義設(shè)計目標(biāo)也常常在這個過程中完成，利用不同方式的進(jìn)行建模，頭腦風(fēng)暴，流程圖，到原型圖，所有的設(shè)計方法在這個階段都可以用。然后通過原型工具和專家經(jīng)驗進(jìn)行方案設(shè)計和精化。
確定概念方案后，就可以進(jìn)行具體的交互設(shè)計，具體的交互設(shè)計產(chǎn)出物如下，中間可能有多次評審和反復(fù)討論修改的過程，在這個過程中方案不斷完善：
- 詳細(xì)功能框架圖/功能列表
- 交互邏輯流程圖
- 交互說明文檔，包含所有狀態(tài)的交互頁面，和交互說明、交互規(guī)范。
如下圖所示，這是一份比較完整的某模塊的交互設(shè)計圖，通過流程的指示和說明，就能比較清晰的設(shè)計出一個交互邏輯：
當(dāng)然，整個設(shè)計的過程中，產(chǎn)品經(jīng)理需要有一個基本功：「定期總結(jié)」，這個交互適合什么，這個漢堡結(jié)構(gòu)怎么用，有什么利弊，那個動效簡單而好用，這個界面布局很好，適合什么產(chǎn)品……
檢驗該解決方案的正確性
交互設(shè)計的第三步，「驗證模型」。（對應(yīng)ADDIE教學(xué)設(shè)計模型的「分析」）
借助測試用戶來觀察確認(rèn)方案對用戶活動的最終影響是否達(dá)到期望的設(shè)計目標(biāo)。產(chǎn)品經(jīng)理做產(chǎn)品設(shè)計（包括交互設(shè)計），需要進(jìn)行產(chǎn)品經(jīng)理內(nèi)部的走查，可以針對用戶進(jìn)行可用性測試，A/Btest，5秒測試等。目的在于發(fā)現(xiàn)用戶在使用產(chǎn)品中可能出現(xiàn)的問題、獲取用戶對設(shè)計的反饋信息。其測試和評估結(jié)果將作為為設(shè)計修改的數(shù)據(jù)支撐。多說一句，多做可用性測試，讓同事和用戶參與到你的交互設(shè)計中來，這是驗證交互方案是否有效的試金石。
走查完后，繼續(xù)完善設(shè)計，快速迭代。實際過程中往往并不是這么順利，每一個設(shè)計都可能和產(chǎn)品，運營，業(yè)務(wù)，視覺，開發(fā)進(jìn)行溝通，溝通修改，再溝通，反復(fù)的打磨直到最舒適的體驗?？偸且罎L打一段時間，妥協(xié)過幾次，PK過幾次，內(nèi)傷過幾回，同時不斷積累腦子里的模式庫，慢慢建立一些標(biāo)準(zhǔn)和規(guī)則來，路子才能慢慢走順更多。
小Q來總結(jié)
交互設(shè)計其實恰好是貫穿了分析和實施階段的橋梁，交互設(shè)計無限的接近真實用戶場景，尋找更加合理設(shè)計的答案，可以為產(chǎn)品的更好體驗提供實實在在的支撐。就如教學(xué)和學(xué)習(xí)過程一樣，沒有一門學(xué)科的大綱是一成不變，沒有一名老師的授課方式是千年如一日的，所有的教學(xué)內(nèi)容都應(yīng)該圍繞著學(xué)生的實際學(xué)習(xí)情況做相應(yīng)的調(diào)整，就如產(chǎn)品經(jīng)理做交互設(shè)計一樣，交互設(shè)計的綜合性很強，里面可以遇到的問題太多太多，交互設(shè)計也是借由產(chǎn)品與用戶進(jìn)行持續(xù)性的對話來創(chuàng)造產(chǎn)品的使用體驗。所以，想要做好交互設(shè)計，就必須把它當(dāng)做一門科學(xué)，仔細(xì)研究認(rèn)真品味。
作者：Mandy權(quán)，微信公眾號：PMandyQ，一名快樂的產(chǎn)品經(jīng)理！
本文由 @Mandy權(quán) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
想問一下你上面那個交互設(shè)計圖用什么弄的？？好清楚的思路 ??
sketch