做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

如何撰寫高效的交互說明？

2021-4-13    ui設計分享達人

定義：

交互說明是針對原型圖內容元素的補充解釋文字（包含交互邏輯描述、反饋狀態描述等） 

交互設計說明書由交互設計師完成編輯、修訂、發布的 
主要閱讀對象：產品人員、設計人員、研發人員、測試人員等，他們都是交互設計文檔的使用主角。 




不同角色的關注點：

產品經理
主要關注：交互邏輯、功能架構、交互事件、界面頁面流轉與內容布局等。這里的產品經理代表產品經理及以上管理層。 
注意要點： 為項目梳理清楚邏輯關系，文檔按照邏輯關系和功能架構分支等設置目錄講清楚項目、功能、組件、頁面流轉關系。

UI設計師
主要關注：說明文檔的具體頁面數量，因為這決定 UI 設計師出多少效果圖。另外，要看你的原型設計給 UI 設計師留了多少發揮空間，不要過于高保真。以及頁面元素是否統一規范便于提煉出典型頁面和設計規范。 
注意要點： 清晰合理的頁面功能布局，注意交互組件復用，頁面不同狀態描述清晰。

研發人員
主要關注：非常關心細節實現，關心有多 少個功能、多少個功能新特性、多少個頁面元素組件、多少個交互動效等， 但他不關心方案里一個輸入框里是用彩色還是黑白，因為他是具體功能的實現者。 
注意要點： 明確表示出關于功能設計、頁面邏輯、組件交互等信息的細節，例如：一個頁面刷新，要分為觸發刷新事件、刷新加載中、刷新成功提示、刷新失敗提示。其中失敗提示又要分多種情況：網絡不佳、程序異常等。如果你沒有提出明確需求，責任就會在需求方，而不是研發部門。

測試人員
主要關注：測試是依靠需求說明書和交互設計說明書，進行測試用例與測試腳本的編寫，在交互設計說明文檔里需要說明白每一個功能的交互動作與事件，測試是抓細節的，所以需要配一些說明性文字解釋交互設計的思路與實現路徑，這樣測試人員就可根據設計思路設計出測試用例。當然，測試用例分多種類型，這里指的是功能測試與邏輯測試，一些性能測試等需要依靠程序使用的軟件、數據庫等技術性的接口文檔來定。 
注意要點： 功能點、業務邏輯、界面元素、交互過程分解步驟。

上面解釋了各角色使用交互設計說明文檔的場景及他們期待的真實需求，我們需要清楚地了解這些內容，才能有針對性地撰寫交互設計說明。 
在交互設計過程中，上述四個角色會不斷有所交集。所以，一旦編輯文檔，就需要對這幾個角色有針對性地解釋和閱讀優化。 




清晰準確的交互說明，可以起到哪些作用：

1.減少交互設計師與產品上下游人員的溝通成本 
2.提升協作效率 
3.避免項目返工延期 




交互說明撰寫準則：

只寫最重要的： 

只針對有邏輯規則、異常狀態、特殊交互、分支流程、關鍵節點等進行說明。 
對于一些常識性、無異常點的地方不用堆積文字描述... 
交互說明畢竟是要給人看的，堆積的文字誰看得下去？？只會帶來額外的閱讀壓力和極高的理解成本，交互設計師修改起來也麻煩。 


按模塊來展示說明： 

01.設計內容組件：對于重復性強、出現頻率高的內容，設置一個模板內容及說明即可。 
對于重復出現的地方，直接代替過去就行，可大幅度減少交互設計師的工作量，開發也方便理解。 

02.分頁面/位置來展示：當整體交互原型頁面較多時，不要全都鋪在同一個頁面進行展示說明，會顯得頁面臃腫、瀏覽費力?？蓢L試：單獨展示某個模塊、分支流程、場景等下的交互稿。小而聚集，內容更精簡、理解更方便。 

03.若各模塊/分支流程/場景中的交互稿存在一定的關聯性，可以先做一張總體性的「概覽圖」，再去單獨展示。讓開發知道整體方案之間的關系、又能了解各個細分方案里的交互說明。 


復雜說明單獨展示： 

交互稿里總會有一些比較復雜、難以文字來說明的想法，像是一些動效、狀態等。 
對于這一些比較復雜的說明，可抽離出來進行對比、詳細描述，針對局部進行狀態效果描述，不必重復復制全量頁面。 
像一些按鈕或功能存在多種狀態時，也可用“表格/列表”的方式進行展示。 


交互說明的排版布局要有助于閱讀：

針對不同體量及復雜度的項目，交互說明一定存在多種排版布局方式。但要注意以下幾點： 
01.就近原則：交互說明盡量靠近所描述的原型圖（或具體功能點）采用數字標號對應描述。特殊情況下交互說明離頁面數字標注點較遠時，可用虛線連接引導閱讀動線。 

02.縱向展示：同頁面不同狀態/模塊及交互說明盡量縱向延伸展示，這樣更便于鼠標滾動查看。不要橫向平鋪太長。 

03.減少重復：對于相同的頁面框架/功能菜單僅部分模塊/狀態不同，可畫一張全要素主頁面示意，其余針對不同模塊/狀態拆解后，單獨對比展示，并補充交互說明。突出差異點，減少重復性元素的干擾。 

04.主次分明：交互說明樣式整體需要區別于原型圖頁面元素，可一眼區分。同時，對于交互說明也需要區分主要解釋和次要描述，讓不同查看者抓住重點。 

不同的排版布局方式各有利弊，所以具體采用哪種布局方式要根據所做項目的情況，以及開發人員的閱讀習慣而定。 


交互說明組件化： 

類似于設計的控件庫，我們在項目中寫交互說明寫多了就會發現，既然元素可以調用控件庫快捷使用，那么該元素的交互說明也可以歸類入庫，在需要的時候直接拿出來根據具體情況調整使用。這樣做的目的：使用時快捷調用，修改時快捷修改。 


有更改及時告知： 

若交互原型做了調整（包含交互說明），一定要告知團隊成員！！并寫明修改位置（在哪個頁面）。 
否則產品、前端、后臺、測試等同事的相關想法、工作會停留在上個交互稿里。不要因為信息沒對齊而造成了不良影響。就算改了一處小東西，也盡量和同步一下。 




交互說明的三種樣式：

1.同一頁面內不同模塊描述

當同一頁面內存在多種狀態時，可畫一張全要素主頁面示意，其余針對不同模塊/狀態拆解后，單獨對比展示并補充交互說明 



2.頁面功能點邏輯規則描述
對于頁面中的元素和功能點描述可采用數字標號對應的形式，若面功能點較多且存在關聯時，可分組標號做統一說明 




3.頁面內細節簡短標注描述
用于描述頁面內功能點及元素的簡短說明（20個字內）大段說明文字不建議用此方式（易干擾頁面）… 

文章來源：站酷  作者：體驗為王UX

藍藍設計( m.91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://m.91whvog3.cn

存檔