为什么要写交互设计文档交互设计文档怎么写

今天想和大家分享一下：为什么要写交互设计文档？交互设计文档怎么写？作为交互设计师，我们平时工作最大的输出就是交互设计文档。很多刚转行的同学会在网上找模板直接应用或者慢慢摸索，这篇文章会为你解开为什么要写交互设计文档的疑惑以及怎么写！还有，学习更多的交互设计技巧，何不来学习交互设计课程？

为什么要写交互设计文档？

第一交互设计师的交互设计文档就像UI设计师的PSD文件一样，用来保存和记录自己的设计思路。但是交互设计师的任务不仅停留在页面上，还包括产品需求分析、用户画像、竞争产品分析、产品数据分析、用户交互逻辑等。我们都可以写在交互设计文档中进行记录，为我们的交互设计提供依据。(其实就是避免开发怼你问你设计依据是什么，你马上把分析放在他脸上，避免尴尬)

第二点是交互设计师作为产品的上游(一般的开发过程是产品经理负责收集需求，给交互设计师进行交互设计，写交互设计文档，然后通过文档评审，UI学生负责UI设计，然后提供前端学生进行界面开发，后端学生根据交互稿构建框架和业务逻辑，开发完成后进行测试，反馈测试结果，这样循环，所以交互设计师一般处于产品线的上游阶段)。写一份标准规范的交互设计文档很重要，因为我们需要用交互设计文档来表达我们的设计思路。通过交互文档，我们可以让UI学生知道页面需要向用户表达什么情绪，达到什么目的，告诉前端学生页面跳转逻辑，如何写交互模块，帮助后端学生清晰地构建后台框架和数据库，以及产品业务逻辑。最后测试童鞋会用你的交互稿进行单元测试，编写测试用例，所以只有先写文档，才能避免后面产品开发的问题。

第三点也是最重要的一点，就是我们以后用来跳槽加薪面试作品。专家看门道外行看热闹。如果你在面试交互设计师的时候还是带着一个长JPG或者同样在网上排版的PDF作品集，在面试官眼里是不入行的(也许你会遇到一个性格好的面试官，毕竟有几千人，面试特别看人)，因为专业的交互设计师互设计师为了避免在日常工作中干扰UI学生的设计，只会用黑白灰做交互稿，很少做长PNG或者JPG。我们可以适当包装作品集，但是过度的话会让人觉得不落地，可能只停留在入行阶段。所以在技术面试中，我们可以拿着我们的交互设计文档，向面试官讲述如何从需求层面思考产品，解决用户的痛点，最终取得什么样的成绩，获得什么样的数据。相信成功的几率会大很多。(PS:面试前需要注意的是对公司机密信息进行脱敏处理，避免纠纷)

交互设计文档怎么写？

1.文档封面(必须)

文档封面相当于一本书的封面，用来记录产品名称、版本号、日期、文档负责人(这样开发童鞋就能准确找到你撕X)，只要能显示以上信息，其他信息(比如产品经理是谁等。)可以自己添加。

2.更新日志(必须)

以前我习惯把更新日志放在产品文档后面，但是随着工作时间的推移，我发现开发童鞋在SVN上打开设计文档后第一时间查看更新日志，所以后来提到了这一页。(是的，设计文档也需要像产品一样不断优化迭代)

更新日志主要用于记录产品迭代修改的内容，让开发学生快速了解迭代修改了什么，需要做什么工作。我的更新日志很简单，只有四个字段:日期、更改内容、页面和备注。这里唯一需要注意的是，日期必须是最新修改的内容，之前的日期在下面，很多同学每次迭代都会在下面的列中添加内容，这样开发的同学每次都要滚到底部查看信息。大哥你是交互设计师，专业好吗？

3.产品项目背景(必须)

产品项目背景是一个项目的核心关键，告诉所有团队成员我们想做什么样的产品，需要创造什么样的价值，就像我们写作文时的中心句一样，总是提醒我们不要忘记你的首创精神，为团队成员开发项目指明方向。

4.产品需求(必要)

产品需求列表用于记录产品需要做哪些【功能点】。我们通常可以从产品经理或项目经理那里获得这些功能点。收集需求后我们需要根据P0.P1.P2的重要性对其进行分类。

5.交互原型(必须)

几乎可以说以上所有的东西都是为完成交互原型做铺垫的。相信大家对交互原型都很熟悉，但是分享一些经常出错的点。

1）尽量只使用黑、白、灰配色，以免干扰UI学生的设计。这是大家经常犯错的一点。毕竟很多同学以前都是UI出身，做交互稿的时候顺便配色，会对UI同学的设计产生很大的影响(不在其位，不求其政，做UI的时候也不想有人指指点点)。所以我们做交互稿的时候只用黑、白、灰就够了，灰度代表信息的重要性，简洁规范。

2）页面跳转用连线表示其实很方便，真正厉害的人不会到处炫技。有的同学在互动稿上跳来跳去，动态面板，中继器等。，这让开发学生看起来特别不舒服，所以经常用连接的方式来表达往往是最简单明了的。

3）如果涉及到多端设计(IOS.Andriod.PC端)，除非产品很大，否则放在同一个设计文档中，避免以后审核时获得多个文件。

4）创建一个适合自己的组件库。在日常设计中，80%的控件可以重复使用。做一个合适的组件库可以节省很多时间(我整理了工作多年的B端和移动终端常用的组件，需要的时候可以和大家分享)

好了。关于“为什么要写交互设计文档？交互设计文档怎么写？”的文章就分享这么多~总而言之在进行交互设计时，提前做好一份交互设计文档能够更好的帮助自我进行交互设计，更好的将工作进行简单化~