1.寫交互設(shè)計文檔目的：將抽象的產(chǎn)品需求轉(zhuǎn)化為具象的設(shè)計需求，有助于團(tuán)隊成員的溝通，降低溝通成本。

2.給誰看？分別看什么？

產(chǎn)品經(jīng)理：交互邏輯、功能架構(gòu)、界面頁面流轉(zhuǎn)、內(nèi)容布局等

UI設(shè)計師：具體的頁面數(shù)量、元素組件、多少的可發(fā)揮空間

程序開發(fā)：關(guān)心有多少功能、多少個功能新特性、多少個頁面元素組件、多少個交互動效等

測試人員：功能點、業(yè)務(wù)邏輯是否能滿足用戶的需求，交互過程是否符合用戶操作習(xí)慣等

3.根據(jù)前幾版的文檔，和公司的實際業(yè)務(wù)情況，發(fā)現(xiàn)公司軟件的迭代主要有三個方面的調(diào)整。

功能調(diào)整：產(chǎn)品經(jīng)理、開發(fā)、測試

樣式調(diào)整：UI設(shè)計

交互調(diào)整：產(chǎn)品、開發(fā)、測試、UI

針對團(tuán)隊不同成員的需求有針對性的進(jìn)行呈現(xiàn)。

4.包含的內(nèi)容：

a. 封面與版本信息

b. log(日志修訂記錄頁)

c.功能調(diào)整（每個功能點 分開 依次進(jìn)行說明）

d.交互調(diào)整（包括各功能點 流程圖、交互邏輯圖、文字等）

e.樣式調(diào)整（頁面數(shù)量、頁面元素圖等）

每次更新的時候a、b兩項會隨著每次的迭代而不斷更新，讓團(tuán)隊成員實時掌握每一次的版本調(diào)整內(nèi)容，有助于團(tuán)隊成員把握產(chǎn)品設(shè)計思路，更好的優(yōu)化產(chǎn)品。

c、d、e三項只在此版本文檔中體現(xiàn)。

（后續(xù)還可能會加入 變化需求 原因一項，讓團(tuán)隊成員將 調(diào)整變化的原因用文字的形式寫出來，以減少開會時溝通的成本 ）

規(guī)范：

1. ??a.如有需要，一些重要信息可在三個頁面同時出現(xiàn)，但每個頁面都要以體現(xiàn)各自主旨為先，進(jìn)行展示內(nèi)容的調(diào)整。（比如 樣式調(diào)整和功能調(diào)整 重疊的 新增-商品詳情頁-限時閃購標(biāo)識）

b.為避免對UI設(shè)計產(chǎn)生限制，預(yù)留發(fā)揮空間，內(nèi)容的優(yōu)先級會以 大小粗細(xì)、顏色深淺來體現(xiàn)。

2.頁面命名整理規(guī)范：

a.命名：改變-頁面-具體變化。 ? ?（例：刪除-限時閃購-頭圖），讓閱讀的人第一眼就知道要干什么。

b.整理規(guī)范：

功能調(diào)整：以功能點的調(diào)整 依次建立畫板。

交互調(diào)整：1.以不同頁面的交互建立畫板。 ? ?2.同一交互的不同展示方式，放在同一畫板，但要用顏色區(qū)分。

樣式調(diào)整：主要以不同的頁面調(diào)整 建立畫板。

3.版式規(guī)范：

a.頁面布局規(guī)范：畫板對齊，按照上面的整理規(guī)范思路依次建立畫板，并采用上圖下文的方式說明。（所有頁面的效果圖和文字要在橫向上對齊，以保證閱讀體驗） 參考公主發(fā)的 網(wǎng)易產(chǎn)品專欄中的制作方法。

b.頁面標(biāo)識規(guī)范：采用 箭頭+標(biāo)識點+文字 一一對應(yīng)的原則。