产品设计文档包含哪些内容(产品设计文档怎么写)

  • author土土哥土土哥
  • 2022-10-14 18:00:10
  • 投稿

产品设计文档包含哪些内容(产品设计文档怎么写) 1160次播放   00:00

作为产品经理,日常接触最多的工作之一就是设计文档了。每个产品经理有自己的设计文档的写法,各个公司也有各自的设计文档的要求,所以大家平时看到的设计文档几乎没有一模一样的。 一份设计文档的结构大概包括一下几部分的内容:项目背景、项目排期、版本历史、信息架构分析(包括站点地图、体验地图、流程图等)、产品框架设计、线框图和视觉稿等。 具体在设计文档中要展示哪些内...

作为产品经理,日常接触最多的工作之一就是设计文档了。每个产品经理有自己的设计文档的写法,各个公司也有各自的设计文档的要求,所以大家平时看到的设计文档几乎没有一模一样的。

一份设计文档的结构大概包括一下几部分的内容:项目背景、项目排期、版本历史、信息架构分析(包括站点地图、体验地图、流程图等)、产品框架设计、线框图和视觉稿等。

具体在设计文档中要展示哪些内容,取决于实际项目的情况,公司的具体规定、产品经理的个人工作习惯等,可能删减一些内容,也可能增加一些内容。

想每个部分拆分开来,我们一起来看看具体是如何的。

》》项目背景

这一部分的内容在充分沟通需求之后完成。产品经理充分了解要设计的产品是什么,是什么平台上发布的,产品的用户群体是哪些类型,使用场景有什么,他们想通过这个产品解决什么问题,业务/产品现状,关键痛点是什么。把需要和需求方了解清楚之后,能够明确产品设计目标,要解决的需求是什么,根据这些需求,需要设计什么样的功能或者如何优化现有的功能,最终达到怎样的业务目标。

》》项目排期

和需求方确认各阶段交付物的时间节点,知道什么阶段要完成什么工作,达成什么目标。根据时间节点制定完成设计的具体计划,根据这个计划有节奏、有方向地展开工作,以较高的质量按时交付。

》》版本历史

每发生一次比较大的迭代更新,都要记录在版本历史记录里。这样做的好处是,可以清晰地展现设计稿的迭代历程,做了哪些需求的改动,设计思路发生什么样的变化,哪个部分是什么时候什么人负责的。对于产品设计的回溯,提供了极大的便利。相比一个个去翻以前的设计稿,查看版本历史记录更清晰,项目结束后浏览这一部分,也可以看到自己的设计在哪些方面哪个阶段存在不足,是如何被发现、改进和提升的,下一次设计的时候是否可以更早地思考到和回避掉。

》》信息架构分析

根据具体项目性质的不同,这一块的分析工具也有较大的差异,具体的选择和使用要按照实际场景来,而非机械进行套用。

如果是设计一整套网站系统,站点地图必不可少。站点地图可以对整个网站的架构可以构建起一个初步的印象,像架构层级过深、页面内容重复等问题都可以通过站点地图发现,以全局的角度去观察整个产品,而不是单一的某个功能、某个页面。

体验地图可以把产品在不同使用场景、流程下的体验问题直观地呈现出来,我们通过调研,会得到一些用户的体验反馈,但是通常比较杂乱、没有逻辑性。通过体验地图可以整理出用户使用产品大概有哪些场景和环节,各场景和环节下都遇到过什么样的问题,哪些问题出现的频率较高等,让产品经理能够更贴近用户,沉浸到使用产品的实际体验过程中去,进而思考各场景、环节下都可以进行怎样的设计目标拆解与设计优化、最终帮助完成产品的整体目标。

流程图也是一个常用工具,明确展示出用户使用产品的流程和步骤是怎样的。通过它可以查找步骤是否可以合并优化,能否抽象出通用的流程来构建框架设计等。

》》产品框架设计

产品框架设计构建起产品的轮廓,抽象出通用的布局原则,页面上大概有哪些模块,这些模块之间的主次、优先级关系是怎样的。整体规划把握界面的结构、模块之间的关系呈现等,而不是纠结于一些细枝末节和不重要的内容上。

》》线框图

线框图在产品框架设计的基础上具化出了产品的完整骨架。在绘制线框图的时候需要仔细考虑到每一个可能的使用场景,包括负面、误用等特殊情况都要包括在内。

Axure是绘制产品经理绘制线框图的常用的工具。在Axure中,通过命名页面和调整层级关系,建立站点地图。在每个页面中根据场景画出线框图,包括具体的功能及场景,可以加以文字说明,辅助以用例交互。

线框图不是视觉设计稿,但在视觉效果呈现上却马虎不得。如果在绘制线框图的时候不考虑如产品尺寸、页面规范等,最终完成得会比较粗糙,也容易对内容的编排产生影响,导致整个页面结构都要被迫调整之类的情况,只能增加产品设计成本,而在最开始就注意这方面的问题,就可以尽可能地避免类似的情况发生。

》》视觉稿

视觉稿作为产品设计的最终产出,在线框图的基础上完成配色、图标绘制等视觉细节,为产品“涂脂抹粉”。视觉稿选择关键场景的界面进行绘制表现,注意一些Hover/Active之类的状态表现,然后就可以标注交付前端了。

这是产品设计文档中比较常见也比较重要的的几部分内容,根据你自己的需要和公司的规定、项目的具体情况,选择需要重点体现的内容,也可以有所增删,并不是一成不变的。

土土哥

土土哥有话说

本站所提供的文章、图片等内容均为用户发布或互联网整理而来,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系站长举报!一经查实,本站将立刻删除。

猜你喜欢

波浪线

发表评论

波浪线

评论 (0)

波浪线
还没有评论,发表第一个评论吧
您好,我是您的专属产品顾问
扫码添加我的微信,免费体验系统
(工作日09:00 - 18:00)
业务咨询
系统演示
行业方案
客户案例

请按ESC键关闭