BAT如何做交互原型设计文档.pdf

如何快速编写交互设计文档 在交互设计中，交互设计文档作为一个设计师工作中产出的重要输出物，它需要 解释清楚一个设计师的设计思路，和具体的产出页面，以及相关的交互逻辑，一 份完整的交互文档是由哪些部分构成的呢？每个部分存在的意义是什么，在工作 中我们怎么快速的完成一份交互设计文档，在下面的文章中会告诉大家。 一． 什么是交互设计文档 下面通过一张工作流程图来看一下： 这个流程图呈现的是一个产品需求从开始到上线的一个工作流程，交互设计文档 在整个流程中处于一个工作进行到结尾的时候，做的一份总结性文档，交互设计 师会把前期已经构思好的设计思路和具体的页面以及相关细节详细的记录在这 份文档上，做一份对外的输出，简单的说它是交互设计师工作中的一份输出文档， 文档用来承载交互设计师的设计思路和具体的产出页面以及相关的交互逻辑。并 交付给视觉、前端、测试、以及开发工程师的参考文档。 二． 怎样制作一份交互文档 在制作文档之前要记住两个大原则：找得到、看得懂。一份完整的交互文档包括 百度 UE 讲堂 http:// 了很多流程和细节，所以，方便大家查找和看得懂就显得尤为重要了。一个完整 的交互文档，应该包含封面、版本说明、优化目录、修改记录、目录、产品框架、 页面流程图、页面展示及交互说明、封底几部分。但并不是说只能或者必须包含 这些内容。下面我会从概念、模板、示例、建议四个方面分别来讲解。 1. 封面 概念：介绍一个文档是什么 模板：分四个字段： 1 ○产品名称_平台名称_项目名称_版本号；解释清当前文档的主要内容是什么。 2 ○交互设计文档；说明这个文档的属性 3 ○企业 or 团队Logo。 4 ○相关说明；是否保密，文档安全等级等等。 示例： 建议： 封面相对来说比较简单，简明扼要的写清楚相关信息即可，也可做成模板，方便 重复使用。 2. 版本说明 百度 UE 讲堂 http:// 概念：主要展示和版本内容相关的信息，比如项目的版本号、项目的开始和结束 时间、需求变更的背景或目标等信息。 模板： 1 ○文档信息；展示与文档相关的信息，这一部分并不只是在版本说明页里有，在 文档的每一页都需要，方便阅读时进行查找。具体的内容可以包括：页面名称、 项目名称、版本号码、撰写人员、修改时间和当前的页码等信息。 2 ○版本号 3 ○项目周期 4 ○背景 5 ○目标 示例： 建议：版本说明这部分比较容易理解，简明扼要的写清楚相关信息即可，也可做 成模板，方便重复使用。 3. 优化目录 概念：一般出现在版本优化、版本迭代等项目中，用来说明优化的具体内容，一 般有明确的需求点且有明确的优先级排序的文档。 模板： 百度 UE 讲堂 http:// 1 ○文档信息； 2 ○页面说明；指需求优化所在的页面位置 3 ○需求梳理；指当前页面上所需优化的需求点，一个页面可能会有多个需要优化 的需求点。 4 ○权重；指当前需求的重要程度。 5 ○紧急；指当前需求的紧急程度 6 ○优先级；它决定了面对一堆需求的时候，应该先做哪个后做哪个。计算方法： 优先级 权重 （1-10）*紧急（1-3）