下载

1下载券

加入VIP
  • 专属下载券
  • 上传内容扩展
  • 资料优先审核
  • 免费资料无限下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 从“产品需求文档”到“产品设计文档”

从“产品需求文档”到“产品设计文档”.doc

从“产品需求文档”到“产品设计文档”

忘了
2011-09-29 0人阅读 举报 0 0 0 暂无简介

简介:本文档为《从“产品需求文档”到“产品设计文档”doc》,可适用于IT/计算机领域

从“产品需求文档”到“产品设计文档”从“产品需求文档”到“产品设计文档”作者:丁宇来源:视觉同盟时间:年月日传统上写产品需求文档(PRD)的做法就是把用例、流程图和网页原型图一股脑的放到一个Word文档里。一般一个产品都包含乃几十个乃至上百用例每个用例都有自己的流程图每个流程图又包含了少则几个多则几十的网页原型图结果就是产品需求文档变得庞大无比写的人费事儿读的人更惨。自从我受到了这样文档的折磨我就一直都在琢磨怎么才能把文档写得更简单一点让阅读的人-通常是设计师和程序员-能够在最短的时间内领会产品的设计。原来做UI设计师的时候我创造了一种用流程图来表示产品交互的办法这个方法受到了很多人的欢迎这篇文章也引起了一定的反响。其实当时在实际使用的时候我不仅产出这样一份流程图还利用网页热区把流程图中的界面元素(蓝色的元素)和原型网页(HTML文件)给结合起来了这样设计师和程序员在看流程图的时候只要用鼠标点一下界面元素就可以连接到原型网页非常方便!这个办法我一直都在用只是当时没有写在文章里罢了。后来随着工作性质的变化我需要越来越多地考虑产品的整体和功能、而不是像原来一样只在特定需求内围绕界面做文章我就开始寻找把用例整合进前述方法的可能。在经过了一段时间的摸索和实践后我逐渐形成了自己特有的一套产品需求文档的写法为了表示区别我称之为“产品设计文档”简称PDD。本文就是对PDD的介绍。PDD的组成部分PDD有三个组成部分它们分别是用例、流程图和原型图。用例用例从整体脉络上定义了产品所具有的功能。比如对于一个邮件系统来说“写邮件”、“发邮件”和“删除邮件”等功能都是用例。用例比较流行的写法是在每一个用例中标明它的前后置条件和异常情况等属性。不过在PDD中我完全放弃了上述属性只保留用例的名称和简要描述。因为“用例”的出发点就是“用户”如果你站在一个用户的角度来思考产品的功能你会发现那些属性你根本就不会考虑。并且各种前后置条件和异常情况完全可以放在流程图中这样更清楚。流程图流程图是对用例的细化它可以清晰地表现一个用例所有相关的前置、后置和分支条件。流程图的画法我在“画Web流程图的一点心得”一文中已经说得非常清楚了在此不再赘述。唯一值得注意的是我以前并没有意识到流程图本身也是有ISO标准的因此“画”中使用的流程图元素并不符合ISO标准也和一些已经成型的系统(比如这篇“描述信息结构和交互设计的图示词汇表”)有出入因此元素在使用上还存在一些问题。在日常工作当中我已经对元素使用做了修改以后有时间我会更新“画”一文的内容也有可能直接把模板放出来。原型图原型图是对流程图中“界面元素”的展现。这个东西没什么可说的。PDD的表现方式用例、流程图和原型图一般都是产片需求文档(PRD)中已有的东西PDD在这点上和PRD没什么区别。而下面要说的表现方式则是PDD的精髓。我比较孤陋寡闻还没看到过有人像我这样组织这三块内容所以姑且认为这是我的首创吧。用例和流程图首先把用例和流程图整合起来。方法很简单利用网页的frame标签新建几个帧:indexhtml-另外两个帧的容器不用解释吧navigationhtml-导航帧用于存放用例列表mainhtml-默认情况下的主帧用于存放文档简介、作者、版本和更新日志一类的东西然后新建一大堆网页把所有的流程图都放在这些网页里每个流程图(即每个用例)放在一个网页里最后修改navigationhtml把用例名称和其对应的网页链接起来。完工以后页面应该是下面这个样子:PDD文档首页左侧为用例右侧为流程图好了左侧为用例右侧为流程图这样就把用例和流程图整合了起来并且结构清晰查看方便。流程图和原型图整合流程图和原型图的重点在于提供一种方便的方式以让读者能够在看流程图时方便的看到其中包含的原型图。为了达到这个目的我的做法是:、在用OmniGraffle画流程图时选择界面元素(蓝色的那个)然后在“检查器”-“属性:动作”中选择“打开文件”然后按“选择文件”找到你的原型图文件并按“确定”这样你这个元素就和原型图链接起来了。如下图所示:、在OmniGraffle中输出这个流程图文档时不是选择图片而是选择“HTML图像映射”这样在生成出来的网页上蓝色的界面元素都是可以点击的点了以后就链接到原型图。很方便对吧?但这还不够、用Lightbox把所有图片链接都改成弹出图层这次再点刚才那些链接看看效果是不是更棒?好了通过这样的方法产品设计文档(PDD)就将用例、流程图和原型图这三块内容有效的整合了起来。原文链接:http:dingyumeblogpostsviewproductdesigndocument(责任编辑:六六)

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

评分:

/7

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利