從0設(shè)計(jì)App(5):如何搭建系統(tǒng)架構(gòu)和產(chǎn)品結(jié)構(gòu)(中)
通過前幾篇文章對產(chǎn)品需求、產(chǎn)品定位的分析,我們已經(jīng)有了基本的產(chǎn)品之“道”,在戰(zhàn)略層上做了充分的思考和準(zhǔn)備。接下來,我們就要圍繞戰(zhàn)略進(jìn)行產(chǎn)品設(shè)計(jì)。首先要面臨的就是整個(gè)產(chǎn)品體系的架構(gòu)問題。
筆者會從以下幾個(gè)維度逐步拆開來寫進(jìn)程,慢慢形成一個(gè)系列。之前的文章,可以在筆者的個(gè)人中心閱讀。
- 一、市場分析篇:市場分析(上);市場分析(下)
- 二、競品分析篇:競品分析
- 三、用戶調(diào)研篇:用戶調(diào)研(上);用戶調(diào)研(下)
- 四、需求管理篇:需求管理
- 五、架構(gòu)流程篇:產(chǎn)品定位(上)
- 六、原型設(shè)計(jì)篇
- 七、UI設(shè)計(jì)篇
- 八、PRD文檔篇
- 九、開發(fā)管理篇
在此聲明:本系列的產(chǎn)品內(nèi)容原創(chuàng)且非商用,如有雷同,你抄我的。
一、前言
在上一篇文章:產(chǎn)品定位(上)中,我們已經(jīng)找到了我們的新產(chǎn)品職得App的定位。
回顧一下:
名稱:職得App
定位:大牛培伴式互聯(lián)網(wǎng)職場技能學(xué)習(xí)平臺;
slogan:陪練十遍,技能自現(xiàn);
目標(biāo)用戶:非一線互聯(lián)網(wǎng)職場新人;
用戶痛點(diǎn):在中小型公司得不到業(yè)界大牛指點(diǎn)崗位技能的機(jī)會。
另外,在之前做需求一文:需求管理中,我們做了充足的減法,也得出了第一個(gè)MVP版本的Feature lists。再次扒出來給大家看以下我們V1.0.0版本的功能。
注意的是,雖然筆者發(fā)文是先發(fā)送的需求管理,但是實(shí)際上需求管理和產(chǎn)品定位是不分先后的,是互相驗(yàn)證的,這一點(diǎn)非常重要。
二、系統(tǒng)架構(gòu)
本次我們設(shè)計(jì)的是一款C端App,但是實(shí)際上,一款真正的產(chǎn)品還包括企業(yè)的后臺/中臺,業(yè)務(wù)的管理后臺等需要我們來考慮。因此我們還需要思考兩個(gè)方面,并從這兩個(gè)流程入手來拆解系統(tǒng)架構(gòu)。
2.1 應(yīng)用架構(gòu)設(shè)計(jì)
對于任何一家公司,任何一款產(chǎn)品來說,在設(shè)計(jì)軟件系統(tǒng)時(shí),就要在一開始考慮清楚應(yīng)該如何設(shè)計(jì)企業(yè)級應(yīng)用架構(gòu)。這是培養(yǎng)產(chǎn)品經(jīng)理大局觀的必修課,尤其是對于B端產(chǎn)品經(jīng)理來說。
什么是應(yīng)用架構(gòu)呢?
當(dāng)然了,這是蘇寧,一家巨頭集團(tuán)的系統(tǒng)架構(gòu),業(yè)務(wù)線眾多,資源雄厚。而我們作為小公司甚至是個(gè)人設(shè)計(jì)一款產(chǎn)品。道理相同,我們也要從小搭建,隨著業(yè)務(wù)的成長、產(chǎn)品的規(guī)劃,整個(gè)系統(tǒng)會不斷完善。
回到我們的0-1設(shè)計(jì)APP系列中,同樣地,我們也要為“企業(yè)”搭建打賞的藍(lán)圖,只有做好藍(lán)圖的設(shè)計(jì)才能夠?yàn)楹竺媸┕ぷ龊没A(chǔ)。
特別說一句,咱們做產(chǎn)品經(jīng)理的,很可能講過很多很多產(chǎn)品設(shè)計(jì)方案,自己也親身參與過一些設(shè)計(jì)決策,但很可能是一些總監(jiān)或架構(gòu)師來設(shè)計(jì)的,我們往往無法理解底層的原因和背后的邏輯。這時(shí),我們要逼自己跳脫出來,從公司整體業(yè)務(wù)的角度去思考時(shí),你會有不一樣的豁然開朗。
一定記?。簯?yīng)用架構(gòu)是隨著業(yè)務(wù)的發(fā)展而演變的,業(yè)務(wù)、業(yè)務(wù)、業(yè)務(wù),跟著業(yè)務(wù)走。
所以,我們從前文中提到的業(yè)務(wù)形態(tài)入手,從最簡單的V1.0.0版本的MVP來搭建應(yīng)用架構(gòu)。
很顯然,我們目前只有單一業(yè)務(wù)線,其中一共有3種角色:內(nèi)容消費(fèi)者、內(nèi)容生產(chǎn)者、運(yùn)營團(tuán)隊(duì)。最簡單的前/后臺結(jié)構(gòu)就能滿足業(yè)務(wù),其中后臺系統(tǒng)并不需要分成N個(gè)子系統(tǒng),可以由一個(gè)系統(tǒng)管理,設(shè)置不同的權(quán)限即可。簡單地說,就是如下情況:
這樣的結(jié)構(gòu)還不夠,我們還要填充每個(gè)系統(tǒng)的內(nèi)容,根據(jù)Feature lists的內(nèi)容來梳理V1.0.0前臺App的功能。同時(shí)根據(jù)產(chǎn)品的商業(yè)價(jià)值定位來梳理后臺管理系統(tǒng)的功能范圍。
- 對于C端App:學(xué)員在C端App上需要完成什么動作?核心的看課程要有吧,作業(yè)要有吧,注冊登錄要有吧……這些都是在需求管理時(shí)做版本規(guī)劃時(shí)已經(jīng)想好的東西。
- 對于圈主管理后臺:根據(jù)C端App上的一些行為,多問一個(gè)How,怎么來的?。課程怎么發(fā)布?圈子怎么管理?怎么和學(xué)員互動呢?圈主賺的錢如何結(jié)算?
- 對于管理后臺:尤其是第一版的產(chǎn)品來說,一些通用的后臺管理方式即可,保證業(yè)務(wù)上形成大閉環(huán),不能某個(gè)環(huán)節(jié)漏一拍。
具體的話,我們可以將功能繪成更詳細(xì)的產(chǎn)品藍(lán)圖:
這樣就非常清晰,對于我們職得App產(chǎn)品V1.0.0 Mvp有了一個(gè)清晰的認(rèn)知。
2.2 演進(jìn)藍(lán)圖
在上文中,我們得到了“職得App”的第一期產(chǎn)品藍(lán)圖。
但是在實(shí)際工作中,我們往往還需要讓藍(lán)圖動起來,即演進(jìn)藍(lán)圖:動態(tài)地規(guī)劃未來3個(gè)版本的功能。
同樣地,這需要你動態(tài)地規(guī)劃3個(gè)版本的Feature lists,并根據(jù)對業(yè)務(wù)的理解和MVP數(shù)據(jù)表現(xiàn)來動態(tài)調(diào)整。
因?yàn)楣P者只是做了一個(gè)模擬產(chǎn)品,因此沒有做后續(xù)版本的規(guī)劃,也沒有做出演進(jìn)藍(lán)圖。
但是這里必須提,版本規(guī)劃、版本封閉仍然是產(chǎn)品經(jīng)理必須做的,這點(diǎn)在需求管理一文中強(qiáng)調(diào)了很多次。因此,這里拋出一張示意圖來表示,重點(diǎn)在于:一期、二期、三期的規(guī)劃。
三、產(chǎn)品結(jié)構(gòu)
在得到了“施工藍(lán)圖”之后,我們就要開始進(jìn)行:①產(chǎn)品結(jié)構(gòu)設(shè)計(jì)、②業(yè)務(wù)流程設(shè)計(jì)。
順帶一提,引用《用戶體驗(yàn)要素》中十分經(jīng)典的產(chǎn)品框架體系,目前我們已經(jīng)從底部到達(dá)了“結(jié)構(gòu)層”中“信息架構(gòu)”的設(shè)計(jì)。這是從“抽象”到“具體”最關(guān)鍵的環(huán)節(jié),正巧,產(chǎn)品結(jié)構(gòu)和業(yè)務(wù)流程也是產(chǎn)品經(jīng)理日常工作重頭戲之一,職責(zé)所在。
先聲明,①產(chǎn)品結(jié)構(gòu)設(shè)計(jì)②業(yè)務(wù)流程設(shè)計(jì),這兩者基本上也是同步進(jìn)行的,在產(chǎn)品經(jīng)理的腦中會不斷演練。首先我們來說說產(chǎn)品結(jié)構(gòu)。
因?yàn)橹挥蠧端產(chǎn)品形態(tài)是App,且對于用戶體驗(yàn)體驗(yàn)較大,另外兩個(gè)管理系統(tǒng)均是Web端且偏向B端產(chǎn)品以業(yè)務(wù)效率為主,B端產(chǎn)品重點(diǎn)不在于產(chǎn)品結(jié)構(gòu),分析和雕琢產(chǎn)品結(jié)構(gòu)意義不大。因此筆者只分析C端的App產(chǎn)品如何處理。
關(guān)于產(chǎn)品結(jié)構(gòu)設(shè)計(jì),一般來說有兩種圖:信息結(jié)構(gòu)圖、產(chǎn)品結(jié)構(gòu)圖。
一般來說,筆者習(xí)慣是用信息結(jié)構(gòu)圖來腦暴一些功能,做梳理。最后根據(jù)信息結(jié)構(gòu)圖,重新組織形成產(chǎn)品結(jié)構(gòu)圖。
3.1 信息結(jié)構(gòu)圖
根據(jù)上文中的V1.0.0的產(chǎn)品藍(lán)圖和Feature List:
一共有三個(gè)大模塊要處理,我們直接用思維導(dǎo)圖來做加法。做信息架構(gòu)圖時(shí),強(qiáng)烈建議不要超過3個(gè)層級。
根據(jù)藍(lán)圖,一 一匹配,我們能很快得到信息架構(gòu)圖第一第二層:
然后根據(jù)Feature List以及腦暴一些細(xì)節(jié),得到第三層,將相關(guān)的功能加到對應(yīng)的模塊下面。
做到 大模塊-小模塊?的結(jié)構(gòu):
3.2 產(chǎn)品結(jié)構(gòu)圖
有了信息架構(gòu)圖之后,我們現(xiàn)在要做的就是組織結(jié)構(gòu)形式。
產(chǎn)品結(jié)構(gòu)圖是綜合展示產(chǎn)品信息和產(chǎn)品邏輯的圖表,簡單說產(chǎn)品結(jié)構(gòu)圖就是產(chǎn)品原型的簡化表達(dá)。
這里筆者不說什么怎么設(shè)計(jì)的方法,至今筆者沒有看到什么特別有效的方法。其實(shí)就是在腦中形成一個(gè)模糊的demo樣子,然后在信息架構(gòu)圖(X-mind)上拖拽即可,如果有好方法,歡迎交流。
說實(shí)在的,到了這一步,筆者建議可以參考參考市面上其他產(chǎn)品粗線條的形態(tài),如果定位比較接近的,可以借鑒借鑒。一方面是避免了重造輪子的無意義工作,另一方面是讓用戶更好地接受你的產(chǎn)品。(請正視這種借鑒,切忌悶頭造車)。這里的話,筆者就是直接借鑒“知識星球”的形態(tài)來設(shè)計(jì)產(chǎn)品結(jié)構(gòu)的。
比如:IM軟件都很像,抖音的形式被抄了又抄,探探的模式也被借用,電商軟件結(jié)構(gòu)上很相似……但是他們的功能、內(nèi)容以及運(yùn)營方式都是不同的,所解決用戶需求的方式不同。
總結(jié)
OK,到現(xiàn)在,我們從一個(gè)“定位”一個(gè)“理念”初步轉(zhuǎn)化成了可感知、可想象的架構(gòu)。其實(shí)無論是做一款0-1的產(chǎn)品還是做一個(gè)功能,上述分析或重或輕都可以運(yùn)用到工作中。
因?yàn)殛P(guān)于業(yè)務(wù)流程、頁面流程這塊是比較大的話題,筆者會單獨(dú)領(lǐng)出來,作為架構(gòu)流程(下)篇。
作者:朱魯斌,同花順產(chǎn)品經(jīng)理。專注于產(chǎn)品的“道”“術(shù)”“力”,以產(chǎn)品道世界,以筆畫世界,妙哉。
本文由@朱魯斌? 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash, 基于CC0協(xié)議。
看完上文作者提到:產(chǎn)品結(jié)構(gòu)圖就是產(chǎn)品原型的簡化表達(dá)(產(chǎn)品結(jié)構(gòu)圖就到原型設(shè)計(jì)了?)。有個(gè)疑問:不是先畫業(yè)務(wù)流程圖 再畫功能流程圖——信息結(jié)構(gòu)圖——頁面流程圖——原型設(shè)計(jì)嗎?
請問產(chǎn)品藍(lán)圖的圖是用什么軟件畫的呀
什么軟件不重要,PPT,word,axure,墨刀,甚至visio都可以畫出來
蹲更新,蹲更新,蹲更新
求大佬更新
更新,更新,更新更新,更新,更新更新,更新,更新更新,更新,更新更新,更新,更新更新,更新,更新更新,更新,更新更新,更新,更新,迫不及待啊!
求大佬更新
求大佬更新~
寫得很好~坐等筆者更新
太厲害了。坐等更新
真的牛逼
大神,有音頻或者視頻課程嗎?
期待更新 ??
求更新?。。。。。?!
繼續(xù)更新,不要停,加油呀 ??
你好,可以先用一下職得這個(gè)app的想法,自己做一個(gè)demo,放在自己的簡歷上嗎
可以聯(lián)系我微信:zlb598083369
住的離同花順不遠(yuǎn)
大佬,能不能帶小弟一把