评论

干货!TAPD编辑器完整使用攻略

TAPD编辑器完整使用攻略

说到产品经理的基本技能,很多人第一时间都会想到【需求文档】。好的需求文档可以最大限度降低开发人员/设计人员对产品需求的理解难度,保证各部门沟通有序进展。同时,一份逻辑清晰、结构完整的需求文档沉淀下来,也会成为团队宝贵的财富,为后续团队内部的信息互通、产品质量把控、团队复盘等等场景提供有力依据,持续不断地为团队研发赋能。


那么,如何才能让需求文档更加逻辑清晰、结构完整、有图有依据呢?所谓“工欲善其事必先利其器”,需求编辑器的使用体验,与需求文档最终的呈现效果息息相关。接下来,我们将送上一份超实用攻略,为你解锁TAPD需求编辑器最完整的使用方法,挖掘各项隐藏能力,助你轻松打造高质量需求文档


2021年以来,TAPD在基础能力的改进上,做了非常多的探索和改进。大家使用频率最高的提单入口——需求编辑器则是优化的重中之重

历经了多次迭代更新,TAPD编辑器(需求和缺陷单中编辑器一致)全面提升了基础编辑体验,完善了多项拓展组件能力,持续链接第三方应用以丰富产品形态,最大限度满足不同场景的产品文档编写需求。让产研协作更高效,让文档写作更轻松!




01.【基础体验篇】

更加顺畅的码字体验,让需求编辑更轻松

◎ 富文本编辑器升级

文本编辑是编辑器最基础的能力,也是很多产品经理日常工作使用最为频繁的一个场景。据此,TAPD富文本编辑器进行了针对性的改造提升,提供了更为全面的编辑器功能:

·  提供更丰富的字体、文本/背景颜色,满足富文本内容的需要;

·  新增格式擦浮动工具栏toolbar,让文本编辑更加方便;

·  源码编辑器组件升级。



◎ Markdown编辑器升级

对于使用代码编辑较多的书写场景,由TAPD自研的Markdown编辑器组件同样可堪重用。支持编辑区域和预览区域同步滚动,界面美观友好,可全屏编辑,一秒进入无打扰模式。同时还支持了一些有意思的语法:如图片的缩放、对齐、引用,字体的颜色和大小可调节,还能通过快捷键进行多光标编辑,复制Html可以黏贴成Markdown语法等等。

◎ 图文/视频排布优化   

在撰写需求文档/缺陷单时,需要插入图片、视频的场景非常普遍。TAPD需求编辑器对图文混排、视频插入等功能也进行了优化提升。过去,编辑多图混排文档遇到分散的图片素材需要先一个个保存下来,然后再逐一上传到文档中,繁琐且易遗漏。现在,TAPD编辑器支持图片/视频拖拽上传,在网页、聊天对话框中散落的图片素材,可以直接拖拽至编辑器中相应位置,可直接拖动调整大小,排版更轻松。


◎有序/无序列表与表格组合

在需求文档中,一些需要聚合展示的内容,比如需求的场景入口、验收标准(AC)等,借助表格插件进行呈现,可以使内容更加直观。

当然除了表格,你还可以将有序无序列表嵌套使用,用于轻量级信息的陈列聚合,让需求文档的排版更简洁有序。


◎ Checklist  

当产品完成文档写作后,研发团队要记录针对这一需求的测试重点,比如:预防SQL、XSS注入等,并且需要逐项检查确认。这时就可以通过TAPD编辑器设置检查项(checklist)及时记录备忘。在开发阶段,开发和测试同学也需要记录一些有待解决的问题,用checklist进行检查和确认。




02.【实用组件篇】

多个实用组件,文档编辑能力再升级

◎信息面板组件

在需求评审或开发沟通中,需要对用户故事、功能描述等关键内容进行重点阐述。因此在组织内容时,为了突出这部分内容,可以结合TAPD编辑器的新功能「信息面板」功能,进行内容的区隔和高亮处理。不同模块、主次关系等一目即可了然!



◎ 插入业务对象

在编辑器中插入其他单据链接时,将自动识别为条目,可选择以卡片、链接、内嵌等多种形式展示。在需求文档中即可实现各种需求/缺陷/任务状态的实时展示,一目了然,信息全面。




◎原生思维导图组件

思维导图,在产品设计的需求访谈、需求分析等环节,以及各类产研会议、演讲过程中应用都非常广泛。TAPD需求编辑器的思维导图采用原生组件设计,可支持弹窗式直接插入思维导图,并保存为一张图片。减少从第三方导入的麻烦,安全又顺畅。


03.【拓展应用篇】

他山之石可攻玉,更多应用能力集成中

◎ 实用绘图工具——draw.io

TAPD编辑器中集成了在线图表编辑工具draw.io。产品经理常用的流程图、模型图、时序图等内容,以及开发同学经常使用的ER图、BPM图、网络拓扑图等,都可以通过draw.io在画布上灵活绘制。

对于一些较为复杂的图表内容,比如泳道图、架构图等,则可以使用draw.io工具中提供的丰富图形元素进行制作,方便快捷。



◎  代码绘图利器——mermaid

除了draw.io之外,TAPD的Markdown编辑器也为习惯于代码绘图的同学提供了mermaid绘图组件。其基于Javascript的图表绘制工具,具有良好的渲染速度和可修改性,可以通过文本和代码直接进行绘制,编辑器预览页面可以同步呈现所所绘制的图表内容。

◎ 研发设计协作神器——腾讯Codesign 

在【TAPD设置-服务集成】中关联「腾讯Codesign」应用,即可在TAPD编辑器中插入所在Codesign项目下的设计稿素材。无论PS、Sketch,还是其他格式设计稿,都可以在TAPD中直接实时同步预览、修改等。让研发设计流程畅通无阻!


04.【更多篇】

贴近使用场景,为文档编辑解决后顾之忧

◎ 本地缓存防丢失

费劲心力写完一篇需求文档,最怕的就是遇到故障突然丢失数据。TAPD需求编辑器的本地缓存功能,为你解决后顾之忧。所有本地历史编辑数据都会被保存下来,各个版本均可选择恢复,再也不用担心数据丢失问题,安安心心写好文档。



◎ 需求文档模版沉淀及应用

在日常业务实践中,很多产研团队都会逐步沉淀出适合自身场景和协作习惯的需求文档模板。通过复制黏贴等机械重复动作进行操作,费时费力。为解决这个问题,TAPD提供了预设需求模板的功能,可以将团队沉淀的需求文档模块设置为项目下的标准化产品文档模板。新建需求时,即可直接依照模板进行写作。最大程度减少重复工作,有效保证规范化写作!


左右滑动可切换图片


以上就是TAPD编辑器的完整使用攻略了,不知这些技能你是否已经全部掌握?当然,对于TAPD而言,编辑器进化的历程远远不会止步于此,更多实用功能还在路上,敬请期待~


点赞 0
收藏
评论
登录 后发表内容