本文大綱
?業(yè)務(wù)流程圖在產(chǎn)品設(shè)計中的作用？
?流程圖的繪制工具？
?流程圖怎么繪制、有哪些標(biāo)準(zhǔn)元件？
?流程圖常見問題整理？
?總結(jié)：流程圖繪制技巧
?【實(shí)踐】流程圖訓(xùn)練｜網(wǎng)易云音樂登錄流程還原
【業(yè)務(wù)流程圖】知識背景
業(yè)務(wù)流程圖在產(chǎn)品設(shè)計中的作用？
業(yè)務(wù)流程圖是產(chǎn)品經(jīng)理的「基本配備能力」，如果連流程圖都不會繪制，那就只能被研發(fā)吊著打了。
這篇已經(jīng)是系列文的第 5 篇，也就是學(xué)習(xí)歷程已經(jīng)到了一半。我們會發(fā)現(xiàn)對于一個產(chǎn)品的「分析」核心原則，其實(shí)就是對「邏輯」、對「流程」進(jìn)行還原，才能夠深度了解。
為什么需要這樣做呢？因?yàn)榱鞒虒τ诋a(chǎn)品與功能來說就像是建筑藍(lán)圖，是驅(qū)動產(chǎn)品的核心要素，任何的產(chǎn)品或者功能設(shè)計，關(guān)鍵就是流程設(shè)計，大概可以簡單摘要成下列幾點(diǎn)：
?從獨(dú)立功能設(shè)計中，了解用戶和信息的流向（交互處理、原型設(shè)計）
?容易傳承，讓同事協(xié)作更容易交接，了解你的邏輯脈絡(luò)
?明確產(chǎn)品的優(yōu)化過程，設(shè)置考核指標(biāo)更合理
流程圖的繪制工具？
?Axure：一套挺完整的原型與流程圖設(shè)計工具
?Visio：Windows 系統(tǒng)下的工具
?ProcessOn：基于瀏覽器的線上流程圖，方便團(tuán)隊(duì)協(xié)作
流程圖怎么繪制、有哪些標(biāo)準(zhǔn)元件？
基本上，一個流程包括六大部分：
角色、任務(wù)、順序、輸入、輸出、標(biāo)準(zhǔn)化。
其實(shí)你可以把流程圖的繪制想像成「要蓋一個辦公大樓」的「設(shè)計藍(lán)圖」。
首先，要知道有哪些人參與設(shè)計大樓，這大樓的設(shè)計師、工程人員、監(jiān)工等相關(guān)的用戶「角色」。
其次，明確大廈有幾層，大致上是什么樣子？落實(shí)到每個人頭上的話，每個人大概有哪些「任務(wù)」？根據(jù)角色情況，一一將任務(wù)發(fā)放給對應(yīng)角色。
再來，制定好工期以及施工「順序」，將每個階段進(jìn)行到哪個任務(wù)步驟明確梳理，以及工期費(fèi)用是怎么按照不同階段支付的，任務(wù)「輸入＆輸出」（從哪里開始，哪里結(jié)束）情況如何？
最后，還要考慮到，如果不幸出現(xiàn)了天災(zāi)人禍、人員受傷、材料不足等「異常情況」要怎么辦，處理這些異常的規(guī)則和方法是什么？
上面這些是我們在繪制流程圖要考慮的一些原則性的內(nèi)容。然而，在實(shí)際工作中，一個好的流程圖，我們還得考慮到「標(biāo)準(zhǔn)化」這一步。
「你繪制的流程圖是否符合了某種標(biāo)準(zhǔn)的格式規(guī)范？有沒有用通用的圖片語言讓大家看明白？」
這邊一定還要再多說一句，不要突發(fā)奇想自己繪制很多「只有自己看得懂得形狀工具」，除非你有好好跟協(xié)作這個產(chǎn)品的伙伴溝通過，甚至有你們公司自己的一份「流程圖定義文檔」，不然只是給別人增加認(rèn)知負(fù)擔(dān)而已阿。
「一個好的流程圖，是你和開發(fā)設(shè)計人員站在一個層面上高效對話，溝通成本極低；而不好的流程圖呢，就是給他們在工作中持續(xù)挖坑，別怪人埋怨你。」
流程圖常見問題整理
（1）在元件、連接線上保持一致性（對齊）
（2）回流不是錯誤，只是大部分回流是一段對于研發(fā)而言，沒有意義的流程。
舉例來說： 假設(shè)在登錄的頁面出現(xiàn)了「密碼錯誤」，用戶需要重新輸入密碼。 但是開發(fā)設(shè)計人員并不需要為【重新輸入】這個動作做什么，用戶輸入完繼續(xù)判斷就好。因此，這里只需要彈出一個「密碼錯誤的提示」就好，是不需要回流的。
另一方面， 假設(shè)一個頁面在完成之后，確實(shí)有跳轉(zhuǎn)的必要性，那么這種回流，需要在流程里特別標(biāo)注。這個就是視具體情況進(jìn)行分析了，但類似的流程比較少，比較容易出 BUG。
（3）終止符號不可以有流出線，而其他符號只有一條流出線，也必須要有一條流入線。（除了決策的菱形符號）
總結(jié)：流程圖繪制技巧
1. 主線清晰：關(guān)鍵路徑、關(guān)鍵任務(wù)一目了然
2. 先主后次：先搞定關(guān)鍵路徑，再補(bǔ)充細(xì)節(jié)路徑（暴力測試）
3. 優(yōu)化調(diào)整：通過與原型設(shè)計過程，優(yōu)化異常流程
4. 先繁后簡：先把最長的路徑想到，再合并操作流程
【流程圖訓(xùn)練｜網(wǎng)易云音樂登錄流程還原】
本次訓(xùn)練作業(yè)：下載并體驗(yàn)產(chǎn)品「網(wǎng)易云音樂」?
1. 梳理「登錄」流程，包括：手機(jī)登錄、微信登錄即可?
2. 梳理出用戶在「登錄」過程中可能會遇到的「異?！挂约爱惓０l(fā)生時產(chǎn)品給到的「提示文案」?
3. 流程保持規(guī)范，保持美觀性：線框大小要一致，流程線筆直
網(wǎng)易云音樂產(chǎn)品簡介
網(wǎng)易云音樂?App，移動音樂軟件產(chǎn)品，品牌整體的風(fēng)格為紅色，和年輕與活潑的定位很符合
年度廣告《2018，音樂的力量》：
網(wǎng)易云音樂主打歌單，社交，發(fā)現(xiàn)和分享，除了一般音樂產(chǎn)品可以了解自己好友的喜好之外，還會根據(jù)用戶的行為數(shù)據(jù)透過算法推薦給用戶歌曲。
不僅如此，網(wǎng)易云音樂的「評論區(qū)」算是優(yōu)質(zhì)的 UGC 社區(qū)，除了可以看到各方聽眾朋友對于歌曲的精湛詮釋之外，還能從中找到很多沒上榜單，卻很有內(nèi)容、共鳴的歌曲，這一特性使得網(wǎng)易云音樂不只是個音樂的軟件產(chǎn)品，還是個音樂性的社交應(yīng)用。
網(wǎng)易云音樂｜登錄流程還原（手機(jī)＆微信）
登錄流程梳理需要注意的地方
若微信登錄，需綁定未注冊手機(jī)號（不能直接注冊）
通過微信登錄時，需要驗(yàn)證是否已綁定手機(jī)號，
如果是已經(jīng)綁定的帳號，會直接登入；
但如果是未綁定的話，必須綁定一個「未注冊的手機(jī)號」才能完成登錄。
這部分跟臺灣的應(yīng)用有差別，在臺灣基本上 99% 的應(yīng)用都能透過臉書登錄直接注冊，但在大陸需要多一個手機(jī)號實(shí)名認(rèn)證。
然而，手機(jī)號默認(rèn)「中國區(qū)號」，根據(jù)網(wǎng)易云音樂的使用量，在中國排行榜是榜上有名，是否可考慮增加選擇國家區(qū)號后填寫手機(jī)號，這對于網(wǎng)易云的后期用量增長是個助益。
產(chǎn)品經(jīng)理課程｜目錄大綱
產(chǎn)品經(jīng)理 PM 必備技能方法論系列文｜作品集目錄、課程學(xué)習(xí)、工作內(nèi)容
嗨！謝謝你看到了最后！
若喜歡我在簡書分享的內(nèi)容，歡迎給我一些回饋，一起交流！
