一欢唾、線框圖的分類
1. 線框圖的必要性
作為一個(gè)B端產(chǎn)品經(jīng)理，如果在工作中遇到需要從0到1搭建一個(gè)產(chǎn)品粉捻，我們?cè)撊绾伍_(kāi)始呢礁遣？
B端產(chǎn)品的特性決定了在產(chǎn)品設(shè)計(jì)時(shí)，業(yè)務(wù)流程繁多肩刃，涉及到的后期使用角色多樣化祟霍，職能分工細(xì)化，以及每個(gè)用戶對(duì)產(chǎn)品的訴求不一樣盈包，這就需要我們?cè)谇捌趶?到1開(kāi)始務(wù)必明確產(chǎn)品的業(yè)務(wù)流程以及角色對(duì)應(yīng)的功能沸呐。
2. 線框圖的分類
①流程圖
以特定的圖形符號(hào)加上說(shuō)明，表示算法的圖呢燥，稱為流程圖或線框圖崭添。流程圖是流經(jīng)一個(gè)系統(tǒng)的物流、信息流叛氨、資金流等的圖形代表呼渣。在線下產(chǎn)品業(yè)務(wù)流轉(zhuǎn)中，流程圖主要用來(lái)說(shuō)明某一過(guò)程力试。是對(duì)業(yè)務(wù)流程的梳理徙邻，原型設(shè)計(jì)的基礎(chǔ)。
②實(shí)體關(guān)系圖
ER模型畸裳，全稱為實(shí)體聯(lián)系模型缰犁、實(shí)體關(guān)系模型或?qū)嶓w聯(lián)系模式圖。提供了表示實(shí)體型怖糊、屬性和聯(lián)系的方法帅容，用來(lái)描述現(xiàn)實(shí)世界的概念模型。實(shí)體關(guān)系圖表示在信息系統(tǒng)中概念模型的數(shù)據(jù)存儲(chǔ)伍伤。
③數(shù)據(jù)流程圖
一種能全面地描述系統(tǒng)數(shù)據(jù)流程的主要工具并徘，它用一組符號(hào)來(lái)描述整個(gè)系統(tǒng)中信息的全貌，綜合地反映出信息在系統(tǒng)中的流動(dòng)扰魂、處理和存儲(chǔ)情況麦乞。抽象性指的是數(shù)據(jù)流程圖把具體的組織機(jī)構(gòu)、工作場(chǎng)所劝评、物質(zhì)流都去掉姐直，只剩下信息和數(shù)據(jù)存儲(chǔ)、流動(dòng)蒋畜、使用以及加工情況声畏。概括性則是指數(shù)據(jù)流程圖把系統(tǒng)對(duì)各種業(yè)務(wù)的處理過(guò)程聯(lián)系起來(lái)考慮，形成一個(gè)總體姻成。
④用例圖
用例圖是指由參與者插龄、事件愿棋、邊界以及它們之間的關(guān)系構(gòu)成用于實(shí)現(xiàn)某一目的而進(jìn)行的活動(dòng)圖形展示。
二均牢、線框圖的詳細(xì)案例
1. 流程圖要素及繪制要點(diǎn)
流程圖的基本要素：一般流程圖主要表明個(gè)體在什么時(shí)間干了什么糠雨，什么節(jié)點(diǎn)結(jié)束。下圖為一些基本流程圖要素徘跪，包含：開(kāi)始/結(jié)束见秤、判斷、流程真椿、子流程、外部數(shù)據(jù)乎澄、注釋等突硝，一般工作中常用的就這些。
①流程圖的繪制要點(diǎn)
A 確定流程圖中涉及到的系統(tǒng)
比如在電商整個(gè)系統(tǒng)中置济，涉及到的系統(tǒng)就有前端用戶端解恰、訂單系統(tǒng)、客服系統(tǒng)浙于、運(yùn)營(yíng)系統(tǒng)护盈、采購(gòu)系統(tǒng)、倉(cāng)儲(chǔ)系統(tǒng)羞酗、配送系統(tǒng)腐宋、財(cái)務(wù)系統(tǒng)等，要考慮每個(gè)系統(tǒng)使用者的角色以及在整個(gè)業(yè)務(wù)流程中的作用檀轨，確定每個(gè)系統(tǒng)的邊界點(diǎn)胸竞，如下圖一般電商的業(yè)務(wù)流程圖，流程貫穿了不同的系統(tǒng)参萄，在系統(tǒng)里需要流轉(zhuǎn)的業(yè)務(wù)就是系統(tǒng)設(shè)計(jì)的價(jià)值卫枝。
B 確定流程圖中涉及的角色
具體到一個(gè)系統(tǒng)中，就涉及到不同角色讹挎，這個(gè)時(shí)候就需要在繪制流程圖時(shí)具體到角色的層面校赤，如在倉(cāng)儲(chǔ)系統(tǒng)設(shè)計(jì)中，一個(gè)商品從入庫(kù)到出庫(kù)筒溃，進(jìn)過(guò)了驗(yàn)貨马篮、簽收、確認(rèn)清單铡羡、入庫(kù)房积蔚、盤點(diǎn)、定期質(zhì)檢烦周、揀貨尽爆、出庫(kù)怎顾、到和配送系統(tǒng)交互，倉(cāng)儲(chǔ)管理人員是分工比較明確的漱贱，些具體每個(gè)角色執(zhí)行哪些動(dòng)作都需要在流程圖展示出來(lái)槐雾。
C 確定流程圖涉及節(jié)點(diǎn)狀態(tài)
在具體到某個(gè)系統(tǒng)某個(gè)角色在執(zhí)行到某個(gè)動(dòng)作時(shí)，我們需要單獨(dú)出這些執(zhí)行點(diǎn)不同的狀態(tài)幅狮。如在電商系統(tǒng)中募强，對(duì)于用戶來(lái)說(shuō)訂單的狀態(tài)有：待付款、待發(fā)貨崇摄、待收貨擎值、待評(píng)價(jià)。流程圖的狀態(tài)圖對(duì)于后期開(kāi)發(fā)幫助很大逐抑，一般這種流程圖需要放到一個(gè)單獨(dú)文件里鸠儿，供開(kāi)發(fā)閱讀。
D 流程圖的分級(jí)
一個(gè)產(chǎn)品涉及的業(yè)務(wù)很多厕氨，這個(gè)時(shí)候我們需要對(duì)流程圖分層进每，比如在B端產(chǎn)品中，會(huì)涉及到付款和收款流程命斧，在畫(huà)一級(jí)流程圖中田晚，主要還是明確業(yè)務(wù)流程，對(duì)于收款和付款国葬，只是在流程表明有這個(gè)動(dòng)作贤徒，具體收款和付款的細(xì)則，比如哪些人審核汇四，哪些人付款泞莉，哪些人核銷，在在子流程中去展示船殉，這個(gè)流程一般就是收款或者說(shuō)付款流程鲫趁。
如下圖是一般B端產(chǎn)品付款流程，這個(gè)流程對(duì)于一級(jí)流程來(lái)說(shuō)就是一個(gè)子流程利虫，相關(guān)人員在一級(jí)流程中只會(huì)看到收款這一動(dòng)作挨厚，想看具體如何收款，需要到二級(jí)流程中繼續(xù)查看糠惫。即下方這個(gè)詳細(xì)流程疫剃。
E 繪制注意點(diǎn)
一般流程圖都是上進(jìn)、左進(jìn)硼讽，右出巢价、下出，多個(gè)流程節(jié)點(diǎn)最好不要交叉，不然閱讀起來(lái)不舒服壤躲，尤其遇到業(yè)務(wù)流程比較復(fù)雜的城菊，最好按照規(guī)范，看起來(lái)干凈碉克，容易理解凌唬，會(huì)節(jié)省大家的閱讀成本。尤其是多個(gè)相關(guān)人士閱讀時(shí)漏麦，節(jié)省下來(lái)的價(jià)值就很高了客税。
2. 實(shí)體關(guān)系圖要素及繪制要點(diǎn)
①基本要素
一般包含數(shù)據(jù)對(duì)象、數(shù)據(jù)對(duì)象之間的聯(lián)系等撕贞，詳見(jiàn)下方圖例更耻。
②實(shí)體圖的繪制要點(diǎn)
主要是讓開(kāi)發(fā)明白當(dāng)前主體和其對(duì)應(yīng)關(guān)系的圖例，如在物流系統(tǒng)設(shè)計(jì)中捏膨，一個(gè)托運(yùn)人托運(yùn)的貨物酥夭，可能被配載到不同車上，即一個(gè)運(yùn)單對(duì)應(yīng)幾個(gè)配載單脊奋。這些都需要標(biāo)示清楚。又比如一批貨需要存放到倉(cāng)庫(kù)里疙描，這批貨有多個(gè)貨物诚隙，全部放到一個(gè)倉(cāng)庫(kù)里，同時(shí)這個(gè)倉(cāng)庫(kù)又對(duì)應(yīng)多個(gè)管理員起胰。如下圖圖例久又。
3. 用例圖
用例圖主要的作用有三個(gè)：獲取需求、指導(dǎo)測(cè)試效五，在整個(gè)過(guò)程中的其它工作流起到指導(dǎo)作用地消。
元素之間的關(guān)系用例圖中包含的元素除了系統(tǒng)邊界、角色和用例畏妖，另外就是關(guān)系脉执。關(guān)系包括用例之間的關(guān)系，角色之間的關(guān)系戒劫，用例和角色之間的關(guān)系半夷。如下圖：
用戶在電商查看商品詳情并購(gòu)買下單，商家確定訂單信息迅细，包含付款信息巫橄、商品信息、收貨地址等信息茵典，這些都屬于具體的用例湘换。
三、后話
在調(diào)研并整理出這些流程圖、用例圖后彩倚，我們需要和研發(fā)評(píng)審這些業(yè)務(wù)流程筹我，讓開(kāi)發(fā)人員早點(diǎn)介入項(xiàng)目中，當(dāng)然這時(shí)候開(kāi)發(fā)并不需要多做什么署恍，只是早點(diǎn)熟悉業(yè)務(wù)崎溃。
產(chǎn)品人員在和開(kāi)發(fā)確定沒(méi)問(wèn)題后，把這些圖形分類打包盯质，并上傳到大家都可以看到的地方袁串，注意流程圖的一級(jí)、二級(jí)等一定要命名標(biāo)示清楚呼巷，不然相關(guān)人員閱讀起來(lái)費(fèi)力囱修。
在確定業(yè)務(wù)流程沒(méi)問(wèn)題后，我們就需要考慮產(chǎn)品的形態(tài)和展示王悍，具體到原型圖的繪制破镰。搞明白每個(gè)角色對(duì)應(yīng)的角色和功能后，我們就可以根據(jù)場(chǎng)景压储、使用者的不同鲜漩，去細(xì)分產(chǎn)品。
比如在物流系統(tǒng)中集惋，有業(yè)務(wù)人員只負(fù)責(zé)錄單孕似，那我們就可以考慮把這個(gè)功能做到手持設(shè)備上，這些業(yè)務(wù)員只使用這一個(gè)功能刮刑，避免了和其他功能冗雜在一起喉祭，輕便，同時(shí)又符合業(yè)務(wù)場(chǎng)景雷绢，做到真正系統(tǒng)為業(yè)務(wù)服務(wù)泛烙。
作者：Shirley的折騰。 ?公眾號(hào)：Shirley的折騰翘紊，一個(gè)關(guān)于產(chǎn)品蔽氨、心理、哲學(xué)的碎碎念小窩帆疟！
