讀了一篇文章——《如何撰寫開發(fā)哥哥喜愛的交互文檔》，結(jié)合平時自己的工作方式進(jìn)行思考落恼，發(fā)現(xiàn)有些方法的確在踐行，但有些是遺漏的离熏，因此佳谦， 根據(jù)文章中提到的一些方法，對平時的工作方式進(jìn)行了總結(jié)滋戳，整理出適合自己的書寫交互文檔的思路钻蔑。

一、給誰看

就跟做產(chǎn)品需要關(guān)心用戶是誰一樣奸鸯，寫文檔要關(guān)注讀者是誰咪笑，他們關(guān)心的內(nèi)容是什么。

產(chǎn)品：關(guān)注核心流程是否充分滿足產(chǎn)品需求

UI：控件樣式及頁面展示

開發(fā)：控件交互娄涩、頁面展示蒲肋、頁面跳轉(zhuǎn)、頁面加載方式、異常情況處理等頁面實(shí)現(xiàn)邏輯

測試：場景是否考慮周全兜粘、異常情況是否全部覆蓋申窘、是否受設(shè)備限制等

除此之外，有些情況下孔轴，交互設(shè)計(jì)師會直接對接業(yè)務(wù)人員剃法，他們關(guān)注的內(nèi)容與產(chǎn)品基本一致，即——核心流程是否滿足業(yè)務(wù)需求路鹰，按照『問題-解決方案-流程』的步驟推進(jìn)即可贷洲。

二、意義：為什么我們要輸出清晰易懂的交互文檔

Why：讓團(tuán)隊(duì)成員了解項(xiàng)目背景晋柱，為什么做? ? ? ? ? How：讓大家明白如何做

既然是一個團(tuán)隊(duì)优构，有一個共同的目標(biāo)可以增強(qiáng)凝聚力。針對項(xiàng)目背景的解釋雁竞，讓大家了解到項(xiàng)目要解決的問題钦椭，讓大家從同一個出發(fā)點(diǎn)去思考問題。詳細(xì)講解設(shè)計(jì)方案碑诉，能夠讓大家?guī)е懊嫣岢龅膯栴}去評估解決方案的合理性彪腔，如果在閱讀過程中發(fā)現(xiàn)解決方案有誤，盡早提出就可以及時修改进栽，使方案更加完善德挣。這樣子，最終的方案就不僅僅是一個產(chǎn)品和交互設(shè)計(jì)師認(rèn)可的東西快毛，而是得到了項(xiàng)目組全體成員的共同評估認(rèn)可格嗅，出錯幾率更小。

在介紹項(xiàng)目背景時唠帝，最好結(jié)合數(shù)據(jù)進(jìn)行說明屯掖，通過這種方式，能夠讓項(xiàng)目動機(jī)更具說服力没隘。比如懂扼，對比兩種方式的提交率和成交率禁荸，無論從提交還是成交來說右蒲，方式A都比方式B更優(yōu)，因此在產(chǎn)品迭代時赶熟，要考慮到更多的引導(dǎo)和推薦A方案瑰妄。

三、設(shè)計(jì)方案及交互說明

以頁面為基準(zhǔn)從整體上考慮：原型稿上呈現(xiàn)出來的映砖，只是交互設(shè)計(jì)師否定再否定的思考結(jié)果间坐，有很多取舍是在最終的設(shè)計(jì)方案之外的

例如在拿到需求時，從整體上考慮共有幾個頁面，頁面關(guān)系如何竹宋，完成任務(wù)的訪問深度是否合適劳澄？訪問深度過深，如何避免用戶迷失蜈七？設(shè)部分思考很少以文檔形式留存下來养距，但卻對于設(shè)計(jì)方案來說必不可少顽馋。

從流程上思考：如何可以讓流程更加簡潔，開發(fā)和測試都更容易讀懂

能夠達(dá)成目的的路徑有多種，但一定有簡單和復(fù)雜的差異艳馒。盡量多想想能否以更簡單的流程來達(dá)成目標(biāo)，避免被既定思維限制段审。

極端情境考慮

1抑钟、網(wǎng)絡(luò)因素——弱網(wǎng)情況 & 檢測不到網(wǎng)絡(luò)：提示用戶網(wǎng)絡(luò)問題導(dǎo)致的數(shù)據(jù)加載失敗，并引導(dǎo)重試

2雀监、數(shù)據(jù)因素——數(shù)據(jù)加載失敗 & 數(shù)據(jù)為空：數(shù)據(jù)加載失敗時双吆，提示用戶失敗原因且引導(dǎo)重試；數(shù)據(jù)為空時滔悉，建議用戶更換請求數(shù)據(jù)關(guān)鍵詞伊诵，給出解決方案

3、權(quán)限因素——需要授權(quán)才能展示的數(shù)據(jù)或內(nèi)容 & 頁面加載環(huán)境變化：如在微信環(huán)境下回官，拒絕授權(quán)賬戶信息

4曹宴、設(shè)備因素：是否響應(yīng)屏幕旋轉(zhuǎn)的情況 & 不同尺寸設(shè)備的適配情況

交互元素的狀態(tài)變化

在原型圖上標(biāo)記出可交互的元素，并逐一進(jìn)行交互描述歉提，描述格式為——觸發(fā)事件+界面變化（元素變化）+關(guān)閉/返回方法笛坦。描述之后，需要寫清楚元素狀態(tài)變化的幾種情況：

1苔巨、狀態(tài)變化：包括Normal版扩、pressed、disable侄泽。對于一些通用組件礁芦，以交互規(guī)范的形式事先定義好狀態(tài)，能夠有效提高效率

2悼尾、數(shù)據(jù)變化：包括長度變化時如何處理柿扣，數(shù)據(jù)類型變化時如何處理、出現(xiàn)特殊字符時如何處理等

3闺魏、動效要求：是否對元素變化有動效要求未状，動效表現(xiàn)為如何，包括動效示例及緩動曲線參數(shù)說明等析桥，使開發(fā)能夠很直觀的了解你所說的效果

4司草、跳轉(zhuǎn)關(guān)系說明：元素之間的鏈接關(guān)系艰垂，如何從A到B，又如何從B回到A

為了避免遺漏埋虹，可以建立交互設(shè)計(jì)自查表猜憎，引導(dǎo)幫助自己查漏補(bǔ)缺，特別是遇到大型項(xiàng)目搔课，一般周期較長拉宗，交互設(shè)計(jì)自查表，不僅能夠起到查漏補(bǔ)缺的作用辣辫，還可以提高自己思考效率旦事。

四、不同類型需求的展示形式不同

a.頁面優(yōu)化急灭，盡量放線上對比圖姐浮，明確更改點(diǎn)

b.新增功能，需要清晰的流程圖

c.大型功能葬馋，注意拆分細(xì)節(jié)任務(wù)流卖鲤，方便協(xié)作

工作時已養(yǎng)成一種固定的撰寫習(xí)慣，讀到這條建議后畴嘶，深以為然蛋逾。根據(jù)需求類型靈活處理文檔形式，以『易讀性』為目標(biāo)窗悯，才是一種好的習(xí)慣区匣。

五、文檔管理

看過一些文章蒋院，一般會在原型圖內(nèi)做版本記錄亏钩，但我的習(xí)慣，為了避免單個文件過大欺旧，更傾向于以項(xiàng)目為維度姑丑，建立獨(dú)立的文件夾，以清楚的文件名進(jìn)行管理辞友。項(xiàng)目完成后栅哀，進(jìn)行復(fù)盤時，可以將項(xiàng)目按照頁面拆出來称龙，建立以頁面為基準(zhǔn)的管理文件夾留拾，便于工作交接。