產品流程圖(一)

目錄

1、認知流程圖 1

2、流程圖的作用 2

3、誰在用流程圖 3

4.產品流程圖分類 3

4.1操作流程圖-注冊操作流程 3

4.2業(yè)務流程圖-泳道圖-商家入駐流程 5

4.3業(yè)務流程圖-職責流程圖 7

4.4頁面流程圖-購物頁面 8

5.小結 9


1、認知流程圖

流程圖:將一系列的事件或任務通過特定的邏輯關系串聯(lián)起來的框圖。

流程說白了就是先做什么后做什么。如果說所有的動作都是單獨的個體,那么流程就是串聯(lián)起這些個體的線,沒有流程便無法實現(xiàn)我們想要做的事情。細想想,周遭的事情,大多都有流程這個東西。吃飯?睡覺?學習?是不是都有他的一個流程,如果顛倒順序或中間缺少一環(huán),就會顯得奇怪。工作時,我們要是搞丟某個環(huán)節(jié)或流程錯誤了,產品或是工作就會出現(xiàn)漏洞與事故。那么產品經理日常中大概最多接觸的是哪一些種類的流程,他們包括業(yè)務流程、操作流程和頁面流程圖。


[if !supportLists]2、?[endif]流程圖作用

[if !supportLists]u?[endif]業(yè)務的縮略俯瞰圖:幫助聽眾更快速了解相關業(yè)務,建立業(yè)務場景流程。了解業(yè)務運轉流程:誰,什么時候,在什么條件下,做了什么事情,輸入了什么,輸出了什么,輸出給了誰,結果是什么;

[if !supportLists]u?[endif]產品設計中承上啟下作用:梳理業(yè)務邏輯,講述業(yè)務運作流程,思維導圖讓我們獲得產品所需要的基本信息片段,而流程圖則是對產品各個信息點的有序串聯(lián),以供下一步設計原型圖做基礎;

[if !supportLists]u?[endif]員工培訓,快速了解業(yè)務如何運作的視圖,通過業(yè)務流程圖,新員工能夠快速明白業(yè)務的運作流程、業(yè)務的最終目標,誰參與了該項目,在其中擔任的角色,以及彼此之間的聯(lián)系;

[if !supportLists]u?[endif]業(yè)務優(yōu)化與重組,通過調研,分析現(xiàn)有的業(yè)務流程圖,能夠分析出目前業(yè)務流程中所存在的問題、缺失,重復,風險,效率等等,從而制定相應的優(yōu)化方案;

[if !supportLists]u?[endif]產品宣講時,更清晰的講解與理解產品流程,供開發(fā)人員理解與開發(fā);

[if !supportLists]u?[endif]產品的邏輯性表達,更好的梳理產品思路,產品往往是一個由簡單到復雜,由抽象到具體的過程,而流程圖亦是如此;


3、誰在用流程圖

產品經理,通過流程圖講解業(yè)務場景與流程,梳理自己的產品思路,是產品設計的基礎;

運營人員,講解業(yè)務流程,制定業(yè)務規(guī)范;

設計師,了解頁面跳轉流程,為頁面設計形成良好的思路基礎;

任何需要講述業(yè)務如何運作的人員,對業(yè)務的理解有著極大的意義,如生產流程圖、報銷流程圖;



4.產品流程圖分類

產品流程圖共分為三大類:操作流程圖、業(yè)務流程圖、頁面流程圖;

4.1操作流程圖-注冊操作流程

場景描述:

A想在電商平臺開一家服裝店,但A并沒有某該網站的賬號,于是A打開該網站注冊頁面進行注冊。

注冊信息需要填寫手機號和驗證碼,但A在輸入手機號時,系統(tǒng)提示手機格式不正確,經過檢查,是因為手機號少輸入一位,經過修改,A點擊獲取驗證碼,收到該網站發(fā)送的短信驗證碼,回填后,點擊提交,注冊成功。



操作流程就是用戶要完成某件任務要經過的哪些操作。

明確用戶的操作、流向與結果;

基于某一個業(yè)務點,如注冊、登陸、下單、支付等;

正向流程與逆向流程的把握;

細節(jié)的把控,一開始不需要過分注重細節(jié),往往是先將流程跑通后再去關注細節(jié)與逆向流程,如手機號判斷是否為純數字、位數判斷、號碼區(qū)間。短信下發(fā)時間、回填結果等等細節(jié)判斷;

誰在用,多為運營與產品,用于單個業(yè)務點的操作流轉說明,包括前端業(yè)務與后端業(yè)務。


4.2業(yè)務流程圖-泳道圖-商家入駐流程

場景描述:

A在該網站使用一段時間后,感覺流量和口碑都不錯,于是決定在該平臺開一網店試經營,A登陸已有賬號,進入商家申請商家。

選擇商家類型-填寫商家信息-上傳證件-等待審核,提示“工作人員會在三天內審核資料,請耐心等待”,一天后A收到審核失敗的通知,提示“身份證照片模糊”,A重新拍照并提交,一天后收到通知“審核通過”,A登陸后提示交納保證金1000元,A進行支付后,正式成為該平臺商家。


通常會由幾個角色來共同組成,向一條作業(yè)流水線,A搞定了,傳給了B,B搞定他的部分,傳給了C,C搞定后又要將結果傳給A做;

不同的部門/系統(tǒng),不同的階段之間互相配合,相互跳轉的流程;

針對單條業(yè)務線的操作,能有效的讓你清楚該業(yè)務線是否能跑通,產品可不可用。一些不規(guī)范的產品設計工作者或者是邏輯性不強的工作人更需要畫業(yè)務流程圖,以梳理自己的邏輯思路。有很多產品的流程,走著走著就走不通了,這就是沒有規(guī)范的流程圖意識造成的。隨便舉個例子,找回密碼的流程,最后就到了一個提示成功頁,再無下一步的引導。此頁應該自動跳轉至登陸頁或提示返回首頁等等;

4.3業(yè)務流程圖-職責流程

場景描述:

雙11將至,公司準備搞一場大型大促活動,活動期間用戶可領券消費,預計讓利10億,運營將需求提交給產品負責人并開始做預算。產品人員接到需求后,開始進行產品設計。

運營和產品將預算和產品設計完成后,開始召集視覺設計、研發(fā)、測試、財務分配各自任務務,視覺負責設計整個活動的頁面圖,研發(fā)則進行系統(tǒng)與代碼開發(fā),測試進行業(yè)務流程和性能的測試。財務進行運算的審批與存檔記錄。


職責流程圖突出的是部門與崗位在流程中的輸出與責任;

以上為產品的工作流程中涉及的部門與崗位;

產品與運營會用到,但比較少,人事與財務會經常用到;

4.4頁面流程圖-購物頁面

場景描述:

寒冬已來,是時候買件合適的羽絨服來保保暖了,此時剛好收到某電商網站的一個頁面推送廣告,于是點擊進入該網站,瞄一眼商品詳情頁,感覺還不錯,先加入購物車,提示未登錄,于是先進行了登錄,登錄后直接跳轉了購物車列表頁。

列表頁優(yōu)惠券提示該商家滿300減100的優(yōu)惠,于是又從購物車的列表頁進入了商品詳情頁,通過商品詳情頁的店鋪按鈕,進入該店鋪的所有商品列表頁,感覺店鋪的整體風格不錯,又看了幾件商品的詳情,通通加入購物車。

進入購物車列表,選中需要購物的幾件商品,看結算金額處已高于300,于是點擊結算,進入提交訂單頁,核實了下商品和數量,沒問題,進行了支付,支付成功后,進入訂單列表頁,顯示商品即將為您發(fā)貨,便坐等收貨。



頁面之間的跳轉,不過多關注每個頁面的具體操作;

業(yè)務線與業(yè)務線之間的交互與耦合,實現(xiàn)某一目標;

能幫助用戶更快更好的理解你的產品,這里面會設計到一些邏輯上的問題,比如一個提示彈框出現(xiàn)后,如果點擊確定,下一步頁面去哪里?點擊取消呢?點擊返回是返回哪里呢?這都是你要在這里解釋清楚的事情。

誰在用:主要為設計師、架構師、運營(對外培訓);


5.小結

產品無定式,流程亦如此;

產品三圖:思維導圖、流程圖、原型圖;



關注公眾號:diandipm? ? ?與朋友分享知識

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,825評論 1 45
  • 1、認知流程圖 流程圖:將一系列的事件或任務通過特定的邏輯關系串聯(lián)起來的框圖。 流程說白了就是先做什么后做什么。如...
    點滴產品閱讀 966評論 0 1
  • 第一部分 關于產品需求的產生 無論什么樣的產品需求在誕生之初,都需要經歷一些必要的拷問,拷問的方式就是一種設計方法...
    Tinny2017閱讀 364評論 1 0
  • 對于java中的思考的方向,1必須要看前端的頁面,對于前端的頁面基本的邏輯,如果能理解最好,不理解也要知道幾點。 ...
    神尤魯道夫閱讀 901評論 0 0
  • (一) “今天的新娘怎么樣???漂亮嗎?高嗎?” 媽媽在中午剛參加了以前同事的兒子的婚禮。我的八卦心又作祟了,一個勁...
    小維維_d991閱讀 485評論 0 1

友情鏈接更多精彩內容