項目的交互文檔怎麼寫

一、UX Documentation的作用

1、交互文檔用來記錄在交互設計過程中的任何內容,供團隊內人員或者其他相關人員使用。

2、從長遠來看,交互文檔對整個團隊比較有好處。

一個好的交互文檔:團隊的新人通過文檔可以輕鬆接手。

二、亞馬遜的交互文檔主要有以下3種用途:

1、設計系統 (DS)的說明

設計團隊有一個很大的DS,實際使用時有些組件的用法和DS裏寫的不太一樣。這時需要記錄下來到底怎麼用、舉列、說明建議的用法和不建議的用法等,以便團隊所有設計師都能遵守。

還有整個UX pattern(模型)也可以記錄,放截圖和文字介紹,給新來的設計師或者相關人員查看。

2、記錄UX設計時做的決定

做複雜的新產品時,可以記錄整個設計過程。如PM給的設計要求、Tech的限制、research、設計上做決定的理由、最後的設計圖等。

方便團隊外成員瞭解設計的理由,防止忘記,方便回看歷史設計決策並做優化迭代。

3、記錄UI裏面的所有文字

亞馬遜特有的記錄所有文案的部分。不建議把UI裏面的文字只放到Figma裏面,可在UX Documentation建一個表格,放一些截圖並把各種UI文字放在截圖下面,這樣方便程序員們改文字,也方便UX writer查看所有設計師的作品裏面用的文字是否有一致性。(有的團隊有UX writer)。

三、UX Documentation注意事項:

1、使用獨立文檔,可以用Word文檔等,不建議放在figma或sketch,給相關人員看的越簡單越好

2、根據團隊人員和其他相關人員的反饋,不斷改善交互文檔

3、亞馬遜的交互文檔模板如下文

四、亞馬遜交互文檔模板

項目名稱

1、項目時間年月

2、項目概述

3、商業需求或相關文檔的鏈接

用戶需求

1、該項目解決了核心用戶的什麼問題

2、用戶對於一定要到網頁端支付感到很煩,因爲這樣……

3、用戶的需求舉證

關鍵時間節點

戰略和範圍

產品戰略:XXX

產品範圍:如下圖

計劃詳情

相關人員

產品經理:John Smith / john.smith@

開發主管:Jane Doe / Jane.doe@

軟件開發工程師:Jack Li / jack.li@

調研

1、相關調研的鏈接

2、相關調研的要點,例如:90%的用戶有5個或者更多的銀行賬戶;收款人的平均數量是16位

前期探索

對比圖【方案1圖】【方案2圖】

 前期探索的反饋/限制

1、開發建議修改……因爲……

2、設計團隊建議新增……因爲……

3、……的限制……

迭代版本

【圖】

1、設計原則

2、版本迭代的反饋/限制:相關人員對版本迭代的反饋或一些限制因素

最終版

【圖】

1、相關人員評審和反饋記錄地址XXX

2、交接文件地址XXX

3、設計系統更新記錄

最終版反饋

1、設計團隊評審一致通過方案的日期:2022-02-22,無異議

2、技術團隊評審日期:2022-02-22,關於XXX有疑問,無其他異議

驗收

用戶驗收記錄,例如:沒有用戶測試的預算,在測試版中跟蹤用戶數據

開發記錄

【圖】

開發過程中的一些備註,例如:2022-02-22,開發提出XXXXX的方案

相關文檔

1、UX文檔:XXX

2、產品文檔:XXX

3、技術文檔:XXX


內容整理自小紅書作者:和Yuki一起聊UX,《UX Documentation模版免費分享!

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