很榮幸,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é)。
全站高品質(zhì)素材免費(fèi)下載!