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