引言

交互設(shè)計(jì)主要是將產(chǎn)品經(jīng)理確定的需求進(jìn)行細(xì)化，并以交互文檔的方式呈現(xiàn)，指導(dǎo)開發(fā)和測(cè)試展開工作，也可以理解為開發(fā)使用的文檔。下面我將從三個(gè)層面來(lái)探討下交互設(shè)計(jì)，即：產(chǎn)品層、概念層、行為層。

一、產(chǎn)品層

產(chǎn)品層，主要是從正常的產(chǎn)品設(shè)計(jì)角度，即產(chǎn)品鏈角度來(lái)分析交互設(shè)計(jì)。

在用戶體驗(yàn)五要素中，我們知道產(chǎn)品經(jīng)理負(fù)責(zé)戰(zhàn)略層和范圍層，交互設(shè)計(jì)師負(fù)責(zé)結(jié)構(gòu)層和框架層，視覺設(shè)計(jì)師負(fù)責(zé)表現(xiàn)層。

其中產(chǎn)品經(jīng)理主要是從一堆需求中，通過需求分析找到低成本高價(jià)值的需求，并確定好范圍以需求文檔形式呈現(xiàn)，這里有產(chǎn)品需求和用戶需求。

而交互設(shè)計(jì)師主要是分析已確定的需求，站在用戶體驗(yàn)角度將其轉(zhuǎn)化為可開發(fā)的交互文檔，也可以簡(jiǎn)單理解為分析問題，解決問題。

1、分析問題

我們可以對(duì)應(yīng)交互模型和用戶體驗(yàn)地圖。

交互模型應(yīng)該是一開始就要分析的，即用戶、場(chǎng)景、目標(biāo)；不同的用戶在不同的場(chǎng)景下的不同任務(wù)目標(biāo)，可以衍生出多個(gè)任務(wù)流程。其中用戶分析，可以理解為用戶畫像，即模擬出幾種類型的用戶，并對(duì)其基本情況有個(gè)詳細(xì)描述，后面針對(duì)某類型用戶時(shí)便可以使用其虛擬名稱。

用戶體驗(yàn)地圖，正常來(lái)說是需要找到一群真實(shí)用戶來(lái)體驗(yàn)產(chǎn)品，并將真實(shí)的體驗(yàn)過程給描述出來(lái)。實(shí)操上可能并沒有這么完善的條件，我這邊的做法是利用同理心去模擬用戶，體驗(yàn)通過交互模型分析梳理的任務(wù)流程，并將所思、所做、所感記錄下來(lái)。

所思，可以理解為每步操作前的思考，例如：看到登錄頁(yè)時(shí)，頁(yè)面中的元素?cái)[放會(huì)讓我有哪些思考或想法。

所做，可以理解為靜態(tài)的時(shí)候，我會(huì)怎么操作，產(chǎn)品有所反饋后，我又會(huì)怎么操作。

所感，可以理解為整個(gè)流程體驗(yàn)下來(lái)，具體的一些心里感受，好的或者不好的地方。

通過用戶體驗(yàn)地圖可以很容易地找到產(chǎn)品的一些隱含痛點(diǎn)，并通過持續(xù)的改進(jìn)讓產(chǎn)品的體驗(yàn)越來(lái)越好。

2、解決問題

我們可以對(duì)應(yīng)任務(wù)流程、信息架構(gòu)、頁(yè)面原型。

通過交互模型可以很容易得到任務(wù)流程圖，我這邊不喜歡將很多流程畫到一張圖里面，而是區(qū)分不同的用戶畫出在不同場(chǎng)景下的任務(wù)流程圖，將復(fù)雜的流程圖給拆分簡(jiǎn)單化，這樣后面畫原型時(shí)，邏輯更清晰，也不會(huì)遺漏一些頁(yè)面。

信息架構(gòu)圖，主要是分析產(chǎn)品的需求文檔，也可以先梳理出功能架構(gòu)圖，在此基礎(chǔ)上對(duì)產(chǎn)品的信息架構(gòu)進(jìn)行設(shè)計(jì)，原則就是脈絡(luò)要清晰。

有了任務(wù)流程圖和信息架構(gòu)圖后，再來(lái)畫頁(yè)面原型，感覺就清晰多了。頁(yè)面原型可以理解為需求可視化，即將產(chǎn)品的概念通過實(shí)際的產(chǎn)品設(shè)計(jì)圖表達(dá)出來(lái)，需要交互設(shè)計(jì)師有一定的頁(yè)面排版能力和美感，原型在不影響效率的前提下應(yīng)盡量美觀。個(gè)人感覺，這部分能力就需要一定的項(xiàng)目積累了。我之前由于有幾年的網(wǎng)頁(yè)設(shè)計(jì)經(jīng)歷，所以需求可視化的能力就直接轉(zhuǎn)嫁過來(lái)了。

3、方案落地

我們可以對(duì)應(yīng)交互文檔。

交互設(shè)計(jì)師最終的輸出物就是交互文檔了，我們一般畫好了原型后就會(huì)拉個(gè)會(huì)議，對(duì)交互方案進(jìn)行討論，我這邊的做法是按照設(shè)計(jì)流程來(lái)講，依次按交互模型、用戶體驗(yàn)地圖、任務(wù)流程圖、信息架構(gòu)圖的順序先過一遍，再針對(duì)具體的頁(yè)面原型進(jìn)行講解。

這個(gè)地方需要根據(jù)公司的實(shí)際情況靈活安排了，我們的原則就是盡量讓交互方案順利通過，所以先講概念性的分析產(chǎn)物，而原型是通過前面分析而來(lái)，不容易被全盤否決，更多的是具體頁(yè)面元素內(nèi)容或者擺放上的調(diào)整。我這邊的經(jīng)驗(yàn)是，開發(fā)也會(huì)將一些難點(diǎn)拋出來(lái)進(jìn)行討論。

交互評(píng)審?fù)ㄟ^后針對(duì)每頁(yè)原型都要附上一些說明，然后將所有這些輸出物集合打包，就成了一份詳細(xì)的交互文檔，也可以理解為開發(fā)文檔。后面會(huì)專門寫一篇文章來(lái)描述交互文檔如何來(lái)寫。

我個(gè)人的想法是，產(chǎn)品經(jīng)理輸出的需求文檔就不用給開發(fā)看了，后面開發(fā)和測(cè)試都統(tǒng)一以交互文檔為依據(jù)，有需求變更或者開發(fā)難點(diǎn)反饋等，交互文檔需要跟進(jìn)，并附上修改時(shí)間和記錄，作為詳細(xì)的查閱資料應(yīng)用于整個(gè)產(chǎn)品組。

4、優(yōu)化

我們可以對(duì)應(yīng)數(shù)據(jù)分析、用戶反饋、可用性測(cè)試。

數(shù)據(jù)分析，主要是產(chǎn)品上線后，用戶的一些使用數(shù)據(jù)，我們拿到這些數(shù)據(jù)后，可以分析出一些真實(shí)的用戶行為。

用戶反饋，就是用戶使用產(chǎn)品后的一些反饋，有好的也有不好的，例如：APP上線后，都會(huì)有一些用戶的吐槽等。我們需要從眾多反饋中提煉出可優(yōu)化的用戶需求，此處有個(gè)原則：不要讓小概率事件影響大概率事件。

可用性測(cè)試，主要是模擬真實(shí)用戶去體驗(yàn)測(cè)試階段的產(chǎn)品，并將一些問題進(jìn)行記錄。這里可以請(qǐng)具有代表性的用戶或者公司同事來(lái)體驗(yàn)，也可以自己去體驗(yàn)。

二、概念層

從概念上來(lái)說，交互設(shè)計(jì)是指：幫助用戶更好地使用產(chǎn)品，達(dá)到用戶目標(biāo)，并在這個(gè)過程中有愉悅的感受。我們可以提取出“更好地使用產(chǎn)品”、“有愉悅感受”。

1、更好地使用產(chǎn)品

更好地使用產(chǎn)品，我們對(duì)應(yīng)認(rèn)知和反饋

認(rèn)知，簡(jiǎn)單說就是一看就明白，會(huì)用。一個(gè)復(fù)雜的界面，第一次使用時(shí)用戶可以很快上手，這樣我們就認(rèn)為擁有好的認(rèn)知屬性，可以節(jié)省很多用戶思考的時(shí)間或者說節(jié)省用戶的認(rèn)知資源；一個(gè)產(chǎn)品如果復(fù)雜的界面都有這種認(rèn)知屬性，整個(gè)產(chǎn)品就不會(huì)太難用，可以節(jié)省很多培訓(xùn)用戶的時(shí)間。

反饋，簡(jiǎn)單說就是操作順暢，容錯(cuò)。每次操作界面時(shí)，系統(tǒng)都能給出很友好的反饋，對(duì)于很復(fù)雜的流程，用戶也能很順利地去操作，最終達(dá)到自己的任務(wù)目標(biāo)；用戶有一些錯(cuò)誤的操作，產(chǎn)品通過合理的反饋可以避免用戶去犯錯(cuò)。

這樣的一款有好的認(rèn)知和友好反饋的產(chǎn)品，對(duì)用戶而言，應(yīng)該是用起來(lái)很舒服的。我們?cè)诋a(chǎn)品設(shè)計(jì)時(shí)考慮更多點(diǎn)，做得更多點(diǎn)，用戶用起來(lái)就更簡(jiǎn)單些，更舒服些。

2、有愉悅感受

有愉悅感受，我們對(duì)應(yīng)體驗(yàn)過程，即操作簡(jiǎn)單、界面美觀。

操作簡(jiǎn)單，一款用戶體驗(yàn)好的產(chǎn)品，用戶在使用時(shí)，有愉悅的感受是必然的。這里我們可以去關(guān)注交互層的情感化設(shè)計(jì)，一個(gè)復(fù)雜的流程，每一步的銜接，每一步的轉(zhuǎn)場(chǎng)動(dòng)效，在用戶完成目標(biāo)的前提下，有更愉悅的精神體驗(yàn)。例如：反饋時(shí)的方式，哪種體驗(yàn)更好；界面切換時(shí)，需要使用哪種動(dòng)效等。

界面美觀，這里主要是針對(duì)UI設(shè)計(jì)，視覺層的情感化設(shè)計(jì)。使用一款界面很漂亮的產(chǎn)品，在滿足好用的前提下，有更多的愉悅感受也是必然的。例如：一些報(bào)錯(cuò)頁(yè)面的情感化設(shè)計(jì)，可以撫慰用戶的焦慮；引導(dǎo)頁(yè)的情感化設(shè)計(jì)，可以降低用戶使用產(chǎn)品的難度等。

三、行為層

交互從廣義上來(lái)說，是設(shè)計(jì)人與物的互動(dòng)、人與人的互動(dòng)、人與環(huán)境的互動(dòng)；從狹義上來(lái)說，就是人與物的互動(dòng)，而且這個(gè)物指產(chǎn)品界面。我們希望設(shè)計(jì)用戶的行為，讓用戶按照我們的商業(yè)目標(biāo)來(lái)使用產(chǎn)品。用戶是難伺候的，我們的實(shí)操是通過設(shè)計(jì)物的行為即界面的行為，來(lái)影響用戶的行為。

簡(jiǎn)單說就是，設(shè)計(jì)物的行為，影響人的行為；收集用戶真實(shí)的使用行為，反過來(lái)決策產(chǎn)品行為應(yīng)該如何設(shè)計(jì)，這樣形成了一個(gè)良好閉環(huán)，不斷的設(shè)計(jì)行為，達(dá)到更好的用戶體驗(yàn)。

用戶有很多，潛在的，實(shí)際的等，對(duì)于低動(dòng)機(jī)低能力的用戶，在此不考慮。

1、引導(dǎo)，高動(dòng)機(jī)低能力

高動(dòng)機(jī)低能力的用戶，我們的關(guān)鍵是提升用戶的能力。

用戶對(duì)我們的產(chǎn)品有很高的使用動(dòng)機(jī)，無(wú)奈缺乏使用能力，這個(gè)能力可以理解為用戶的負(fù)荷過重，理解能力不夠，我們要提高用戶的能力，自然就是降低用戶負(fù)荷，降低產(chǎn)品的理解難度。

這類用戶，我們只需要去引導(dǎo)他們，讓他們跟著產(chǎn)品設(shè)計(jì)好的行為，一步步走，例如引導(dǎo)頁(yè)，新功能的引導(dǎo)助手等。

在生活中，有個(gè)大家很熟悉的例子：貸款買房。買房屬于大件消費(fèi)了，一般人缺少全款買房的能力，銀行推出的個(gè)人貸款買房產(chǎn)品，就可以理解為是提高了購(gòu)房者的購(gòu)房能力，然后銀行可以獲得利息作為利潤(rùn)。其他的產(chǎn)品，例如貸款買車，花唄，借唄等都是一類的，都是提高用戶的購(gòu)買能力。

2、提醒，高動(dòng)機(jī)高能力

高動(dòng)機(jī)高能力的用戶，我們的關(guān)鍵是提醒。

一個(gè)好的產(chǎn)品，知道的人太少，導(dǎo)致用戶量不高，其中很多高動(dòng)機(jī)高能力的用戶也錯(cuò)過了。生活中，常見的宣傳手段是廣告，提高曝光度，讓大家都知道這款產(chǎn)品，對(duì)于有高動(dòng)機(jī)高能力的，一點(diǎn)點(diǎn)提醒后，自然就會(huì)成為產(chǎn)品用戶。