這篇文章，我們和作者一起學(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）子（哈哈）；