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

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

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

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

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

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

這里有兩個重要的目標(biāo)：

1. 滿足需求高效簡單；
2. 產(chǎn)品設(shè)計過程高效簡單。

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

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

你是否想清楚了以下問題： 在新增一個需求時？？

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

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

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

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

B端产品经理的能力模型与学习提升

B端产品经理面临的第一大挑战，是如何正确的分析诊断业务问题。 这也是最难的部分，产品设计知识对这部分工作基本没有帮助，如果想做好业务分析诊断，必须具备扎实 ...

查看详情 >

核心目的

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

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)驗等：詳細(xì)思考、將各個層面涉及到的功能、模塊、進(jìn)行完整的梳理，盡可能的抽象為相互獨(dú)立的產(chǎn)品功能模塊；

無需關(guān)注細(xì)節(jié)，模塊化思維；

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

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

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

什么是信息架構(gòu)：信息體驗5要素；

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

信息表單：每個功能點和字段信息，然后把信息歸類（基本信息、活動信息、商品信息等）；

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

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

頁面設(shè)計要點：復(fù)雜表單分步拆解、按照模塊聚合相同信息、信息填寫由宏觀到微觀；

三、4大UML圖形工具（流程邏輯梳理）

UML：統(tǒng)一建模語言，提供標(biāo)準(zhǔn)通用設(shè)計語言；是一系列圖形組合；

用例圖、對象圖、時序圖、狀態(tài)機(jī)…；

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

1、用例圖：某個角色操作的功能；

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

3、ER圖：描述實體的屬性包含關(guān)系，實物對象1對n 1對1 n對n關(guān)系；

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

四、產(chǎn)品體驗設(shè)計（原型界面設(shè)計）

B端C化的時代已來臨；

1、產(chǎn)品層：價值、交互及用戶體驗、視覺；

2、運(yùn)營及推廣；

交互體驗設(shè)計：一致性、可見性、及時反饋、防錯設(shè)計、隨時幫助；

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

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

3、及時反饋：操作結(jié)果反饋；toast提示；

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

5、隨時幫助：名詞解釋、問號說明、幫助手冊、操作指導(dǎo)；

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

五、PRD設(shè)計

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

文檔基礎(chǔ)描述、項目描述、需求描述、角色權(quán)限、埋點需求、后續(xù)拓展計劃；

最好把開發(fā)當(dāng)做一個小白（sha）子（哈哈）；