很榮幸，25學(xué)堂的小編在逛知乎當(dāng)中，看到了一位目前在UIMAX當(dāng)中任職的UI交互設(shè)計(jì)師：挪小辣。

看到設(shè)計(jì)師挪小辣的一些觀點(diǎn)非常接地氣。顧轉(zhuǎn)載過(guò)來(lái)跟目前想要從事APP交互設(shè)計(jì)的小伙伴一起學(xué)習(xí)。

如果你喜歡這個(gè)圖當(dāng)中的APP交互設(shè)計(jì)案例，可以點(diǎn)擊下載PSD素材。

鏈接: https://pan.baidu.com/s/1cF2MiM 密碼: pv51

下面就是設(shè)計(jì)師根據(jù)在UIMAX個(gè)人工作經(jīng)驗(yàn)整理出的一個(gè)完整的交互設(shè)計(jì)流程。具體設(shè)計(jì)項(xiàng)目的時(shí)候可能只涉及到其中某一個(gè)環(huán)節(jié)或幾個(gè)環(huán)節(jié)，根據(jù)產(chǎn)品設(shè)計(jì)的階段、你所在設(shè)計(jì)團(tuán)隊(duì)的工作分配方式和項(xiàng)目情況而定。

第一部分：什么是完整的交互設(shè)計(jì)流程

一、研究階段

1.思考產(chǎn)品目標(biāo)

明確做這個(gè)產(chǎn)品的目的是為了誰(shuí)解決什么問(wèn)題，或帶來(lái)什么價(jià)值。

2.用戶研究

目標(biāo)：用戶是誰(shuí)？典型使用場(chǎng)景是什么？目前存在哪些問(wèn)題和機(jī)會(huì)？

可能用到如下用戶研究方法，不限于此：情境訪談 、用戶畫(huà)像、體驗(yàn)地圖、用戶觀察、日志法、焦點(diǎn)小組等。

3.行業(yè)現(xiàn)狀研究

桌面研究：通過(guò)桌面研究了解產(chǎn)品所在行業(yè)發(fā)展現(xiàn)狀和趨勢(shì)。我們的產(chǎn)品可能在市場(chǎng)中處于什么位置。

競(jìng)品分析：分析市場(chǎng)上典型競(jìng)爭(zhēng)對(duì)手的服務(wù)情況，詳細(xì)分析競(jìng)品的產(chǎn)品策略、功能架構(gòu)、設(shè)計(jì)重點(diǎn)等內(nèi)容，提出我們的特色突破點(diǎn)，為后期設(shè)計(jì)提供依據(jù)。

啟發(fā)式評(píng)估：若進(jìn)行已有產(chǎn)品的改版設(shè)計(jì)，應(yīng)對(duì)已有的產(chǎn)品進(jìn)行啟發(fā)式評(píng)估，評(píng)測(cè)現(xiàn)有產(chǎn)品的可用性和易用性，發(fā)現(xiàn)問(wèn)題。

二、定義階段

結(jié)合前期用研究的結(jié)果，定義哪些用戶群體解決什么問(wèn)題，分析典型場(chǎng)景及用戶需求，定義產(chǎn)品功能。

1.確定目標(biāo)用戶群屬性和特征：包含用戶人種學(xué)特征、消費(fèi)偏好、審美偏好、操作偏好等。為后期的設(shè)計(jì)指導(dǎo)交互原則和視覺(jué)設(shè)計(jì)風(fēng)格。

2.分析典型使用場(chǎng)景：用戶在什么時(shí)間、地點(diǎn)和環(huán)境下，用戶目標(biāo)是什么、現(xiàn)存在哪些問(wèn)題。

3.需求分析：分析目標(biāo)用戶在典型場(chǎng)景下遇到的問(wèn)題，挖掘潛在需求，確立產(chǎn)品目標(biāo)，為之后的設(shè)計(jì)提供瞄準(zhǔn)的方向和重點(diǎn)。

4.功能定義：定義產(chǎn)品最主要的功能和基本功能，輸出功能框架圖。必要時(shí)，可使用卡片法確定功能框架。

三、概念設(shè)計(jì)階段

這一階段的目的是針對(duì)關(guān)鍵功能的概念設(shè)計(jì)，尋找多種可能的解決方案，定下現(xiàn)階段最優(yōu)的關(guān)鍵功能設(shè)計(jì)方案：

針對(duì)用戶在某一典型場(chǎng)景下的任務(wù)，使用故事版的方法，進(jìn)行目標(biāo)分解。設(shè)計(jì)團(tuán)隊(duì)成員可以坐在一起頭腦風(fēng)暴，發(fā)散思路，設(shè)計(jì)各種可能可行的方案。最終篩選并優(yōu)化，定出最符合用戶心智的交互概念方案。

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

確定概念方案后，就可以進(jìn)行具體的交互設(shè)計(jì)，具體的交互設(shè)計(jì)產(chǎn)出物如下：

1.詳細(xì)功能框架圖/功能列表

2.交互邏輯流程圖

3.交互說(shuō)明文檔，包含所有狀態(tài)的交互頁(yè)面，和交互說(shuō)明、交互規(guī)范。

中間可能有多次評(píng)審和反復(fù)討論修改的過(guò)程，在這個(gè)過(guò)程中方案不斷完善。

五、設(shè)計(jì)方案驗(yàn)證與優(yōu)化

交互原型輸出后，需要進(jìn)行設(shè)計(jì)師內(nèi)部的走查，可以針對(duì)用戶進(jìn)行可用性測(cè)試，A/Btest，5秒測(cè)試等。目的在于發(fā)現(xiàn)用戶在使用產(chǎn)品中可能出現(xiàn)的問(wèn)題、獲取用戶對(duì)設(shè)計(jì)的反饋信息。其測(cè)試和評(píng)估結(jié)果將作為為設(shè)計(jì)修改的數(shù)據(jù)支撐。完善設(shè)計(jì)后，快速迭代。

第二部分：教你做交互設(shè)計(jì)時(shí)應(yīng)該從哪幾個(gè)大的方面入手

大的思路是以目標(biāo)為導(dǎo)向。

1、產(chǎn)品目標(biāo)／業(yè)務(wù)目標(biāo)：如果是從零開(kāi)始設(shè)計(jì)一個(gè)新產(chǎn)品，要考慮產(chǎn)品的目標(biāo)是什么；如果是設(shè)計(jì)某個(gè)產(chǎn)品的某部分功能，要考慮業(yè)務(wù)目標(biāo)是什么（PS：業(yè)務(wù)目標(biāo)以產(chǎn)品目標(biāo)為導(dǎo)向）。

2、明確目標(biāo)用戶是誰(shuí)，用戶的訴求是什么，想要從產(chǎn)品中獲得什么。綜合考慮用戶訴求與產(chǎn)品的目標(biāo)（其實(shí)是尋找產(chǎn)品目標(biāo)和用戶訴求的交集），設(shè)定我們的設(shè)計(jì)目標(biāo)，確定設(shè)計(jì)目標(biāo)后，所有的交互方案在設(shè)計(jì)時(shí)以達(dá)到設(shè)計(jì)目標(biāo)為目的。

3、依據(jù)設(shè)計(jì)目標(biāo)定義產(chǎn)品框架。

4、分解用戶場(chǎng)景，設(shè)計(jì)交互細(xì)節(jié)。