B端系統(tǒng)-產(chǎn)品系統(tǒng)架構(gòu)

0 評(píng)論 3133 瀏覽 23 收藏 7 分鐘

這篇文章,我們和作者一起學(xué)習(xí)下,B端的產(chǎn)品架構(gòu)涉及哪些內(nèi)容,以及UML、體驗(yàn)設(shè)計(jì)和PRD的設(shè)計(jì)。

什么是產(chǎn)品架構(gòu)?

產(chǎn)品架構(gòu)是產(chǎn)品經(jīng)理用來(lái)表達(dá)自己產(chǎn)品整體設(shè)計(jì)機(jī)制和規(guī)劃的圖,它將產(chǎn)品功能落地為信息化、模塊化、層次清晰的可視化架構(gòu),并通過(guò)不同分層的交互關(guān)系、功能模塊的組合、數(shù)據(jù)和信息的流轉(zhuǎn),來(lái)傳遞產(chǎn)品的業(yè)務(wù)流程、商業(yè)模式和設(shè)計(jì)思路。

產(chǎn)品架構(gòu)是對(duì)商業(yè)模式中核心業(yè)務(wù)場(chǎng)景的抽象,體現(xiàn)了商業(yè)模式的運(yùn)作和實(shí)現(xiàn)方式,產(chǎn)品架構(gòu)設(shè)計(jì)是抽象業(yè)務(wù)場(chǎng)景,通過(guò)業(yè)務(wù)規(guī)則建立產(chǎn)品內(nèi)在邏輯的過(guò)程。產(chǎn)品架構(gòu)的對(duì)象就是產(chǎn)品的商業(yè)需求以及用戶需求。如何讓滿足產(chǎn)品兩個(gè)需求的產(chǎn)品設(shè)計(jì)更加簡(jiǎn)單、高效的規(guī)劃就是產(chǎn)品的架構(gòu)。

抽象是指將復(fù)雜的事物簡(jiǎn)化為一組關(guān)鍵概念或模型,以便更好地理解和處理問(wèn)題。

產(chǎn)品架構(gòu)就是為了把原來(lái)一個(gè)個(gè)孤立的產(chǎn)品,進(jìn)行有側(cè)重的編排組合。這樣滿足用戶、商業(yè)需求更簡(jiǎn)單了、產(chǎn)品設(shè)計(jì)也更簡(jiǎn)單了,這就是產(chǎn)品的生態(tài):不是把孤立的產(chǎn)品鏈接起來(lái),而是通過(guò)產(chǎn)品架構(gòu)組織起來(lái)。這種簡(jiǎn)單帶來(lái)的高效就更不用說(shuō)了。

這里有兩個(gè)重要的目標(biāo):

  1. 滿足需求高效簡(jiǎn)單;
  2. 產(chǎn)品設(shè)計(jì)過(guò)程高效簡(jiǎn)單。

奧卡姆剃須刀法則同樣在產(chǎn)品架構(gòu)設(shè)計(jì)中適用,越簡(jiǎn)單的架構(gòu)越有利于產(chǎn)品的生長(zhǎng)。

一、系統(tǒng)架構(gòu)設(shè)計(jì)

你是否想清楚了以下問(wèn)題: 在新增一個(gè)需求時(shí)??

  1. 在整個(gè)系統(tǒng)中的位置;
  2. 各系統(tǒng)之間的邊接;
  3. 所需要的底層數(shù)據(jù);
  4. 所需的前端支持?

系統(tǒng)架構(gòu)是產(chǎn)品實(shí)際落地環(huán)節(jié)的第一步;

系統(tǒng)架構(gòu)圖

從更宏觀的角度,從系統(tǒng)的全貌的角度,將一個(gè)解決方案,在系統(tǒng)中的模塊,對(duì)其他系統(tǒng)的影響,和底層支撐的數(shù)據(jù),完整展現(xiàn)出來(lái)的圖形。

核心目的

更全面的梳理清楚你的項(xiàng)目、更好的規(guī)劃項(xiàng)目邊界、更清晰的展示需求全貌;

4步繪制架構(gòu)圖

①分層、②抽象、③解耦檢查、④支撐數(shù)據(jù)拓展;

1、分層:業(yè)務(wù)表現(xiàn)層、業(yè)務(wù)支撐層、底層數(shù)據(jù)層、系統(tǒng)支持層、關(guān)聯(lián)系統(tǒng);

2、系統(tǒng)模塊抽象:根據(jù)業(yè)務(wù)調(diào)研結(jié)果、產(chǎn)品調(diào)研結(jié)果、產(chǎn)品邏輯經(jīng)驗(yàn)等:詳細(xì)思考、將各個(gè)層面涉及到的功能、模塊、進(jìn)行完整的梳理,盡可能的抽象為相互獨(dú)立的產(chǎn)品功能模塊;

無(wú)需關(guān)注細(xì)節(jié),模塊化思維;

3、解耦檢查:展示功能需求、確定解耦模塊、從新確認(rèn)系統(tǒng)架構(gòu);

4、底層數(shù)據(jù):拆解需要的數(shù)據(jù)信息、找到數(shù)據(jù)交互邏輯;

二、信息架構(gòu)設(shè)計(jì)

什么是信息架構(gòu):信息體驗(yàn)5要素;

表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層、戰(zhàn)略層;

信息表單:每個(gè)功能點(diǎn)和字段信息,然后把信息歸類(基本信息、活動(dòng)信息、商品信息等);

信息架構(gòu)是通過(guò)有原則的交互設(shè)計(jì)方式;

B端信息架構(gòu)設(shè)計(jì)方法:四部分:導(dǎo)航、列表、表單、詳情;

頁(yè)面設(shè)計(jì)要點(diǎn):復(fù)雜表單分步拆解、按照模塊聚合相同信息、信息填寫由宏觀到微觀;

三、4大UML圖形工具(流程邏輯梳理)

UML:統(tǒng)一建模語(yǔ)言,提供標(biāo)準(zhǔn)通用設(shè)計(jì)語(yǔ)言;是一系列圖形組合;

用例圖、對(duì)象圖、時(shí)序圖、狀態(tài)機(jī)…;

作用:更好的梳理需求、保證功能完整邏輯順暢、高效傳遞、高效溝通;

1、用例圖:某個(gè)角色操作的功能;

2、時(shí)序圖:描述了對(duì)象之間的消息、數(shù)據(jù)傳遞的時(shí)間順序(包括發(fā)送消息、接收消息、處理信息、返回信息);適用于梳理清楚系統(tǒng)與系統(tǒng)之間的數(shù)據(jù)交互邏輯;

3、ER圖:描述實(shí)體的屬性包含關(guān)系,實(shí)物對(duì)象1對(duì)n 1對(duì)1 n對(duì)n關(guān)系;

4、狀態(tài)機(jī):描述了數(shù)據(jù)狀態(tài)的流轉(zhuǎn)過(guò)程; 適用一切涉及數(shù)據(jù)狀態(tài)的描述;

四、產(chǎn)品體驗(yàn)設(shè)計(jì)(原型界面設(shè)計(jì))

B端C化的時(shí)代已來(lái)臨;

1、產(chǎn)品層:價(jià)值、交互及用戶體驗(yàn)、視覺;

2、運(yùn)營(yíng)及推廣;

交互體驗(yàn)設(shè)計(jì):一致性、可見性、及時(shí)反饋、防錯(cuò)設(shè)計(jì)、隨時(shí)幫助;

1、一致性:界面模塊排布、設(shè)計(jì)風(fēng)格一致、操作交互邏輯一致、數(shù)據(jù)展示意義一致;

2、可見性:當(dāng)前位置、當(dāng)前操作進(jìn)程、當(dāng)前數(shù)據(jù)進(jìn)程反饋;

3、及時(shí)反饋:操作結(jié)果反饋;toast提示;

4、防錯(cuò)設(shè)計(jì):二次確認(rèn)、減少輸入多選擇、數(shù)據(jù)標(biāo)準(zhǔn)展示、內(nèi)聯(lián)校驗(yàn);

5、隨時(shí)幫助:名詞解釋、問(wèn)號(hào)說(shuō)明、幫助手冊(cè)、操作指導(dǎo);

界面原型設(shè)計(jì)原則:信息層次、間距關(guān)系、對(duì)齊、借助貼近認(rèn)知圖形;

五、PRD設(shè)計(jì)

PRD架構(gòu)6大模塊:

文檔基礎(chǔ)描述、項(xiàng)目描述、需求描述、角色權(quán)限、埋點(diǎn)需求、后續(xù)拓展計(jì)劃;

最好把開發(fā)當(dāng)做一個(gè)小白(sha)子(哈哈);

本文由 @阿輝 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!