交互文檔是交互階段的最終輸出產(chǎn)物，好的交互文檔不僅僅是線框圖的呈現(xiàn)，而是包含了設(shè)計思路、設(shè)計流程、組件等的綜合文檔。不要小看交互文檔，如果交互文檔寫不好，交互設(shè)計師很難講清楚設(shè)計的思路，從而無法說服產(chǎn)品經(jīng)理和業(yè)務(wù)方，同時因?yàn)槿狈?xì)節(jié)和系統(tǒng)的專業(yè)表達(dá)，也會提高與研發(fā)的溝通成本，甚至?xí)鸷笃趩栴}，大大降低項(xiàng)目推進(jìn)的速度，造成延期。那么，一個成功的交互文檔應(yīng)該從哪些方面進(jìn)行表達(dá)呢？

01 需求背景

在呈現(xiàn)交互方案前，需要講明白前置背景，才能一步步推導(dǎo)方案，方案也更有說服力。

a. 項(xiàng)目背景

首先，要明確問題是什么。相關(guān)的用戶反饋是什么，產(chǎn)品出現(xiàn)了什么問題，或者這塊相關(guān)的數(shù)據(jù)出現(xiàn)了什么問題，或者在核心業(yè)務(wù)目標(biāo)上出現(xiàn)了什么問題，這些都是問題的定義。其次，明確要解決什么問題。這里可以是對應(yīng)上面的問題，也就是業(yè)務(wù)目標(biāo)或體驗(yàn)?zāi)繕?biāo)。

b. 設(shè)計目標(biāo)

我們已經(jīng)在第一步明確了業(yè)務(wù)的目標(biāo)，但用戶想要的是什么？明確用戶體驗(yàn)?zāi)繕?biāo)，可以通過用戶畫像等研究方法，大的項(xiàng)目可能需要更多維度的分析才能明確用戶目標(biāo)。用戶調(diào)研方法是交互設(shè)計知識體系中很重要的一部分，由于內(nèi)容過多，在此不做展開，請關(guān)注小編后續(xù)文章。根據(jù)業(yè)務(wù)目標(biāo)和用戶目標(biāo)，推導(dǎo)出設(shè)計的目標(biāo)，設(shè)計目標(biāo)就是這個設(shè)計方案的指導(dǎo)方向。

c. 核心數(shù)據(jù)

上面提到了業(yè)務(wù)目標(biāo)、用戶目標(biāo)，那么跟這幾個目標(biāo)相關(guān)的哪些數(shù)據(jù)能在項(xiàng)目上線后證明目標(biāo)是不是達(dá)到了，它們就是核心數(shù)據(jù)，在這里都要明確出來。

d. 項(xiàng)目風(fēng)險

我們優(yōu)化了某些功能很有可能會給其他模塊帶來一些負(fù)面的影響，這里要明確出有可能的風(fēng)險，然后評估一下風(fēng)險的大小，若風(fēng)險可以忽略，那項(xiàng)目就可以執(zhí)行下去，若風(fēng)險的負(fù)面影響大過了整個項(xiàng)目的收益，那就要另做考慮了。

02 交互流程

項(xiàng)目背景介紹清楚后，就可以介紹方案了。首先介紹交互流程，這樣比較容易簡單明了的將功能的整體流程和重點(diǎn)介紹出來，并將大家?guī)氲秸麄€方案里來，不至于后面不知道在說什么。

03 核心頁面交互說明

a. 層級結(jié)構(gòu)

這部分描述核心頁面的布局、結(jié)構(gòu)、層級，比如是頂部導(dǎo)航結(jié)構(gòu)還是底部導(dǎo)航結(jié)構(gòu)，比如層級順序是什么。該部分若沒有大的變化也可以不展示。

b. 功能邏輯

這部分介紹需求變化的功能邏輯，比如點(diǎn)擊后的流程是否有變化、展開形式是否有變化。

c. 組件說明

這部分介紹具體的組件交互方式，比如播放組件的幾種狀態(tài)，彈窗的交互方式，表格的交互形態(tài)等。移動端的組件一般會有一些公認(rèn)的規(guī)范，設(shè)計師結(jié)合自己產(chǎn)品的特點(diǎn)和統(tǒng)一性對規(guī)范進(jìn)行優(yōu)化潤色，從而形成自己產(chǎn)品的組件規(guī)范。組件的規(guī)范也是一個知識體系，后續(xù)小編會做相關(guān)分享，請持續(xù)關(guān)注。

04 交互Story

這部分將整個需求的交互流程串聯(lián)起來，遍歷整個流程，將所有的正向流程、特殊狀態(tài)都呈現(xiàn)出來。如果需求僅僅是頁面上的改動、沒有流程變化，這部分也可以不呈現(xiàn)。

總結(jié)以上從各個層次對交互方案進(jìn)行了介紹，這幾部分基本能涵蓋交互階段需要考慮的東西了，這樣出來的交互方案基本可以將需求、目標(biāo)和方案都講清楚，當(dāng)然這只是常規(guī)需求的文檔輸出方式，如果是設(shè)計師自驅(qū)發(fā)起的項(xiàng)目，思路和文檔會更復(fù)雜一些，小編后續(xù)會繼續(xù)做這方面的分享，敬請各位持續(xù)關(guān)注。