如何正確的畫出功能結(jié)構(gòu)圖?
簡單的功能直接畫l線框圖。但是復(fù)雜的功能怎么辦呢?文章為你解讀。
通常PM梳理完了產(chǎn)品的整體架構(gòu),就進(jìn)入正式的原型設(shè)計(jì)。簡單的功能直接畫l線框圖。但是復(fù)雜的功能怎么辦呢?
這時(shí)候初級PM估計(jì)還是一個(gè)頁面一個(gè)頁面的畫,一個(gè)控件一個(gè)控件的摳細(xì)節(jié)。然后畫到一半發(fā)現(xiàn)有問題,再一個(gè)頁面一個(gè)頁面的往回修改。
從時(shí)間上來看,反反復(fù)復(fù)修改幾十遍,浪費(fèi)時(shí)間和精力。
從溝通上來看,技術(shù)會(huì)因?yàn)橐淮涡宰鲞@么復(fù)雜的功能,懟你們。
從結(jié)果上來看,大家看到的是一個(gè)細(xì)節(jié)很完美而整體復(fù)雜混亂的功能。
一、為什么需要功能結(jié)構(gòu)圖
碰到上述情況的時(shí)候,其實(shí)你應(yīng)該先把整體分析一下這個(gè)功能,畫出詳細(xì)的內(nèi)部結(jié)構(gòu),然后和前后端工程師過一遍需求。讓大家清楚這個(gè)功能有幾部分組成,每部分是什么,以及各有什么作用。
最后根據(jù)公司的要求,是做完這些功能重要還是必須某個(gè)時(shí)間點(diǎn)上線重要,來綜合考慮是做完整個(gè)功能,還是這個(gè)功能的部分子功能。
這就是功能結(jié)構(gòu)圖的由來。
二、功能結(jié)構(gòu)圖是什么
功能結(jié)構(gòu)圖是用來表示復(fù)雜功能的內(nèi)部結(jié)構(gòu),包含了哪些子功能。
設(shè)計(jì)特性
最好設(shè)計(jì)成獨(dú)立的模塊,和其他功能盡量不存在關(guān)聯(lián)。
注意是功能內(nèi)部結(jié)構(gòu),不是誤認(rèn)為是功能間的關(guān)系。詳見如何正確的畫出功能流程圖。
三、如何畫功能結(jié)構(gòu)圖
以電商APP的下單功能l為例來講一下如何畫功能結(jié)構(gòu)圖。
分析功能結(jié)構(gòu)
當(dāng)我們接到這樣一個(gè)需求的時(shí)候,腦子中想到的是我們在淘寶京東等購物平臺的下單步驟。很容易就想到至少要這樣做。
然后這時(shí)候就直接去畫頁面,或者照抄競品來設(shè)計(jì)原型。
避免步驟頁面化
有3個(gè)步驟,那就畫3個(gè)頁面好了。
簡單粗暴的“步驟=頁面”,只是偷懶的做法。
比如提交訂單可以只是一個(gè)提交的按鈕,選擇商品可以有多種方式,可能會(huì)涉及到多個(gè)頁面。
避免功能競品化
貌似競品淘寶有現(xiàn)成的啊,全部照抄一遍就好了。
事實(shí)上你們可能不是電商平臺,商品也沒有不同sku。
細(xì)化功能粒度
根據(jù)自身業(yè)務(wù),將下單功能拆分到更細(xì)的粒度。
詳見訂單結(jié)構(gòu),你可以結(jié)合下方的訂單物理結(jié)構(gòu),訂單邏輯結(jié)構(gòu),訂單金額結(jié)構(gòu)一起閱讀。
如果你愿意按照這種思路去拆分,可以避免把步驟當(dāng)做頁面去畫了。
再去對照自己的業(yè)務(wù)是不是也需要用購物車,是否也需要有有優(yōu)惠券。如果是剛剛上線的,這2個(gè)子功能完全沒有必要設(shè)計(jì)。
控制細(xì)分粒度
沒必要無限制的去細(xì)分粒度,一般2到3層就夠了。比如上面的下單功能架構(gòu)圖就是如此。
不是不可以,而是一般情況下沒必要耗費(fèi)太多的精力。但是如果需要拆分最底交易系統(tǒng)架構(gòu)的時(shí)候,是有必要的。有興趣的朋友可以看看淘寶產(chǎn)品十年事或者有贊訂單系統(tǒng)的拆分。
四、使用Axure畫
建議使用Axure的流程圖功能來畫,因?yàn)檫€支持跳轉(zhuǎn)到對應(yīng)的前端線框圖,方便閱讀。詳見Axure原型加流程圖功能的高效結(jié)合。
矩形框
表示子功能,子子功能。
有向箭頭
表示子功能間的關(guān)系。
虛線框
用來表示這部分屬于哪個(gè)子功能。
五、總結(jié)
建議將這篇文章和如何正確的畫出功能流程圖一起閱讀,前者是功能內(nèi)部的結(jié)構(gòu)圖,后者是產(chǎn)品整體的功能流程圖。
我是對標(biāo)“任務(wù)型產(chǎn)品”來寫了這2篇文章,但是也可以反過來應(yīng)用這2種圖形,比如滴滴出行的主體功能更適合用一個(gè)個(gè)功能結(jié)構(gòu)圖來畫。
相關(guān)閱讀
#專欄作家#
浪子,人人都是產(chǎn)品經(jīng)理專欄作家,業(yè)務(wù)型PM,公眾號:langzisay。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
感覺什么都說了,又感覺什么都沒說.
個(gè)人看了功能邏輯圖個(gè)功能結(jié)構(gòu)圖,適合初級階段服用
感覺有點(diǎn)跑偏,重點(diǎn)是畫功能結(jié)構(gòu)圖,但是沒有講明白功能結(jié)構(gòu)圖具體要如何分析,如果給一個(gè)功能需求文檔,如何把功能分類,如何更好的將功能結(jié)構(gòu)圖畫出來?
是的
是的
功能流程圖,功能結(jié)構(gòu)圖,功能邏輯圖三個(gè)看的我有點(diǎn)懵逼啊
抱歉了,麻煩仔細(xì)看下對應(yīng)的文章。其實(shí)有不少區(qū)別的。
我也在文章中講了。
反復(fù)看您的文章,大概明白了