2021年以來,騰訊TAPD在基礎(chǔ)能力的改進(jìn)上,做了非常多的探索和改進(jìn)。大家使用頻率最高的提單入口——需求編輯器則是優(yōu)化的重中之重 。
歷經(jīng)了多次迭代更新,TAPD編輯器(需求和缺陷單中編輯器一致)全面提升了基礎(chǔ)編輯體驗(yàn),完善了多項(xiàng)拓展組件能力,持續(xù)鏈接第三方應(yīng)用以豐富產(chǎn)品形態(tài),最大限度滿足不同場景的產(chǎn)品文檔編寫需求。 讓產(chǎn)研協(xié)作更高效,讓文檔寫作更輕松!
01.【基礎(chǔ)體驗(yàn)篇】 更加順暢的碼字體驗(yàn),讓需求編輯更輕松
◎ 富文本編輯器升級
文本編輯是編輯器最基礎(chǔ)的能力,也是很多產(chǎn)品經(jīng)理日常工作使用最為頻繁的一個場景。據(jù)此,TAPD富文本編輯器進(jìn)行了針對性的改造提升,提供了更為全面的編輯器功能:
· 提供更豐富的字體、文本/背景顏色 ,滿足富文本內(nèi)容的需要;
· 新增格式擦 和浮動工具欄toolbar ,讓文本編輯更加方便;
· 源碼編輯器 組件升級。
◎ Markdown編輯器升級
對于使用代碼編輯較多的書寫場景,由TAPD自研的Markdown編輯器組件同樣可堪重用。支持編輯區(qū)域和預(yù)覽區(qū)域同步滾動 ,界面美觀友好,可全屏編輯,一秒進(jìn)入無打擾模式。同時還支持了一些有意思的語法:如圖片的縮放、對齊、引用,字體的顏色和大小可調(diào)節(jié),還能通過快捷鍵進(jìn)行多光標(biāo)編輯,復(fù)制Html可以黏貼成Markdown語法等等。
◎ 圖文/視頻排布優(yōu)化
在撰寫需求文檔/缺陷單時,需要插入圖片、視頻的場景非常普遍。TAPD需求編輯器對圖文混排、視頻插入 等功能也進(jìn)行了優(yōu)化提升。過去,編輯多圖混排文檔遇到分散的圖片素材需要先一個個保存下來,然后再逐一上傳到文檔中,繁瑣且易遺漏。現(xiàn)在,TAPD編輯器支持圖片/視頻拖拽上傳 ,在網(wǎng)頁、聊天對話框中散落的圖片素材,可以直接拖拽至編輯器中相應(yīng)位置,可直接拖動調(diào)整大小,排版更輕松。
◎有序/無序列表與表格組合
在需求文檔中,一些需要聚合展示的內(nèi)容,比如需求的場景入口、驗(yàn)收標(biāo)準(zhǔn)(AC)等,借助表格插件進(jìn)行呈現(xiàn),可以使內(nèi)容更加直觀。
當(dāng)然除了表格,你還可以將有序無序列表嵌套 使用,用于輕量級信息的陳列聚合,讓需求文檔的排版更簡潔有序。
◎ Checklist
當(dāng)產(chǎn)品完成文檔寫作后,研發(fā)團(tuán)隊要記錄針對這一需求的測試重點(diǎn),比如:預(yù)防SQL、XSS注入等,并且需要逐項(xiàng)檢查確認(rèn)。這時就可以通過TAPD編輯器設(shè)置檢查項(xiàng)(checklist)及時記錄備忘。在開發(fā)階段,開發(fā)和測試同學(xué)也需要記錄一些有待解決的問題,用checklist進(jìn)行檢查和確認(rèn)。
02.【實(shí)用組件篇】 多個實(shí)用組件,文檔編輯能力再升級
◎信息面板組件
在需求評審或開發(fā)溝通中,需要對用戶故事、功能描述等關(guān)鍵內(nèi)容進(jìn)行重點(diǎn)闡述。因此在組織內(nèi)容時,為了突出這部分內(nèi)容,可以結(jié)合TAPD編輯器的新功能「信息面板」 功能,進(jìn)行內(nèi)容的區(qū)隔和高亮處理。不同模塊、主次關(guān)系 等一目即可了然!
◎ 插入業(yè)務(wù)對象
在編輯器中插入其他單據(jù)鏈接時,將自動識別為條目 ,可選擇以卡片、鏈接、內(nèi)嵌 等多種形式展示。在需求文檔中即可實(shí)現(xiàn)各種需求/缺陷/任務(wù)狀態(tài)的實(shí)時展示,一目了然,信息全面。
◎原生思維導(dǎo)圖組件
思維導(dǎo)圖,在產(chǎn)品設(shè)計的需求訪談、需求分析等環(huán)節(jié),以及各類產(chǎn)研會議、演講過程中應(yīng)用都非常廣泛。TAPD需求編輯器的思維導(dǎo)圖采用原生組件設(shè)計,可支持彈窗式直接插入思維導(dǎo)圖,并保存為一張圖片。減少從第三方導(dǎo)入的麻煩,安全又順暢。
03.【拓展應(yīng)用篇】 他山之石可攻玉,更多應(yīng)用能力集成中
◎ 實(shí)用繪圖工具——http:// draw.io
TAPD編輯器中集成了在線圖表編輯工具http:// draw.io 。產(chǎn)品經(jīng)理常用的流程圖、模型圖、時序圖 等內(nèi)容,以及開發(fā)同學(xué)經(jīng)常使用的ER圖、BPM圖、網(wǎng)絡(luò)拓?fù)鋱D 等,都可以通過http:// draw.io 在畫布上靈活繪制。
對于一些較為復(fù)雜的圖表內(nèi)容,比如泳道圖、架構(gòu)圖等,則可以使用http:// draw.io 工具中提供的豐富圖形元素進(jìn)行制作,方便快捷。
◎ 代碼繪圖利器——mermaid
除了http:// draw.io 之外,TAPD的Markdown編輯器也為習(xí)慣于代碼繪圖的同學(xué)提供了mermaid繪圖組件。其基于Javascript的圖表繪制工具,具有良好的渲染速度和可修改性,可以通過文本和代碼直接進(jìn)行繪制,編輯器預(yù)覽頁面可以同步呈現(xiàn)所所繪制的圖表內(nèi)容。
◎ 研發(fā)設(shè)計協(xié)作神器——騰訊Codesign
在【TAPD設(shè)置-服務(wù)集成】中關(guān)聯(lián)「騰訊Codesign」應(yīng)用 ,即可在TAPD編輯器中插入所在Codesign項(xiàng)目下的設(shè)計稿素材 。無論P(yáng)S、Sketch,還是其他格式設(shè)計稿,都可以在TAPD中直接實(shí)時同步預(yù)覽、修改等。讓研發(fā)設(shè)計流程暢通無阻!
04.【更多篇】 貼近使用場景,為文檔編輯解決后顧之憂
◎ 本地緩存防丟失
費(fèi)勁心力寫完一篇需求文檔,最怕的就是遇到故障突然丟失數(shù)據(jù)。TAPD需求編輯器的本地緩存功能,為你解決后顧之憂。所有本地歷史編輯數(shù)據(jù)都會被保存下來,各個版本均可選擇恢復(fù) ,再也不用擔(dān)心數(shù)據(jù)丟失問題,安安心心寫好文檔。
◎ 需求文檔模版沉淀及應(yīng)用
在日常業(yè)務(wù)實(shí)踐中,很多產(chǎn)研團(tuán)隊都會逐步沉淀出適合自身場景和協(xié)作習(xí)慣的需求文檔模板。通過復(fù)制黏貼等機(jī)械重復(fù)動作進(jìn)行操作,費(fèi)時費(fèi)力。為解決這個問題,TAPD提供了預(yù)設(shè)需求模板的功能 ,可以將團(tuán)隊沉淀的需求文檔模塊設(shè)置為項(xiàng)目下的標(biāo)準(zhǔn)化產(chǎn)品文檔模板。新建需求時,即可直接依照模板進(jìn)行寫作。最大程度減少重復(fù)工作,有效保證規(guī)范化寫作!