一、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模版免費分享!》