產(chǎn)品經(jīng)理的必備技能:功能結(jié)構(gòu)圖
功能結(jié)構(gòu)圖是用來(lái)表示復(fù)雜功能的內(nèi)部結(jié)構(gòu)的,能夠幫助產(chǎn)品經(jīng)理對(duì)產(chǎn)品或功能模塊有一個(gè)整體的、全局的認(rèn)識(shí)。文章中筆者就功能結(jié)構(gòu)圖是什么?為什么要畫?以及怎么畫這三點(diǎn)進(jìn)行了分析總結(jié),供大家參考學(xué)習(xí)。
在我剛?cè)胄挟a(chǎn)品經(jīng)理的時(shí)候,我把原型設(shè)計(jì)當(dāng)成產(chǎn)品工作中最重要的工作。領(lǐng)到工作任務(wù)后,第一件事就是打開axure開始畫原型、做交互。
那時(shí)候的我,非常愿意花時(shí)間做高保真原型,以為原型畫的好,才是一個(gè)優(yōu)秀的產(chǎn)品經(jīng)理。
然而,跟領(lǐng)導(dǎo)或者開發(fā)評(píng)審時(shí),總是會(huì)被質(zhì)疑:
- 你的這個(gè)方案邏輯好混亂!
- 你能不能直觀點(diǎn)告訴我有哪些功能?
- 你這個(gè)頁(yè)面不對(duì),不應(yīng)該這么設(shè)計(jì)!
于是,辛辛苦苦做的帶交互、細(xì)節(jié)完善的原型,只好推翻重做或者大改,時(shí)間浪費(fèi)不說(shuō),開發(fā)對(duì)我的信任度也逐漸降低。
對(duì)于產(chǎn)品新人,我想很多都有這樣的煩惱:為什么我自以為很完善的產(chǎn)品方案,會(huì)被批評(píng)邏輯混亂、功能不清晰、設(shè)計(jì)有問(wèn)題,最后不得不浪費(fèi)大量時(shí)間返工。
直到后來(lái)我掌握了“功能結(jié)構(gòu)圖”的方法,以上問(wèn)題得到了根本性的改觀。
一、什么是功能結(jié)構(gòu)圖
那,什么是功能結(jié)構(gòu)圖呢?
先看看百度百科的定義:功能結(jié)構(gòu)圖是“按照功能的從屬關(guān)系畫成的圖表,圖中的每一個(gè)框都稱為一個(gè)功能模塊?!?/p>
上圖是按頁(yè)面拆解的一個(gè)顆粒度很大的微信功能結(jié)構(gòu)圖。從這個(gè)圖中,我們可以看到:
- ?微信最頂級(jí)的4個(gè)功能模塊是即使通訊、通訊錄、發(fā)現(xiàn)、我;
- ?朋友圈、掃一掃等功能被放在發(fā)現(xiàn)模塊中;
- 圖中并沒(méi)有將頁(yè)面對(duì)應(yīng)的詳細(xì)字段列出,僅僅是對(duì)頁(yè)面功能的抽象描述。
由此,我們可以得到3個(gè)關(guān)于功能結(jié)構(gòu)圖的要點(diǎn):
- 功能結(jié)構(gòu)圖表達(dá)的是功能之間的從屬關(guān)系;
- 是產(chǎn)品功能模塊及其邏輯結(jié)構(gòu)的體現(xiàn);
- 功能結(jié)構(gòu)圖極少涉及具體的字段信息,只強(qiáng)調(diào)功能的邏輯關(guān)系。
綜上所述,功能結(jié)構(gòu)圖是一種用于描述產(chǎn)品各個(gè)功能的從屬關(guān)系和邏輯結(jié)構(gòu)的、脫離于具體字段信息的圖表。
二、為什么要繪制功能結(jié)構(gòu)圖
1. 梳理頁(yè)面和功能點(diǎn)的利器
對(duì)于一些簡(jiǎn)單的功能,我們并沒(méi)有必要繪制功能結(jié)構(gòu)圖,甚至可以直接畫原型。因?yàn)楣δ苓^(guò)于簡(jiǎn)單,功能結(jié)構(gòu)圖需要描述的信息,在我們的腦海里已經(jīng)非常的清晰明了,也不需要花費(fèi)很多的時(shí)間就可以跟開發(fā)講清楚需求。
但要是功能比較復(fù)雜呢?
這個(gè)時(shí)候,如果我們不繪制功能結(jié)構(gòu)圖,僅憑自己有限的腦容量,很難將整個(gè)產(chǎn)品或整個(gè)功能模塊的功能梳理清楚,也很難對(duì)產(chǎn)品或功能模塊有一個(gè)整體的、全局的認(rèn)識(shí)。
有了功能結(jié)構(gòu)圖,每個(gè)產(chǎn)品有哪些頁(yè)面、每個(gè)頁(yè)面有哪些功能、多個(gè)功能之間有什么樣的邏輯關(guān)系就一目了然了。
2. 指引方案設(shè)計(jì),避免邊做邊改
最近我做了一個(gè)開票申請(qǐng)的功能。需求是,要求開票的用戶聯(lián)系客服,客服將開票申請(qǐng)信息錄入系統(tǒng),出納開票后,再將發(fā)票號(hào)錄入系統(tǒng)。整體上看,這是一個(gè)非常簡(jiǎn)單的需求。
在沒(méi)有功能結(jié)構(gòu)圖的情況下,想到哪里就做到哪里,最后大概率只考慮了最順暢的一種情況。
而這個(gè)流程背后可能涉及到的異常處理,就會(huì)全部遺漏,如開票申請(qǐng)信息填錯(cuò)時(shí)需要修改、多個(gè)訂單合并開票。
而有了功能結(jié)構(gòu)圖,我們就可以根據(jù)功能結(jié)構(gòu)圖的層級(jí)關(guān)系,先搭建好功能結(jié)構(gòu),再對(duì)照著功能點(diǎn),逐個(gè)涉及方案。
做出來(lái)的產(chǎn)品方案,既不會(huì)結(jié)構(gòu)錯(cuò)誤,也不會(huì)遺漏或多余,原型設(shè)計(jì)自然就會(huì)順利很多。
3. 分析產(chǎn)品的透視鏡
我們?cè)谧霎a(chǎn)品分析或功能分析時(shí),常常需要看這個(gè)產(chǎn)品或功能的全貌。
若沒(méi)有功能結(jié)構(gòu)圖,我們只能粗略地看到產(chǎn)品的頁(yè)面,體驗(yàn)下交互,很難“看透”這個(gè)產(chǎn)品。
當(dāng)我們把一個(gè)產(chǎn)品或功能的功能結(jié)構(gòu)圖繪制出來(lái)后,就能很清晰地看到這個(gè)產(chǎn)品的核心功能、重要功能、輔助功能,以及這些功能之間的層級(jí)關(guān)系。就如同獲得了一架透視鏡,將產(chǎn)品看的一清二楚。
4. 開發(fā)評(píng)估工作量的重要參考
當(dāng)我們把產(chǎn)品方案提交給開發(fā)評(píng)估工作量時(shí),若沒(méi)有功能結(jié)構(gòu)圖,開發(fā)必須要花很多的時(shí)間去理解消化需求,自己分析有多少頁(yè)面、多少功能,分析每個(gè)頁(yè)面和功能的開發(fā)工作量,最后反饋給產(chǎn)品。
當(dāng)我們將功能結(jié)構(gòu)圖給到開發(fā)時(shí),開發(fā)很快就可以根據(jù)我們的功能結(jié)構(gòu)圖,評(píng)估出開發(fā)工作量。
無(wú)論是對(duì)產(chǎn)品經(jīng)理自己的成長(zhǎng),還是對(duì)處于工作流程下游的開發(fā),功能結(jié)構(gòu)圖都是一個(gè)非常有價(jià)值的工具,產(chǎn)品經(jīng)理一定要充分掌握并應(yīng)用到工作當(dāng)中去。
三、如何繪制功能結(jié)構(gòu)圖
功能結(jié)構(gòu)圖非常重要,那應(yīng)該如何正確繪制呢?以微信朋友圈功能為例,試著繪制一個(gè)比較詳細(xì)的功能結(jié)構(gòu)圖。
1. 梳理業(yè)務(wù)流程
要繪制功能結(jié)構(gòu)圖,那我們必須要知道有哪些功能。而因?yàn)楣δ苁菢I(yè)務(wù)的承載方式,所以我們必須要詳細(xì)的了解業(yè)務(wù)。而業(yè)務(wù)流程圖,是最直觀的一種理解業(yè)務(wù)的方式。
從上圖,我們可看出,從微信發(fā)現(xiàn)頁(yè)進(jìn)入微信朋友圈后,可以發(fā)布朋友圈內(nèi)容、更換相冊(cè)封面、進(jìn)入個(gè)人資料頁(yè)面、瀏覽好友的朋友圈、與好友互動(dòng)。
2. 拆解功能模塊
有了業(yè)務(wù)流程圖后,就能通過(guò)抽象關(guān)鍵業(yè)務(wù)節(jié)點(diǎn)或操作來(lái)劃分功能模塊。
例如,發(fā)布朋友圈內(nèi)容的一系列操作都劃歸“發(fā)布朋友圈”模塊、好友互動(dòng)一系列操作劃歸“朋友圈互動(dòng)”模塊等。
舉個(gè)例子:
- 發(fā)布朋友圈功能模塊可以拆分為發(fā)布帶圖文和視頻朋友圈、發(fā)布
- 純文本朋友圈兩個(gè)子功能模塊;
- 發(fā)布純文本朋友圈子功能模塊又可以繼續(xù)拆分為輸入文本內(nèi)容、選擇定位、設(shè)置提醒誰(shuí)看、設(shè)置誰(shuí)可以看;
- 設(shè)置誰(shuí)可以看還可以拆分為選擇設(shè)置方式、設(shè)置部分可見、設(shè)置部分不可見;
- 設(shè)置部分可見任可以繼續(xù)拆分為從群選擇、從通訊錄選擇、通過(guò)標(biāo)簽選擇······
如果你愿意,這里還可以在繼續(xù)拆分。
3. 繪制成思維腦圖
這個(gè)步驟,對(duì)產(chǎn)品人來(lái)說(shuō),以及是最基本的工具使用,此處就不再贅述。
值得注意的是,功能結(jié)構(gòu)圖的最小顆粒,要根據(jù)實(shí)際情況來(lái)把握。若功能非常復(fù)雜,拆分到一定的顆粒度即可,并不一定要拆分到最小顆粒。
總結(jié)
在產(chǎn)品日常的工作中,繪制功能結(jié)構(gòu)圖是一個(gè)多方共贏的好習(xí)慣。需要我們耐心的在工作中不斷練習(xí)和總結(jié),才能徹底掌握,從而有效提高產(chǎn)品方案的質(zhì)量。
本文由 @誓博 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議。
感覺不對(duì)啊,功能結(jié)構(gòu)怎么會(huì)是通訊錄、我 呢
這是按照微信的tab來(lái)拆分的
奧是的,一個(gè)月后再回過(guò)頭來(lái)看這個(gè)問(wèn)題,發(fā)現(xiàn)是我錯(cuò)了
即時(shí)通訊、通訊錄、發(fā)現(xiàn)、我,這是頁(yè)面結(jié)構(gòu),不是功能結(jié)構(gòu),頁(yè)面結(jié)構(gòu)是功能結(jié)構(gòu)的聚類結(jié)果
業(yè)務(wù)流程圖是從何而來(lái)呢,是需求嗎
下一篇文章會(huì)寫這個(gè)主題,歡迎關(guān)注公眾號(hào):產(chǎn)品慎思錄
先種樹,再開枝散葉
個(gè)人感覺這個(gè)功能結(jié)構(gòu)圖其實(shí)在產(chǎn)品需求溝通的時(shí)候就開始做了,在形成規(guī)范的PRD和原型圖之前肯定是要有一個(gè)完整的功能結(jié)構(gòu)圖的
畫功能架構(gòu)圖是一個(gè)專業(yè)的產(chǎn)品必須的吧
業(yè)務(wù)流程、信息架構(gòu)圖、功能結(jié)構(gòu)圖,感覺親很混亂
后面會(huì)單獨(dú)寫一篇來(lái)講信息結(jié)構(gòu)圖。
附議
畫原型圖之前不應(yīng)該先有這么一個(gè)東西嗎?不然你原型圖怎么畫?
很多產(chǎn)品是沒(méi)有畫這個(gè)的。
最起碼整理這么一個(gè)東西出來(lái) 思維就清晰了
是的。理清楚思路,再畫原型,是產(chǎn)品經(jīng)理最基本的工作習(xí)慣。