产品设计文档包含哪些内容(产品设计文档怎么写) 1160次播放 00:00
作为产品经理,日常接触最多的工作之一就是设计文档了。每个产品经理有自己的设计文档的写法,各个公司也有各自的设计文档的要求,所以大家平时看到的设计文档几乎没有一模一样的。
一份设计文档的结构大概包括一下几部分的内容:项目背景、项目排期、版本历史、信息架构分析(包括站点地图、体验地图、流程图等)、产品框架设计、线框图和视觉稿等。
具体在设计文档中要展示哪些内容,取决于实际项目的情况,公司的具体规定、产品经理的个人工作习惯等,可能删减一些内容,也可能增加一些内容。
想每个部分拆分开来,我们一起来看看具体是如何的。
》》项目背景
这一部分的内容在充分沟通需求之后完成。产品经理充分了解要设计的产品是什么,是什么平台上发布的,产品的用户群体是哪些类型,使用场景有什么,他们想通过这个产品解决什么问题,业务/产品现状,关键痛点是什么。把需要和需求方了解清楚之后,能够明确产品设计目标,要解决的需求是什么,根据这些需求,需要设计什么样的功能或者如何优化现有的功能,最终达到怎样的业务目标。
》》项目排期
和需求方确认各阶段交付物的时间节点,知道什么阶段要完成什么工作,达成什么目标。根据时间节点制定完成设计的具体计划,根据这个计划有节奏、有方向地展开工作,以较高的质量按时交付。
》》版本历史
每发生一次比较大的迭代更新,都要记录在版本历史记录里。这样做的好处是,可以清晰地展现设计稿的迭代历程,做了哪些需求的改动,设计思路发生什么样的变化,哪个部分是什么时候什么人负责的。对于产品设计的回溯,提供了极大的便利。相比一个个去翻以前的设计稿,查看版本历史记录更清晰,项目结束后浏览这一部分,也可以看到自己的设计在哪些方面哪个阶段存在不足,是如何被发现、改进和提升的,下一次设计的时候是否可以更早地思考到和回避掉。
》》信息架构分析
根据具体项目性质的不同,这一块的分析工具也有较大的差异,具体的选择和使用要按照实际场景来,而非机械进行套用。
如果是设计一整套网站系统,站点地图必不可少。站点地图可以对整个网站的架构可以构建起一个初步的印象,像架构层级过深、页面内容重复等问题都可以通过站点地图发现,以全局的角度去观察整个产品,而不是单一的某个功能、某个页面。
体验地图可以把产品在不同使用场景、流程下的体验问题直观地呈现出来,我们通过调研,会得到一些用户的体验反馈,但是通常比较杂乱、没有逻辑性。通过体验地图可以整理出用户使用产品大概有哪些场景和环节,各场景和环节下都遇到过什么样的问题,哪些问题出现的频率较高等,让产品经理能够更贴近用户,沉浸到使用产品的实际体验过程中去,进而思考各场景、环节下都可以进行怎样的设计目标拆解与设计优化、最终帮助完成产品的整体目标。
流程图也是一个常用工具,明确展示出用户使用产品的流程和步骤是怎样的。通过它可以查找步骤是否可以合并优化,能否抽象出通用的流程来构建框架设计等。
》》产品框架设计
产品框架设计构建起产品的轮廓,抽象出通用的布局原则,页面上大概有哪些模块,这些模块之间的主次、优先级关系是怎样的。整体规划把握界面的结构、模块之间的关系呈现等,而不是纠结于一些细枝末节和不重要的内容上。
》》线框图
线框图在产品框架设计的基础上具化出了产品的完整骨架。在绘制线框图的时候需要仔细考虑到每一个可能的使用场景,包括负面、误用等特殊情况都要包括在内。
Axure是绘制产品经理绘制线框图的常用的工具。在Axure中,通过命名页面和调整层级关系,建立站点地图。在每个页面中根据场景画出线框图,包括具体的功能及场景,可以加以文字说明,辅助以用例交互。
线框图不是视觉设计稿,但在视觉效果呈现上却马虎不得。如果在绘制线框图的时候不考虑如产品尺寸、页面规范等,最终完成得会比较粗糙,也容易对内容的编排产生影响,导致整个页面结构都要被迫调整之类的情况,只能增加产品设计成本,而在最开始就注意这方面的问题,就可以尽可能地避免类似的情况发生。
》》视觉稿
视觉稿作为产品设计的最终产出,在线框图的基础上完成配色、图标绘制等视觉细节,为产品“涂脂抹粉”。视觉稿选择关键场景的界面进行绘制表现,注意一些Hover/Active之类的状态表现,然后就可以标注交付前端了。
这是产品设计文档中比较常见也比较重要的的几部分内容,根据你自己的需要和公司的规定、项目的具体情况,选择需要重点体现的内容,也可以有所增删,并不是一成不变的。