在產(chǎn)品經(jīng)理的工作中,我們總能看到功能架構(gòu)圖,但它是怎么來的呢?本文介紹了功能架構(gòu)圖和信息架構(gòu)圖的區(qū)別,以及如何從業(yè)務(wù)出發(fā)構(gòu)建功能架構(gòu)圖。希望對你理解和繪制架構(gòu)圖有所幫助。
在產(chǎn)品經(jīng)理的工作中,我們總是會用到功能架構(gòu)圖,但是功能架構(gòu)圖是怎么來的呢,可能還是有很多伙伴不是非常清楚。
有可能是憑經(jīng)驗、看競品等方式來做功能架構(gòu)圖,然后反反復(fù)復(fù)經(jīng)過多次的來回折騰有一個輸出,但可能有各種遺漏并傳遞到下一個環(huán)節(jié),最終靠和研發(fā)各方調(diào)整撕逼多次最終完善。
那有沒有能夠比較徹底的方式方法來解決這種問題呢?
確實是有的,我們還是回到業(yè)務(wù)層面,因為功能也是為業(yè)務(wù)服務(wù)的。
我們在業(yè)務(wù)架構(gòu)階段得到商業(yè)模式,商業(yè)模式中拆分出價值鏈、價值鏈進一步細化就得到流程,流程逐層分解細化,我們得到多層級的流程,最終到任務(wù)活動這個不可再拆分的層級。各個業(yè)務(wù)的復(fù)雜度不同,拆分的層級不一樣。
如下為生產(chǎn)制造類型的核心價值鏈,從商業(yè)模式梳理出核心價值鏈,還有輔助及職能部分。
對核心價值鏈逐層分解,則能有下一級的流程,流程節(jié)點步驟對應(yīng)能力,也即是功能。以其中的加工制造環(huán)節(jié)的三個層級來分析,細化如下。
對流程節(jié)點進行一一映射,就能夠得到功能架構(gòu)圖。在拆分的時候,做到端到端、逐層拆解,完全窮盡,不重不漏。
功能架構(gòu)圖與信息架構(gòu)圖
在日常工作中、書上、網(wǎng)絡(luò)上經(jīng)常能看到產(chǎn)品信息架構(gòu)圖、產(chǎn)品功能架構(gòu)圖等等。
信息架構(gòu)和功能架構(gòu)有何區(qū)別呢?為什么一個產(chǎn)品,會有兩個不同的架構(gòu)圖出現(xiàn)?
估計很多人畫的都是二合一的架構(gòu)圖,但總是畫不全、想不周密、老覺得缺點啥似的,到后面原型設(shè)計、設(shè)置研發(fā)等環(huán)節(jié)再補,導(dǎo)致反反復(fù)復(fù)、不斷的返工。
本質(zhì)上是從不同的視角看問題的緣故:
A、功能架構(gòu)圖就是我需要哪些功能。就像是汽車發(fā)動機,需要有哪些零件一樣,一個個的功能就是一個一個的零件。功能架構(gòu)就是發(fā)動機所有零件的一個綜合清單,不過這個清單進行了分類,按照不同的類別進行了多個層級的分類,能夠方便清晰的識別出每個零件的歸屬及上下級關(guān)系,就像給圖書進行分門別類編號一樣。這樣也便于檢查功能是否齊備等。
B、信息架構(gòu)是零件組裝的一個指導(dǎo),就類似于發(fā)動機的組裝指導(dǎo)手冊。要考慮如何組裝零件最后占用的空間少,各個零件出現(xiàn)在該出現(xiàn)的位置,不會出現(xiàn)錯裝漏裝。這樣才能更好的使用,對用戶友好,不能是簡單的堆砌在一起,要考慮功能之間的交互。
就類似于下圖,發(fā)動機的每個零件都出現(xiàn)在該出現(xiàn)的地方,發(fā)動機才能正常的運轉(zhuǎn),要不然即便有這個零部件,沒有安裝好,也發(fā)揮不了該有的作用。軟件類似,如果一個功能出現(xiàn)在不合適的位置,就發(fā)揮不了本身應(yīng)有的作用。
就一般來說,我們肯定是先有單個的零件,然后才能進行組裝。
因此是先有功能,然后進行組裝、也就是搭建交互及頁面布局,最終形成信息架構(gòu)圖。
當我們有了信息結(jié)構(gòu)圖,我們再進行原型繪制,就非常簡單,只需要將相關(guān)功能按照交互布局放上去,并創(chuàng)建交互,原型demo就出來了,這樣能夠極大的減少因為思考步驟導(dǎo)致的往復(fù)返工,特別是原型的往復(fù)返工。
下圖為微信的功能架構(gòu)圖,在梳理功能架構(gòu)圖的時候,就不太會去管這些功能怎么樣去交互,擺放位置等等,大概的知道他們的一個先后順序??催@張圖,能夠比較清晰的看到微信有哪些功能,對其有一個概覽。
下圖為微信的信息架構(gòu)圖,也就是微信各種功能的組裝圖,看這張圖就能夠比較清晰的知道,微信一層一層有哪些東西,是怎么樣分布的,你在哪個地方可以看到用到哪些功能。
功能架構(gòu)圖更便于研發(fā)或者是后臺研發(fā)看,信息架構(gòu)圖便于UI、前端看。功能架構(gòu)是功能的集合,信息架構(gòu)圖是功能的交互。
從產(chǎn)品設(shè)計、UI設(shè)計、視覺設(shè)計、交互設(shè)計等等一些列設(shè)計,其實都是做了一個事:站在用戶角度,用戶如何使用這個產(chǎn)品(用戶體驗),以及我們希望用戶如何使用這個產(chǎn)品。
功能架構(gòu)圖的作用是;快速的梳理功能,輔助研發(fā)人員來進行開發(fā)的,
信息架構(gòu)圖的作用是:是表達信息及信息之間的相互關(guān)系,用于交互設(shè)計相關(guān)人員使用,約束其設(shè)計思路,進而讓所有人聚焦,從產(chǎn)品到視覺設(shè)計人員,整體一致的為“用戶更好的使用這個產(chǎn)品完成目標”而設(shè)計。
通過從業(yè)務(wù)中的價值鏈》流程》功能》功能架構(gòu)圖》信息架構(gòu)圖,我們整個產(chǎn)品需要什么樣的功能,功能應(yīng)該如何布局也就很清楚了,那么下一步,我們就可以使用原型來做一個最終的demo呈現(xiàn)。
專欄作家
Markzou,8年產(chǎn)品經(jīng)驗,人人都是產(chǎn)品經(jīng)理專欄作家。主要專注于本地生活、O2O、到家服務(wù)、新零售領(lǐng)域;曾任職于多家本地生活垂直領(lǐng)域頭部公司,具有豐富的本地生活行業(yè)經(jīng)驗。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請發(fā)送郵件至 舉報,一經(jīng)查實,本站將立刻刪除。