【产品经理 PM｜流程图制作】网易云音乐登录流程还原
如何绘制流程图？在产品设计中的作用？推荐的流程图工具？
本文大纲
・业务流程图在产品设计中的作用？
・流程图的绘制工具？
・流程图怎么绘制、有哪些标准元件？
・流程图常见问题整理？
・总结：流程图绘制技巧
・【实践】流程图训练｜网易云音乐登录流程还原
【业务流程图】知识背景
业务流程图在产品设计中的作用？
业务流程图是产品经理的「基本配备能力」，如果连流程图都不会绘制，那就只能被研发吊着打了。
这篇已经是系列文的第 5 篇，也就是学习历程已经到了一半。我们会发现对于一个产品的「分析」核心原则，其实就是对「逻辑」、对「流程」进行还原，才能够深度了解。
为什么需要这样做呢？因为流程对于产品与功能来说就像是建筑蓝图，是驱动产品的核心要素，任何的产品或者功能设计，关键就是流程设计，大概可以简单摘要成下列几点：
・从独立功能设计中，了解用户和信息的流向（交互处理、原型设计）
・容易传承，让同事协作更容易交接，了解你的逻辑脉络
・明确产品的优化过程，设置考核指标更合理
流程图的绘制工具？
・Axure：一套挺完整的原型与流程图设计工具
・Visio：Windows 系统下的工具
・ProcessOn：基于浏览器的线上流程图，方便团队协作
流程图怎么绘制、有哪些标准元件？
基本上，一个流程包括六大部分：
角色、任务、顺序、输入、输出、标准化。
流程图绘制的基础六大部分
其实你可以把流程图的绘制想像成「要盖一个办公大楼」的「设计蓝图」。
首先，要知道有哪些人参与设计大楼，这大楼的设计师、工程人员、监工等相关的用户「角色」。
其次，明确大厦有几层，大致上是什么样子？落实到每个人头上的话，每个人大概有哪些「任务」？根据角色情况，一一将任务发放给对应角色。
再来，制定好工期以及施工「顺序」，将每个阶段进行到哪个任务步骤明确梳理，以及工期费用是怎么按照不同阶段支付的，任务「输入＆输出」（从哪里开始，哪里结束）情况如何？
最后，还要考虑到，如果不幸出现了天灾人祸、人员受伤、材料不足等「异常情况」要怎么办，处理这些异常的规则和方法是什么？
上面这些是我们在绘制流程图要考虑的一些原则性的内容。然而，在实际工作中，一个好的流程图，我们还得考虑到「标准化」这一步。
「你绘制的流程图是否符合了某种标准的格式规范？有没有用通用的图片语言让大家看明白？」
标准化的流程图设计规范
这边一定还要再多说一句，不要突发奇想自己绘制很多「只有自己看得懂得形状工具」，除非你有好好跟协作这个产品的伙伴沟通过，甚至有你们公司自己的一份「流程图定义文档」，不然只是给别人增加认知负担而已阿。
「一个好的流程图，是你和开发设计人员站在一个层面上高效对话，沟通成本极低；而不好的流程图呢，就是给他们在工作中持续挖坑，别怪人埋怨你。」
流程图常见问题整理
（1）在元件、连接线上保持一致性（对齐）
左图为错误范例，最基本的就是要对齐，让画面不至于凌乱
（2）回流不是错误，只是大部分回流是一段对于研发而言，没有意义的流程。
举例来说： 假设在登录的页面出现了「密码错误」，用户需要重新输入密码。 但是开发设计人员并不需要为【重新输入】这个动作做什么，用户输入完继续判断就好。因此，这里只需要弹出一个「密码错误的提示」就好，是不需要回流的。
另一方面， 假设一个页面在完成之后，确实有跳转的必要性，那么这种回流，需要在流程里特别标注。这个就是视具体情况进行分析了，但类似的流程比较少，比较容易出 BUG。
（3）终止符号不可以有流出线，而其他符号只有一条流出线，也必须要有一条流入线。（除了决策的菱形符号）
总结：流程图绘制技巧
1. 主线清晰：关键路径、关键任务一目了然
2. 先主后次：先搞定关键路径，再补充细节路径（暴力测试）
3. 优化调整：通过与原型设计过程，优化异常流程
4. 先繁后简：先把最长的路径想到，再合并操作流程
【流程图训练｜网易云音乐登录流程还原】
本次训练作业：下载并体验产品「网易云音乐」
1. 梳理「登录」流程，包括：手机登录、微信登录即可
2. 梳理出用户在「登录」过程中可能会遇到的「异常」以及异常发生时产品给到的「提示文案」
3. 流程保持规范，保持美观性：线框大小要一致，流程线笔直
网易云音乐产品简介
网易云音乐 App，移动音乐软件产品，品牌整体的风格为红色，和年轻与活泼的定位很符合
年度广告《2018，音乐的力量》：
最新 Slogan 为「音乐的力量」同步品牌影片
网易云音乐主打歌单，社交，发现和分享，除了一般音乐产品可以了解自己好友的喜好之外，还会根据用户的行为数据透过算法推荐给用户歌曲。
不仅如此，网易云音乐的「评论区」算是优质的 UGC 社区，除了可以看到各方听众朋友对于歌曲的精湛诠释之外，还能从中找到很多没上榜单，却很有内容、共鸣的歌曲，这一特性使得网易云音乐不只是个音乐的软件产品，还是个音乐性的社交应用。
网易云音乐｜登录流程还原（手机＆微信）
网易云音乐微信登录流程
网易云音乐手机号登录流程（制作工具：ProcessOn）
登录流程梳理需要注意的地方
若微信登录，需绑定未注册手机号（不能直接注册）
通过微信登录时，需要验证是否已绑定手机号，
如果是已经绑定的帐号，会直接登入；
但如果是未绑定的话，必须绑定一个「未注册的手机号」才能完成登录。
这部分跟台湾的应用有差别，在台湾基本上 99% 的应用都能透过脸书登录直接注册，但在大陆需要多一个手机号实名认证。
然而，手机号默认「中国区号」，根据网易云音乐的使用量，在中国排行榜是榜上有名，是否可考虑增加选择国家区号后填写手机号，这对于网易云的后期用量增长是个助益。
产品经理课程｜目录大纲
产品经理 PM 必备技能方法论系列文｜作品集目录、课程学习、工作内容
嗨！谢谢你看到了最后！
若喜欢我在简书分享的内容，欢迎給我一些回饋，一起交流！
我的脉脉：https://raymondhou.pse.is/maimai
