项目的交互文档怎么写

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

推荐阅读更多精彩内容