交互文档封面该如何设计？

2017年的第21篇文章。

1.DRD

互联网团队几乎每个岗位都要有输出物，产品经理要输出PRD，视觉设计师要输出视觉稿、切图和标注，而交互设计师则要输出交互设计文档（DRD）。一般来说交互设计文档会包括：封面、设计背景/目的、信息架构图、流程图、页面流、线框图、交互规则说明等等。

而交互设计文档的封面，类似于书籍的封面，要让人能一眼知道里面包含哪些信息，有个整体的感知，重要程度不言而喻。所以在开通小密圈之后的第一个讨论就是关于交互设计文档（简称DRD）的，它写给谁看？封面怎么设计？内容包含哪些等等。

小密圈

2.写给哪些人看？

如果把DRD看成是一个产品，那么它的用户就是产品经理、视觉、开发、测试、甚至是管理层，所以在书写时一定要考虑每个目标用户的需求。

产品：交互文档可以理解成是将需求文档图视化的一个过程，所做的产品原型有没有满足用户需求，达到公司的商业目的，交互设计师要和产品反复沟通，确保达成用户和公司的目标。

UI设计师：UI设计是将灰不溜秋的线框图转化为美美的视觉稿的人，他必须知道有多少个页面要设计，这些页面之间的跳转逻辑是怎样的，遇到特殊情况（数据加载、异常流程、网络异常等等）如何设计，这就是交互设计文档对UI设计师的意义。

开发人员：不管是iOS、Android、H5等前端开发人员，还是后端开发人员，需要从交互文档里知道，产品要实现多少功能？如何去实现？涉及到多少页面？这些页面又是通过什么去跳转的？碰到异常流程怎么处理？...将这些问题理清后变成代码语言，从而将产品实现出来。

测试人员：我们知道，产品必须经过系统测试才能上线，而进行系统测试之前，测试人员要进行测试用例的梳理，测试用例必须得覆盖所有的功能甚至是action，才能做到上线无bug，或者是少bug状态。测试人员整理测试用例表的时候就会参考交互设计文档。

关于整体DRD的设计，可以参考之前写的文章《如何输出一份合格的交互设计文档？》

3.封面要如何设计？

大家可以看下上面的图片，这是我工作中交互文档封面的内容。包括：

①正标题：项目名称和版本号，例如“微信APP_V6.0.1”（必须有）

②副标题：写明这是一份交互设计文档（必须有）

③修改时间：每次更新文档的时间（必须有）

④修改内容：每次修改文档的内容（必须有）

⑤其他：包括参与人员，提测上线时间等等（可写可不写）

具体的DRD封面图片，大家可以加入小密圈获取（扫描文末二维码加入）。我会和一帮小伙伴不定期的在小密圈更新工作中遇到的问题，以及如何解决这些问题。绝对是干货满满，欢迎大家加入。前100位加入的：69元/年（超过100人之后恢复到99元/年），作为第一时间看文章的小伙伴的福利。

写在最后，关于交互设计文档，它不仅仅是用来展示设计方案的，还是设计师设计能力的最佳体现，所以一定像做产品一样认真对待，并考虑其受众的需求。尽量做到清晰易懂、全面不遗漏、美观简洁。

扫描二维码加入小密圈