如何撰寫交互設計文檔?

  • 交互設計文檔應包含的內容:
    1、封面
    2、目錄
    3、修訂記錄
    4、業務流程圖
    5、信息架構
    6、交互流程圖
    7、交互方案
    8、控件庫

1、封面

在封面做簡單的項目簡介,讓閱讀交互設計文檔的小夥伴對項目有一個大致的瞭解


2、目錄

3、更新記錄

文檔的交付不代表文檔已經完成了,應持續跟進並更新文檔,做文檔更新記錄有以下意義:
 1、方便各方快速瞭解更新內容,而無需一頁一頁的查找,浪費不必要的時間和精力
 2、對交互設計師自己也是一個記錄筆記的地方,避免遺忘
 3、但各方意見向左時,修訂記錄是最好的約定

那麼如何做文檔更新記錄呢?:
 1、以天爲單位清楚記錄從文檔建立時到開發完成甚至跟進階段所有修訂的內容
 2、便於其他人的查找,可附上頁面鏈接,直接跳轉到相應頁面


4、業務流程圖

5、信息架構

6、交互流程設計

7、具體設計方案
  • 交互方案需要包含幾個點:流程、頁面內容、交互說明
     流程1:一個頁面一個任務
    一個頁面說清楚一件事:每一頁能展示的內容是有限的,如果同一頁中堆積太多線框圖會造成問題
     流程2:每個任務都要有起點;同一個頁面的不同狀態,最好在一個頁面展示
     頁面內容1:內容規範,準確傳遞設計方案
     頁面內容2:儘量黑白灰,避免視覺干擾
     交互說明1、:交互規則及邏輯關係
     交互說明2:交互迭代要有標識
     交互說明3:點擊後的交互反饋
     交互說明4、動效說明
     交互說明5:需要視覺同學注意的特別說明

8、控件庫

使用同一的控件庫,方便修改或更新時快速獲取控件庫,以及保證交互文檔前後一致性


End.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章