项目的交互文档怎么写
一、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模版免费分享!》