【產品經理 PM|流程圖製作】網易雲音樂登錄流程還原

如何繪製流程圖?在產品設計中的作用?推薦的流程圖工具?

本文大綱

  • 業務流程圖在產品設計中的作用?

【業務流程圖】知識背景

業務流程圖在產品設計中的作用?

業務流程圖是產品經理的「基本配備能力」,如果連流程圖都不會繪製,那就只能被研發吊著打了。

這篇已經是系列文的第 5 篇,也就是學習歷程已經到了一半。我們會發現對於一個產品的「分析」核心原則,其實就是對「邏輯」、對「流程」進行還原,才能夠深度瞭解。

為什麼需要這樣做呢?因為流程對於產品與功能來說就像是建築藍圖,是驅動產品的核心要素,任何的產品或者功能設計,關鍵就是流程設計,大概可以簡單摘要成下列幾點:

  • 從獨立功能設計中,了解用戶和信息的流向(交互處理、原型設計)

流程圖的繪製工具?

  • Axure一套挺完整的原型與流程圖設計工具

流程圖怎麼繪制、有哪些標準元件?

基本上,一個流程包括六大部分:
角色、任務、順序、輸入、輸出、標準化。

流程圖繪製的基礎六大部分

其實你可以把流程圖的繪制想像成「要蓋一個辦公大樓」的「設計藍圖」。

首先,要知道有哪些人參與設計大樓,這大樓的設計師、工程人員、監工等相關的用戶「角色」

其次,明確大廈有幾層,大致上是什麼樣子?落實到每個人頭上的話,每個人大概有哪些「任務」?根據角色情況,一一將任務發放給對應角色。

再來,制定好工期以及施工「順序」,將每個階段進行到哪個任務步驟明確梳理,以及工期費用是怎麼按照不同階段支付的,任務「輸入&輸出」(從哪裡開始,哪裡結束)情況如何?

最後,還要考慮到,如果不幸出現了天災人禍、人員受傷、材料不足等「異常情況」要怎麼辦,處理這些異常的規則和方法是什麼?

上面這些是我們在繪製流程圖要考慮的一些原則性的內容。然而,在實際工作中,一個好的流程圖,我們還得考慮到「標準化」這一步。

你繪制的流程圖是否符合了某種標準的格式規範?有沒有用通用的圖片語言讓大家看明白?

標準化的流程圖設計規範

這邊一定還要再多說一句,不要突發奇想自己繪製很多「只有自己看得懂得形狀工具」,除非你有好好跟協作這個產品的夥伴溝通過,甚至有你們公司自己的一份「流程圖定義文檔」,不然只是給別人增加認知負擔而已阿。

一個好的流程圖,是你和開發設計人員站在一個層面上高效對話,溝通成本極低;而不好的流程圖呢,就是給他們在工作中持續挖坑,別怪人埋怨你。

流程圖常見問題整理

(1)在元件、連接線上保持一致性(對齊)

左圖為錯誤範例,最基本的就是要對齊,讓畫面不至於凌亂。

(2)回流不是錯誤,只是大部分回流是一段對於研發而言,沒有意義的流程。

舉例來說:
假設在登錄的頁面出現了「密碼錯誤」,用戶需要重新輸入密碼。
但是開發設計人員並不需要為【重新輸入】這個動作做什麼,用戶輸入完繼續判斷就好。因此,這裡只需要彈出一個「密碼錯誤的提示」就好,是不需要回流的。
另一方面,
假設一個頁面在完成之後,確實有跳轉的必要性,那麼這種回流,需要在流程裡特別標注。這個就是視具體情況進行分析了,但類似的流程比較少,比較容易出 BUG。

(3)終止符號不可以有流出線,而其他符號只有一條流出線,也必須要有一條流入線。(除了決策的菱形符號)

總結:流程圖繪制技巧

  1. 主線清晰:關鍵路徑、關鍵任務一目瞭然

【流程圖訓練|網易雲音樂登錄流程還原】

本次訓練作業:下載並體驗產品「網易雲音樂」
1. 梳理「登錄」流程,包括:手機登錄、微信登錄即可
2. 梳理出用戶在「登錄」過程中可能會遇到的「異常」以及異常發生時產品給到的「提示文案
3. 流程保持規範,保持美觀性:線框大小要一致,流程線筆直

網易雲音樂產品簡介

網易雲音樂App,移動音樂軟件產品,品牌整體的風格為紅色,和年輕與活潑的定位很符合。

最新 Slogan 為「音樂的力量」同步品牌影片。
題外話,我個人好喜歡這部品牌影片跟廣告,
甚至還拿來當作我簡報邏輯課程中「情境、場景建立」的教材哈

網易雲音樂主打歌單,社交,發現和分享,除了一般音樂產品可以瞭解自己好友的喜好之外,還會根據用戶的行為數據透過算法推薦給用戶歌曲。

不僅如此,網易雲音樂的「評論區」算是優質的 UGC 社區,除了可以看到各方聽眾朋友對於歌曲的精湛詮釋之外,還能從中找到很多沒上榜單,卻很有內容、共鳴的歌曲,這一特性使得網易雲音樂不只是個音樂的軟件產品,還是個音樂性的社交應用。

網易雲音樂|登錄流程還原(手機&微信)

左圖:網易雲音樂微信登錄流程;右圖:網易雲音樂手機號登錄流程(製作工具:ProcessOn)

登錄流程梳理需要注意的地方

若微信登錄,需綁定未註冊手機號(不能直接註冊)
通過微信登錄時,需要驗證是否已綁定手機號,

如果是已經綁定的帳號,會直接登入;
但如果是未綁定的話,必須綁定一個「未註冊的手機號」才能完成登錄。

這部分跟台灣的應用有差別,在台灣基本上 99% 的應用都能透過臉書登錄直接註冊,但在大陸需要多一個手機號實名認證。

然而,手機號默認「中國區號」,根據網易雲音樂的使用量,在中國排行榜是榜上有名,是否可考慮增加選擇國家區號後填寫手機號,這對於網易雲的後期用量增長是個助益。



謝謝,看到最後的你

若喜歡我在 Medium 的內容,可以拍個手(Claps)
也歡迎「分享」到社群網站給更多朋友。

除了 Medium 平台上的拍手,這邊也希望您拍一下,我會直接獲得對應獎勵的!
最近正在找下階段的職涯發展(2019 年八、九月可上工)
希望產業:遊戲、智能家居(AIOT)、To B 產品或服務
期望職位:產品、運營、商務&市場
公司規模:1000 人以上
有興趣的聊聊的朋友,歡迎 LinkedIn:www.linkedin.com/in/hou-raymond

轉載與邀稿合作

Email:raymond.hou.ch@gmail.com

高效能任性

「高性能任性」是專注於「個人成長」的部落格。每週一道思考題,希望能幫助你我做自己的主人,透過思考與討論,找到自己的原則與自由意志。世界並非黑即白,我們無法對一個問題給出標準答案,但可以給一個回答的角度、方法與模型,然後找出專屬自己的那一個灰色。【臉書社團】https://www.facebook.com/groups/ypointer/

侯智薰(Raymond CH Hou)

Written by

1994 ENFJ,北漂北京中|B2B 產品運營&社群&用戶增長、Podcast、寫手與講師|求學時經濟需自主,為生存養成自學能力與跨域思維;18 歲到印度旅行,踏上非典型職涯,帶著電腦到處工作,懷著任性熱愛生活|原則:堅持分享所在意的事|有趣合作:raymondhouch.com

高效能任性

「高性能任性」是專注於「個人成長」的部落格。每週一道思考題,希望能幫助你我做自己的主人,透過思考與討論,找到自己的原則與自由意志。世界並非黑即白,我們無法對一個問題給出標準答案,但可以給一個回答的角度、方法與模型,然後找出專屬自己的那一個灰色。【臉書社團】https://www.facebook.com/groups/ypointer/

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade