? ? ? ? ?流程圖大體上分為三種俏险,業(yè)務(wù)流程圖、功能流程圖扬绪、頁面流程圖竖独,下面詳細介紹一下每種流程圖侵状。
1僻弹、業(yè)務(wù)流程圖
? ? ? ? ?業(yè)務(wù)流程圖是現(xiàn)實業(yè)務(wù)的一種如實反映,描述產(chǎn)品中所有的業(yè)務(wù)模塊以及它們之間的相關(guān)關(guān)系鞠值。產(chǎn)品經(jīng)理通過梳理整個產(chǎn)品核心業(yè)務(wù)的走向墓赴,生成業(yè)務(wù)流程圖竞膳,讓老板一眼就了解到業(yè)務(wù)是如何流轉(zhuǎn)的。比如下圖是電商系統(tǒng)中一個倉庫送貨的業(yè)務(wù)流程诫硕。
2坦辟、功能流程圖
? ? ? ? ?功能流程是指產(chǎn)品的所有功能以及相互間關(guān)系。流程中的每個節(jié)點都是產(chǎn)品中真是存在的功能章办。由業(yè)務(wù)轉(zhuǎn)化為功能流程是PM最基本最重要的能力锉走。如果產(chǎn)品比較復(fù)雜的話滨彻,可能需要根據(jù)用戶角色、前后端不同來分別畫出對應(yīng)的功能流程圖挪蹭,那么就是泳道圖亭饵。
如何畫功能流程圖
1.明確用戶與功能;
2.確定開始動作與結(jié)束結(jié)果梁厉,羅列整個流程中的所有功能辜羊,用箭頭將其關(guān)聯(lián)。最好先搞定關(guān)鍵路徑和關(guān)鍵任務(wù)词顾,再補充細節(jié)路徑八秃;
3.異常情況用箭頭連接并增加判斷邏輯;
4.重新梳理整個流程圖计技,檢查流程是否流暢通順喜德,再優(yōu)化調(diào)整細節(jié)山橄,比如合并可以合并的流程垮媒,調(diào)整中間流程的順序;
5.輸出文檔航棱。
功能如何命名
名詞形式的:比如購物車
動賓形式的:確認訂單睡雇、確認付款
功能如何定位
功能的含義是邏輯上的功能,一個功能可能涉及多個頁面饮醇,也可能在一個頁面里它抱,頁面是存在物理意義上的,而功能不是朴艰。
要注意:功能流程圖反應(yīng)的是產(chǎn)品真實功能观蓄,不能混入線下的業(yè)務(wù)流程;頁面與功能不能搞混祠墅,比如購物車既是一個頁面也是一個功能侮穿,下單只是功能,但下單這個功能中涉及了n個頁面毁嗦。
3亲茅、頁面流程圖
? ? ? ? 頁面流程圖是交互設(shè)計和原型設(shè)計的依據(jù),代表用戶操作的過程狗准,做頁面流程圖能夠快速發(fā)現(xiàn)體驗的問題克锣,突出頁面重點元素與邏輯關(guān)系,提升原型設(shè)計的效率腔长。
? ? ? ?一般由交互設(shè)計師來完成袭祟,對于小公司來說,沒有專門負責(zé)交互的人員捞附,那么產(chǎn)品經(jīng)理也需要完成頁面流程圖榕酒。
頁面流程圖與信息架構(gòu)圖
1胚膊、對象角度,頁面流程圖以用戶視角表現(xiàn)想鹰,主要看流程的合理性紊婉,信息架構(gòu)圖以產(chǎn)品視角表現(xiàn),主要看包含的功能點辑舷。
2喻犁、使用場景,頁面流程圖適用于跳轉(zhuǎn)比較復(fù)雜的產(chǎn)品功能何缓,如電商肢础、社交產(chǎn)品,信息架構(gòu)圖適合于層級分明的碌廓,如音樂產(chǎn)品传轰、新聞客戶端、閱讀類產(chǎn)品等谷婆。
如何畫頁面流程圖
1.從功能流程出發(fā)慨蛙,發(fā)現(xiàn)功能中連接的頁面,明確主線纪挎,
2.增加異常處理流程期贫,異常流程一般表現(xiàn)形式為彈層或彈窗或輔助幫助頁面。
4异袄、寫在最后通砍,如何提升畫流程圖的能力
1.多看,同類產(chǎn)品調(diào)研
2.多想烤蜕,人家為什么這樣設(shè)計
3.多畫封孙,畫一百遍,付款流程讽营、加好友流程虎忌、訂單流程、刪除流程斑匪,體驗各種各樣的流程
總之體驗各種各樣的流程呐籽,才能在設(shè)計產(chǎn)品流程的時候,提升效率和質(zhì)量蚀瘸。
作者:一枚電商產(chǎn)品妹子狡蝶,歡迎來撩(微信公眾號:產(chǎn)品愛磨嘰)