很榮幸，25學(xué)堂的小編在逛知乎當(dāng)中，看到了一位目前在UIMAX當(dāng)中任職的UI交互設(shè)計師：挪小辣。
看到設(shè)計師挪小辣的一些觀點非常接地氣。顧轉(zhuǎn)載過來跟目前想要從事APP交互設(shè)計的小伙伴一起學(xué)習(xí)。
如果你喜歡這個圖當(dāng)中的APP交互設(shè)計案例，可以點擊下載PSD素材。
鏈接: https://pan.baidu.com/s/1cF2MiM 密碼: pv51
下面就是設(shè)計師根據(jù)在UIMAX個人工作經(jīng)驗整理出的一個完整的交互設(shè)計流程。具體設(shè)計項目的時候可能只涉及到其中某一個環(huán)節(jié)或幾個環(huán)節(jié)，根據(jù)產(chǎn)品設(shè)計的階段、你所在設(shè)計團(tuán)隊的工作分配方式和項目情況而定。
第一部分：什么是完整的交互設(shè)計流程
一、研究階段
1.思考產(chǎn)品目標(biāo)
明確做這個產(chǎn)品的目的是為了誰解決什么問題，或帶來什么價值。
2.用戶研究
目標(biāo)：用戶是誰？典型使用場景是什么？目前存在哪些問題和機(jī)會？
可能用到如下用戶研究方法，不限于此：情境訪談 、用戶畫像、體驗地圖、用戶觀察、日志法、焦點小組等。
3.行業(yè)現(xiàn)狀研究
桌面研究：通過桌面研究了解產(chǎn)品所在行業(yè)發(fā)展現(xiàn)狀和趨勢。我們的產(chǎn)品可能在市場中處于什么位置。
競品分析：分析市場上典型競爭對手的服務(wù)情況，詳細(xì)分析競品的產(chǎn)品策略、功能架構(gòu)、設(shè)計重點等內(nèi)容，提出我們的特色突破點，為后期設(shè)計提供依據(jù)。
啟發(fā)式評估：若進(jìn)行已有產(chǎn)品的改版設(shè)計，應(yīng)對已有的產(chǎn)品進(jìn)行啟發(fā)式評估，評測現(xiàn)有產(chǎn)品的可用性和易用性，發(fā)現(xiàn)問題。
二、定義階段
結(jié)合前期用研究的結(jié)果，定義哪些用戶群體解決什么問題，分析典型場景及用戶需求，定義產(chǎn)品功能。
1.確定目標(biāo)用戶群屬性和特征：包含用戶人種學(xué)特征、消費偏好、審美偏好、操作偏好等。為后期的設(shè)計指導(dǎo)交互原則和視覺設(shè)計風(fēng)格。
2.分析典型使用場景：用戶在什么時間、地點和環(huán)境下，用戶目標(biāo)是什么、現(xiàn)存在哪些問題。
3.需求分析：分析目標(biāo)用戶在典型場景下遇到的問題，挖掘潛在需求，確立產(chǎn)品目標(biāo)，為之后的設(shè)計提供瞄準(zhǔn)的方向和重點。
4.功能定義：定義產(chǎn)品最主要的功能和基本功能，輸出功能框架圖。必要時，可使用卡片法確定功能框架。
三、概念設(shè)計階段
這一階段的目的是針對關(guān)鍵功能的概念設(shè)計，尋找多種可能的解決方案，定下現(xiàn)階段最優(yōu)的關(guān)鍵功能設(shè)計方案：
針對用戶在某一典型場景下的任務(wù)，使用故事版的方法，進(jìn)行目標(biāo)分解。設(shè)計團(tuán)隊成員可以坐在一起頭腦風(fēng)暴，發(fā)散思路，設(shè)計各種可能可行的方案。最終篩選并優(yōu)化，定出最符合用戶心智的交互概念方案。
四、詳細(xì)交互設(shè)計
確定概念方案后，就可以進(jìn)行具體的交互設(shè)計，具體的交互設(shè)計產(chǎn)出物如下：
1.詳細(xì)功能框架圖/功能列表
2.交互邏輯流程圖
3.交互說明文檔，包含所有狀態(tài)的交互頁面，和交互說明、交互規(guī)范。
中間可能有多次評審和反復(fù)討論修改的過程，在這個過程中方案不斷完善。
五、設(shè)計方案驗證與優(yōu)化
交互原型輸出后，需要進(jìn)行設(shè)計師內(nèi)部的走查，可以針對用戶進(jìn)行可用性測試，A/Btest，5秒測試等。目的在于發(fā)現(xiàn)用戶在使用產(chǎn)品中可能出現(xiàn)的問題、獲取用戶對設(shè)計的反饋信息。其測試和評估結(jié)果將作為為設(shè)計修改的數(shù)據(jù)支撐。完善設(shè)計后，快速迭代。
第二部分：教你做交互設(shè)計時應(yīng)該從哪幾個大的方面入手
大的思路是以目標(biāo)為導(dǎo)向。
1、產(chǎn)品目標(biāo)／業(yè)務(wù)目標(biāo)：如果是從零開始設(shè)計一個新產(chǎn)品，要考慮產(chǎn)品的目標(biāo)是什么；如果是設(shè)計某個產(chǎn)品的某部分功能，要考慮業(yè)務(wù)目標(biāo)是什么（PS：業(yè)務(wù)目標(biāo)以產(chǎn)品目標(biāo)為導(dǎo)向）。
2、明確目標(biāo)用戶是誰，用戶的訴求是什么，想要從產(chǎn)品中獲得什么。綜合考慮用戶訴求與產(chǎn)品的目標(biāo)（其實是尋找產(chǎn)品目標(biāo)和用戶訴求的交集），設(shè)定我們的設(shè)計目標(biāo)，確定設(shè)計目標(biāo)后，所有的交互方案在設(shè)計時以達(dá)到設(shè)計目標(biāo)為目的。
3、依據(jù)設(shè)計目標(biāo)定義產(chǎn)品框架。
4、分解用戶場景，設(shè)計交互細(xì)節(jié)。
平面設(shè)計
工業(yè)設(shè)計
CG插畫
UI交互
室內(nèi)設(shè)計
建筑環(huán)境
