如果要评选产品经理每日必做事情排行榜,画原型和写PRD 一定名列前茅。

原型好画,PRD也好写,但是同时完成这两样事情的工具却不好找。既要展示原型,又要让其他人看明白,软件切换麻烦,交付协作更是不易……

为了帮助各位刀友们,解决这个问题,我们这周上线了新功能——「PRD」模式。

下面将一一说明,什么是「PRD」模式,如何使用「PRD」,以及「PRD」模式应用范例。

关于「PRD」模式

简单来说:在编辑区,放置在设备框(画板)外面的元素也可以在预览页显示出来

夸张点说就是:在页面编辑区外的广大区域中(简称为画板外)已经变得无所不能,它像是镶在原型上无边界的纸,你可以在上面放置任意你展示的内容,无论是图片、文字,还是表格、矩形等墨刀中已有的组件,都可以在「PRD」模式展示出来
有了「PRD」模式展示,原型的批注说明变得无比清晰。

为了再一次凸显「PRD」模式功能的强大,我们放置一下新旧对比图:
在动图中,第一幅图是不支持「PRD」模式的功能,不能够看到在画板外写的产品迭代记录等内容;图二,当我们加入「PRD」模式的时候,可以看到呈现出了海量的信息,进一步扩大了画布的功能。


当你只想展示原型交互时,可选择设备框,更加贴近实际场景;
当你只想给展示全貌时,可以选择长页面,内容呈现的更加丰富;
当你想交付设计、开发时,你可以选择「PRD」模式,将你所有的批注更好的呈现。


「PRD」模式怎么用

1、首先在编辑项目的时候,页面编辑区内正常制作(图中绿色区域)。在页面编辑区外,可以放置产品迭代记录表格、产品流程图等(图中红色区域)。

2、项目编辑完成后,可以通过右上角分享,设置允许切换到「PRD」模式,且设置默认预览模式为「PRD」。


3、设置好之后,将项目分享链接发给其他同事,在拿到链接后,就可以查「PRD」内容。


4、「PRD」内容导出
导出HTML: 在分享设置中,点击允许切换到「PRD」模式,就可以将画板外内容一起导出了。
导出PNG: 暂时还不支持「PRD」内容一起导出,敬请期待。

「PRD」模式应用范例

1.产品迭代记录:让变化一览无余。

2.绘制流程图: 阐述操作过程。
(流程图需要借助mindnode/xmind等工具实现,截图粘贴进墨刀)

3.需求说明/修改:说明为什么做/修改这个功能。

4.功能描述:说明用户可以做什么操作以及可以看到哪些内容。


5.约束性描述:说明整个功能描述里面相关的规则,主要有显示规则,字段规则,防呆规则。

总而言之,「PRD」模式能够显示出你在画板外放置的一切内容,让你的原型设计与交付开发变得更加方便快捷!


关于「PRD」模式,你有什么看法呢?请在留言区与我们分享吧。

Powered by Froala Editor

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)