聊聊产品需求文档（PRD）

线框图，流程图，产品结构图，交互标注都是构成产品需求文档PRD的一部分，下面就来说说我在工作中的实际操作吧。

线框图：是我们作为产品设计师（产品经理）所要交付的产物之一，制作线框图是为了说明下面5点内容：

建立产品基本概念上的构架

功能和流程的体现

每个具体页面中功能和内容的展示

页面中不同元素的层级关系

为视觉设计提供方向

线框图可以帮助我们预估和评审方案的可行性，线框图中的内容最好是采用真实的内容，这样可以帮助我们在早期进行可用性测试时更贴近真实产品的效果，需要注意的是这里的测试目标以功能为主。

在制作线框图中需要注意的问题：

移动端按照真实的产品尺寸和平台控件进行组织，web端遵照栅格规范,注意首屏的界限。

线框图中不要使用其他产品的截图

线框图要层次分明，区分各元素的重要度

线框图在整个产品设计的周期内，会出现多次调整，不用太拘泥于细节，表达清楚主要意思即可，重在快速修改。

线框图

流程图：分为任务流程图和页面流程图，其中任务流程图是从用户的角色出发描述完成任务所需的过程，一个产品通常由多个流程组成。每个流程都是为了完成某项任务，通过绘制流程图，可以了解用户在完成某项任务时所经历的步骤，用来检验流程设计的合理性和易用性。在绘制流程图时，对于复杂的流程来说，可以将流程拆分为：主要流程和次要（分支）流程，分别绘制。

逻辑流程图

页面流程图，描述的是页面间相互跳转的路径。

页面流程图

产品结构图：是产品所呈现的信息层次，主要用来描述整体产品的信息架构，功能和内容分布等情况。

产品结构图

最后需要说一下的是交互稿的标注，对于有专门的交互设计师职位的公司来说，交互设计师需要出交互说明文档(DRD)，其中涉及到交互稿标注，一般标注的内容包括：

字符限制

链接指向

交互细节说明

表单的校验

浏览器的兼容情况

在公司没有专门的交互设计师这个岗位的时候，交互设计多是由产品设计师（产品经理）完成的，但也正是这个原因，由产品设计师（产品经理）完成的标注通常除了交互说明的标注外也加入了功能说明的标注，例如下图

交互说明和功能说明标注在同一张图中

完全由产品设计师（产品经理）完成，需要在功能设计的时候同时兼顾到交互设计，在做标注时需要将功能说明，页面逻辑和交互说明分别标注（可以从字体颜色上来区别两者）。次由产品设计师（产品经理）完成交互设计的，就不用单出交互设计文档(DRD)，可以将交互设计文档融合到产品需求文档(PRD)中。

这只是PRD中很小的一部分，PRD中还需要记录很多其他的内容，并且持续的完善和更新PRD也是非常重要的工作之一，下次会拿出来单独说明的

写于2015年11月8日