產(chǎn)品經(jīng)理的必備技能:功能結(jié)構(gòu)圖

16 評(píng)論 50341 瀏覽 231 收藏 10 分鐘

功能結(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ì)疑:

  1. 你的這個(gè)方案邏輯好混亂!
  2. 你能不能直觀點(diǎn)告訴我有哪些功能?
  3. 你這個(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è)圖中,我們可以看到:

  1. ?微信最頂級(jí)的4個(gè)功能模塊是即使通訊、通訊錄、發(fā)現(xiàn)、我;
  2. ?朋友圈、掃一掃等功能被放在發(fā)現(xiàn)模塊中;
  3. 圖中并沒(méi)有將頁(yè)面對(duì)應(yīng)的詳細(xì)字段列出,僅僅是對(duì)頁(yè)面功能的抽象描述。

由此,我們可以得到3個(gè)關(guān)于功能結(jié)構(gòu)圖的要點(diǎn):

  1. 功能結(jié)構(gòu)圖表達(dá)的是功能之間的從屬關(guān)系;
  2. 是產(chǎn)品功能模塊及其邏輯結(jié)構(gòu)的體現(xiàn);
  3. 功能結(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é)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 感覺不對(duì)啊,功能結(jié)構(gòu)怎么會(huì)是通訊錄、我 呢

    來(lái)自浙江 回復(fù)
    1. 這是按照微信的tab來(lái)拆分的

      來(lái)自廣東 回復(fù)
    2. 奧是的,一個(gè)月后再回過(guò)頭來(lái)看這個(gè)問(wèn)題,發(fā)現(xiàn)是我錯(cuò)了

      來(lái)自浙江 回復(fù)
  2. 即時(shí)通訊、通訊錄、發(fā)現(xiàn)、我,這是頁(yè)面結(jié)構(gòu),不是功能結(jié)構(gòu),頁(yè)面結(jié)構(gòu)是功能結(jié)構(gòu)的聚類結(jié)果

    來(lái)自福建 回復(fù)
  3. 業(yè)務(wù)流程圖是從何而來(lái)呢,是需求嗎

    來(lái)自浙江 回復(fù)
    1. 下一篇文章會(huì)寫這個(gè)主題,歡迎關(guān)注公眾號(hào):產(chǎn)品慎思錄

      來(lái)自廣東 回復(fù)
  4. 先種樹,再開枝散葉

    來(lái)自北京 回復(fù)
  5. 個(gè)人感覺這個(gè)功能結(jié)構(gòu)圖其實(shí)在產(chǎn)品需求溝通的時(shí)候就開始做了,在形成規(guī)范的PRD和原型圖之前肯定是要有一個(gè)完整的功能結(jié)構(gòu)圖的

    來(lái)自廣東 回復(fù)
  6. 畫功能架構(gòu)圖是一個(gè)專業(yè)的產(chǎn)品必須的吧

    來(lái)自湖北 回復(fù)
  7. 業(yè)務(wù)流程、信息架構(gòu)圖、功能結(jié)構(gòu)圖,感覺親很混亂

    來(lái)自上海 回復(fù)
    1. 后面會(huì)單獨(dú)寫一篇來(lái)講信息結(jié)構(gòu)圖。

      來(lái)自廣東 回復(fù)
    2. 附議

      回復(fù)
  8. 畫原型圖之前不應(yīng)該先有這么一個(gè)東西嗎?不然你原型圖怎么畫?

    來(lái)自浙江 回復(fù)
    1. 很多產(chǎn)品是沒(méi)有畫這個(gè)的。

      來(lái)自廣東 回復(fù)
    2. 最起碼整理這么一個(gè)東西出來(lái) 思維就清晰了

      來(lái)自浙江 回復(fù)
    3. 是的。理清楚思路,再畫原型,是產(chǎn)品經(jīng)理最基本的工作習(xí)慣。

      來(lái)自廣東 回復(fù)