如何畫(huà)邏輯流程圖,這個(gè)技能你Get了沒(méi)?

19 評(píng)論 61855 瀏覽 1107 收藏 5 分鐘

本文寫(xiě)給剛?cè)腴T(mén)的產(chǎn)品經(jīng)理,包括我在內(nèi),一樣是在不斷的工作中積累出來(lái)的。

現(xiàn)在公司的產(chǎn)品是從0到1的階段,所以我會(huì)本著真實(shí)發(fā)生的來(lái)寫(xiě)這一個(gè)系列的文章,如果有不妥或者不太到位的地方,麻煩請(qǐng)各位直接告知我,畢竟產(chǎn)品之間互相多交流還是有很大好處的。

什么叫邏輯流程圖

流程圖:以特定的圖形符號(hào)加上說(shuō)明,表示算法的圖,稱為流程圖或框圖。

那么邏輯流程圖怎么畫(huà)呢?我先用文字解釋一下。

邏輯就是你的產(chǎn)品功能的實(shí)現(xiàn)邏輯。注意,這里我不是指技術(shù)上面的實(shí)現(xiàn)邏輯,而是某個(gè)功能在使用上面的邏輯,什么界面的什么按鈕有什么作用,需要進(jìn)行什么判斷,下一步往哪兒去,功能與功能之間的交互是什么樣的。

邏輯流程圖怎么畫(huà)

都說(shuō)文字說(shuō)不清楚的來(lái)張圖就明白了,確實(shí)是這么回事兒,看下面

QQ20160201093342

首先我要解釋一下為什么只畫(huà)了這么點(diǎn)兒,因?yàn)闆](méi)有那么多時(shí)間嘛,其次我要跟你解釋以下這些框框是什么意思:

  • 每一表格代表一個(gè)頁(yè)面
  • 最上面那個(gè)藍(lán)色的是頂欄的標(biāo)題
  • 下面的是功能
  • 灰色的是按鈕
  • 框框是對(duì)按鈕進(jìn)行解釋說(shuō)明

其他的就不用我再解釋了吧,不明白的自行百度,我覺(jué)得我說(shuō)的夠大白話了,應(yīng)該是個(gè)人都能看懂- -!

但是這樣遠(yuǎn)遠(yuǎn)不夠,你在拿給開(kāi)發(fā)兄弟看的時(shí)候,他可能會(huì)問(wèn),這些都是按鈕嗎?還是輸入的東西?你要知道開(kāi)發(fā)兄弟已經(jīng)會(huì)被bug弄煩,能不能就別再添堵了?

面對(duì)這樣的問(wèn)題,就有了下圖:

QQ20160201093357

對(duì)不同的功能用顏色標(biāo)注出來(lái),并且在一開(kāi)始做一個(gè)說(shuō)明,這樣不管是開(kāi)發(fā)看還是以后自己看,都是方便。

判斷邏輯的地方一定要標(biāo)出來(lái),同樣也是方便開(kāi)發(fā)兄弟。

邏輯要弄清楚!

邏輯要弄清楚!

邏輯要弄清楚!

重要是事情說(shuō)三遍?。?!

為什么我這么強(qiáng)調(diào)邏輯,因?yàn)槿绻愕倪壿嬇懿煌?,最后出?lái)的東西會(huì)陷入死循環(huán),這對(duì)于使用產(chǎn)品的用戶來(lái)說(shuō)是致命的!你的每個(gè)功能的邏輯要跑得通,三個(gè)字跑得通看似簡(jiǎn)單,實(shí)際你需要花一定量的時(shí)間去跑邏輯,當(dāng)然了,并不是說(shuō)你花的時(shí)間越多越好,如果邏輯比較復(fù)雜,花的時(shí)間越多越可能把自己搞暈。有精力的朋友可以去梳理以下淘寶的訂單邏輯流程圖。跳出訂單頁(yè)面的可以不用理會(huì)哈。

聰明的產(chǎn)品一看這個(gè)圖就明白如何畫(huà),而且還會(huì)在我這個(gè)基礎(chǔ)上更加完善更加美觀;稍稍笨一點(diǎn)兒的嘛,就比如我多看兩遍就好啦~再看不懂的還是轉(zhuǎn)行叭。

 

作者:M先生(微信公眾號(hào):MEI有產(chǎn)品),來(lái)租我吧產(chǎn)品助理。1年互聯(lián)網(wǎng)產(chǎn)品經(jīng)驗(yàn)。目前還在慢慢爬坑,起點(diǎn)學(xué)院學(xué)員

本文系起點(diǎn)學(xué)院北京1510期優(yōu)秀學(xué)員@M先生?原創(chuàng)發(fā)布,未經(jīng)作者許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 天啊這流程圖是什么?別害新人好嗎。。。流程圖是梳理業(yè)務(wù)邏輯,怎么把頁(yè)面的元素都參進(jìn)來(lái)了,它是個(gè)抽象化的東西,把你的思維從頁(yè)面的具體交互抽離出來(lái)好嗎?。。。而且,連個(gè)開(kāi)始和結(jié)束的環(huán)節(jié)都沒(méi)有。。。誤人子弟啊

    來(lái)自廣東 回復(fù)
  2. 我覺(jué)得像是任務(wù)流程圖和頁(yè)面流程圖的結(jié)合,登錄注冊(cè)的任務(wù),其實(shí)還挺清晰的

    來(lái)自北京 回復(fù)
  3. 3年半過(guò)去了,筆者需要回來(lái)復(fù)盤(pán)一下嗎。。。

    來(lái)自北京 回復(fù)
  4. 我還以為只有我一個(gè)人認(rèn)為,這種流程圖搞得有點(diǎn)兒復(fù)雜

    來(lái)自四川 回復(fù)
  5. 人人產(chǎn)品經(jīng)經(jīng)理果然是人人

    來(lái)自江蘇 回復(fù)
  6. 誤人子弟

    來(lái)自江蘇 回復(fù)
  7. 請(qǐng)問(wèn)圖例是用什么軟件畫(huà)的?

    回復(fù)
  8. 不太好看,這個(gè)圖

    來(lái)自上海 回復(fù)
  9. 感覺(jué)復(fù)雜化了,不喜勿噴

    來(lái)自江蘇 回復(fù)
  10. 這說(shuō)話語(yǔ)氣,感覺(jué)像別人在求教你呢

    回復(fù)
  11. 受教,謝謝!

    來(lái)自浙江 回復(fù)
  12. 可以參考

    來(lái)自湖北 回復(fù)
    1. 謝謝 ??

      來(lái)自北京 回復(fù)
  13. 第一個(gè)問(wèn)題,現(xiàn)實(shí)工作中真的需要給開(kāi)發(fā)的兄弟看這個(gè)邏輯圖嘛?
    第二個(gè)問(wèn)題,其實(shí)第一張圖已經(jīng)比較簡(jiǎn)單且可以發(fā)表想表達(dá)的內(nèi)容了,圖二顯得有些蒼白;
    第三個(gè)問(wèn)題,為毛我們只用上prf,什么邏輯基本都體現(xiàn)在里面~~?

    來(lái)自貴州 回復(fù)
    1. 1.由于我們是初創(chuàng)企業(yè),跟開(kāi)發(fā)溝通基本靠嘴,有些時(shí)候原型圖很粗糙,而邏輯又相對(duì)復(fù)雜,所以畫(huà)這個(gè)圖省去很多口水- –
      2.第二張圖是為了給不懂技術(shù)不懂產(chǎn)品的老板看,寫(xiě)明白什么都是什么 ?
      3.這個(gè)文章并不是每個(gè)公司都適用哈 ??

      來(lái)自北京 回復(fù)
  14. 同為一年的產(chǎn)品,并不喜歡這樣的流程圖。
    本來(lái)不復(fù)雜的邏輯被這個(gè)圖畫(huà)復(fù)雜了。。。個(gè)人觀點(diǎn)

    來(lái)自江蘇 回復(fù)
    1. 是嘛,其實(shí)我也不太喜歡,既然他們提出來(lái)了,就做一下嘛,一般我也只畫(huà)流程圖的

      來(lái)自北京 回復(fù)
    2. 開(kāi)發(fā)口味還蠻獨(dú)特的。。。。

      來(lái)自江蘇 回復(fù)
    3. 哈哈哈哈哈哈

      來(lái)自北京 回復(fù)