@青溪Joanna?：交互設計師的工作，并不僅僅是輸出設計方案，我們需要參與前期的需求討論、后期開發(fā)、測試驗收等等產(chǎn)品設計與實現(xiàn)的多個環(huán)節(jié)。本篇將介紹我目前參與交互設計的工作流程以及各個階段的工作職責。

一、需求分析階段

這個階段，對于不同時期的產(chǎn)品討論、分析的方面?zhèn)戎攸c不同。

1、新產(chǎn)品

對于從無到有的心產(chǎn)品，需要了解：

• 產(chǎn)品的定位是什么？

用戶群體是誰？他們有哪些特征？我們的產(chǎn)品需要解決用戶的什么痛點？如果有競品，我們與他們的優(yōu)勢在哪里、差異又在哪里？

這個階段非常重要，但是也是最難討論清楚的，即使是產(chǎn)品經(jīng)理/總監(jiān)可能在最初也無法完全確定產(chǎn)品的定位，而是在產(chǎn)品迭代過程中慢慢摸索出來。

• 產(chǎn)品的功能點有哪些？

通過哪些功能來實現(xiàn)用戶的需求？這個部分主要由產(chǎn)品經(jīng)理提供。有些產(chǎn)品經(jīng)理提供簡單的功能list、有些甚至直接給線框圖，這其實都不太可取。

我比較希望收到的是一份較為詳細的思維導圖，包括：功能模塊、功能點、需要展示的信息字段及其格式要求、功能優(yōu)先級、其他必要的補充說明（為什么這樣考慮、什么場景下使用等等）

2、迭代改進中的產(chǎn)品

對于已經(jīng)上線的產(chǎn)品，如果是已有功能的改進優(yōu)化，需要了解：

• 改版目標是什么

比如當前存在的問題是什么？計劃通過什么方式/方法解決？期望達到怎樣的目標？

資料推薦：

對于需求分析階段，我以前也挺迷茫該如何更好的開展。在上一家公司時，剛好遇到《破繭成蝶：用戶體驗設計師的成長之路》這本書詳細介紹了如何做需求分析，與產(chǎn)品經(jīng)理一起按照書中的方法進行，共同討論了我們負責產(chǎn)品的定位、使用場景和特點等等信息，受益匪淺，在產(chǎn)品重構過程中也得益于前期的分析做了一些創(chuàng)新設計。

《破繭成蝶》作者的專訪：《優(yōu)設訪談！阿里交互設計專家劉津的設計管理之路》

二、交互設計階段

1,、任務分析

任務分析，是指分析用戶在使用產(chǎn)品過程中，需要進行的行為和認知的過程，可以幫助我們建立產(chǎn)品的結構和信息流，從而為我們提供更多合適的信息來幫助用戶完成任務。

根據(jù)產(chǎn)品的功能點，我們先確定用戶需要完成哪些任務？每個任務又可以分解為哪些子任務？這些子任務的操作流程、目標是什么？分布在哪些頁面，子任務的層級結構是怎樣的？任務、子任務的優(yōu)先級關系是怎樣的？如何在界面上突出主要任務？

這個步驟關系到后續(xù)的頁面流程、用戶操作流程、頁面布局。

資料推薦：

1、《破繭成蝶：用戶體驗設計師的成長之路》一書在「設計規(guī)劃」章節(jié)介紹了主要任務與次要任務、如何突出主要任務、如何引導用戶完成任務。

2、《在你身邊為你設計》一書在「體驗設計」章節(jié)介紹了“設計中的邏輯思考——任務分析”。

2、導航設計

導航的目標是突出主要功能點，讓用戶在完成任務時能一目了然的知道自己要從哪個入口進入。通過前面的功能分析和任務分析，對于用戶任務的優(yōu)先級已經(jīng)較為明確，此時可以思考、確定產(chǎn)品的導航設計。

3、頁面流程圖

用以明確整個產(chǎn)品的層級結構、頁面之間的關系。類似下圖這樣，標注頁面名稱，不用體現(xiàn)界面細節(jié)，還可以簡單標注界面的主要內(nèi)容模塊。

4、用戶操作流程圖

對于比較簡單的功能或產(chǎn)品，這一步可以省略。但是如果涉及到多個用戶角色之間的操作關聯(lián)、較為復雜的判斷邏輯，建議交互設計師先梳理清楚用戶操作流程圖，思考清楚不同分支的走向。后續(xù)在設計評審階段，可以通過流程圖來輔助講解，更容易理解。

5、頁面布局設計

整體框架、流程梳理完成后，開始逐個完成各個界面的布局設計、界面之間的跳轉關系。這個環(huán)節(jié)是整個交互設計的重中之重，如何設計友好而易用的界面，如何做到有效的組織將用戶重點關注的信息凸顯出來，非?？简炓晃唤换ピO計師的能力。

另外，這個環(huán)節(jié)也要著手思考交互操作細節(jié)，不過暫時不用表述完整，可等初稿評審且基本確認后再做細化。

6、初稿評審

目標是確認導航設計、頁面流程、頁面布局是否符合產(chǎn)品需求，各方的想法是否能達成一致。如果遇到不一致的情況，可討論分歧點在哪里，討論不同方案的優(yōu)劣點及如何取舍。

如果修改意見較少，完成修改后可私下與相關的業(yè)務需求方或產(chǎn)品經(jīng)理溝通設計方案，基本達成一致后可開始進行詳細設計；如果交互初稿評審分歧較大，需要修改后重新評審，基本確認后再做詳細設計。

7、詳細交互設計

這個環(huán)節(jié)，需要完善不同狀態(tài)下的頁面布局和內(nèi)容展示、用戶操作反饋提示、通用或異常的場景等等。所有開發(fā)階段需要用到的都需要在詳細設計階段體現(xiàn)。

8、終稿評審

主要目標是讓開發(fā)測試同事了解設計需求、評估設計方案的實現(xiàn)合理性、交互細節(jié)是否完善且無異議。這個環(huán)節(jié)會遇到很多“挑戰(zhàn)”，需要交互設計師提前對設計方案有足夠的思考、能權衡多種方案的利弊，進而將自己經(jīng)過深思熟慮的且最為合適的方案推進下去。

三、視覺設計階段

交互設計師需要向視覺設計師介紹交互原型；對輸出的視覺設計方案，需要從交互角度予以評估，比如與交互設計初衷是否一致、內(nèi)容的主次是否表達得當、是否有細節(jié)遺漏或錯亂等等。

四、開發(fā)與測試驗收階段

1. 測試用例撰寫時，測試同事可能會在交互說明文檔的基礎上思考的更加全面，提出一些尚未考慮到的特殊操作場景。交互設計師需要思考、補充相應的交互設計說明。
2. 測試用例評審階段，需要確認所有的用例是否與交互文檔上一致。
3. 開發(fā)實現(xiàn)過程中，若開發(fā)遇到一些交互上的疑問，需要實時跟進、討論、確定最終實現(xiàn)方案。
4. 測試驗收階段，需要驗收最終的效果，看與交互原型是否一致，對于有出入的地方也要盡快跟進確認。

五、搜集用戶反饋階段

對于迭代中的產(chǎn)品來說，這一點需要持續(xù)關注。通常采用的方式是用戶調(diào)研、可用性測試、各種用戶反饋渠道搜集。交互設計師需要分析用戶反饋問題的合理性、是否需要優(yōu)化。對于值得重視的反饋，需要思考設計方案、推進實現(xiàn)。

歡迎關注妹子的微信公眾號：

附交互新手入門手冊：

網(wǎng)易設計總監(jiān)親歷分享！
《網(wǎng)易美女設計主管！交互設計菜鳥如何入門？》

交互設計自學超全合集！
《交互設計師修煉指南！教你從零開始成為優(yōu)秀交互設計師》

阿里巴巴資深交互設計師經(jīng)驗！
《推薦！交互設計那些事兒（一）》

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設計師學習平臺，專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量104萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com