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

一、需求分析階段

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

1、新產(chǎn)品

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

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

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

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

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

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

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

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

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

改版目標(biāo)是什么

比如當(dāng)前存在的問題是什么？計(jì)劃通過什么方式/方法解決？期望達(dá)到怎樣的目標(biāo)？

資料推薦：

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

二、交互設(shè)計(jì)階段

任務(wù)分析

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

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

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

資料推薦：

1. 《破繭成蝶：用戶體驗(yàn)設(shè)計(jì)師的成長(zhǎng)之路》一書在 設(shè)計(jì)規(guī)劃 章節(jié)介紹了主要任務(wù)與次要任務(wù)、如何突出主要任務(wù)、如何引導(dǎo)用戶完成任務(wù)
2. 《在你身邊為你設(shè)計(jì)》一書在 體驗(yàn)設(shè)計(jì) 章節(jié)介紹了“設(shè)計(jì)中的邏輯思考——任務(wù)分析”

導(dǎo)航設(shè)計(jì)

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

頁面流程圖

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

用戶操作流程圖

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

頁面布局設(shè)計(jì)

整體框架、流程梳理完成后，開始逐個(gè)完成各個(gè)界面的布局設(shè)計(jì)、界面之間的跳轉(zhuǎn)關(guān)系。這個(gè)環(huán)節(jié)是整個(gè)交互設(shè)計(jì)的重中之重，如何設(shè)計(jì)友好而易用的界面，如何做到有效的組織將用戶重點(diǎn)關(guān)注的信息凸顯出來，非?？简?yàn)一位交互設(shè)計(jì)師的能力。

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

初稿評(píng)審

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

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

詳細(xì)交互設(shè)計(jì)

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

在我的歷史文章中有幾篇推薦給大家：

1、如何寫一份全面、易讀的交互說明文檔

2、移動(dòng)應(yīng)用中，反饋提示的設(shè)計(jì)方法與實(shí)例

3、有哪些好的「空狀態(tài)」設(shè)計(jì)

終稿評(píng)審

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

三、視覺設(shè)計(jì)階段

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

四、開發(fā)與測(cè)試驗(yàn)收階段

測(cè)試用例撰寫時(shí)，測(cè)試同事可能會(huì)在交互說明文檔的基礎(chǔ)上思考的更加全面，提出一些尚未考慮到的特殊操作場(chǎng)景。交互設(shè)計(jì)師需要思考、補(bǔ)充相應(yīng)的交互設(shè)計(jì)說明。

測(cè)試用例評(píng)審階段，需要確認(rèn)所有的用例是否與交互文檔上一致。

開發(fā)實(shí)現(xiàn)過程中，若開發(fā)遇到一些交互上的疑問，需要實(shí)時(shí)跟進(jìn)、討論、確定最終實(shí)現(xiàn)方案。

測(cè)試驗(yàn)收階段，需要驗(yàn)收最終的效果，看與交互原型是否一致，對(duì)于有出入的地方也要盡快跟進(jìn)確認(rèn)。

五、搜集用戶反饋階段

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

#專欄作家#

青溪Joanna，微信公眾號(hào)-青溪札記（qingxizhaji），交互設(shè)計(jì)師一枚，喜歡體驗(yàn)各種App，關(guān)注社交、在線旅游、O2O、工具類產(chǎn)品；擅長(zhǎng)需求分析、交互設(shè)計(jì)，有一定前端開發(fā)經(jīng)驗(yàn)；業(yè)余時(shí)間喜歡網(wǎng)球、ukulele、簡(jiǎn)筆畫，正在努力攢技能。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。