【产品经理 PM|流程图制作】网易云音乐登录流程还原

【产品经理 PM|流程图制作】网易云音乐登录流程还原_第1张图片
如何绘制流程图?在产品设计中的作用?推荐的流程图工具?

本文大纲

・业务流程图在产品设计中的作用?

・流程图的绘制工具?

・流程图怎么绘制、有哪些标准元件?

・流程图常见问题整理?

・总结:流程图绘制技巧

・【实践】流程图训练|网易云音乐登录流程还原


【业务流程图】知识背景

业务流程图在产品设计中的作用?

业务流程图是产品经理的「基本配备能力」,如果连流程图都不会绘制,那就只能被研发吊着打了。

这篇已经是系列文的第 5 ,也就是学习历程已经到了一半。我们会发现对于一个产品的「分析」核心原则,其实就是对「逻辑」、对「流程」进行还原,才能够深度了解。

为什么需要这样做呢?因为流程对于产品与功能来说就像是建筑蓝图,是驱动产品的核心要素,任何的产品或者功能设计,关键就是流程设计,大概可以简单摘要成下列几点:

从独立功能设计中,了解用户和信息的流向(交互处理、原型设计)

容易传承,让同事协作更容易交接,了解你的逻辑脉络

明确产品的优化过程,设置考核指标更合理


流程图的绘制工具?

・Axure一套挺完整的原型与流程图设计工具

・VisioWindows 系统下的工具

・ProcessOn基于浏览器的线上流程图,方便团队协作

流程图怎么绘制、有哪些标准元件?

基本上,一个流程包括六大部分:

角色、任务、顺序、输入、输出、标准化。

【产品经理 PM|流程图制作】网易云音乐登录流程还原_第2张图片
流程图绘制的基础六大部分

其实你可以把流程图的绘制想像成「要盖一个办公大楼」的「设计蓝图」。

首先,要知道有哪些人参与设计大楼,这大楼的设计师、工程人员、监工等相关的用户「角色」

其次,明确大厦有几层,大致上是什么样子?落实到每个人头上的话,每个人大概有哪些「任务」?根据角色情况,一一将任务发放给对应角色。

再来,制定好工期以及施工「顺序」,将每个阶段进行到哪个任务步骤明确梳理,以及工期费用是怎么按照不同阶段支付的,任务「输入&输出」(从哪里开始,哪里结束)情况如何?

最后,还要考虑到,如果不幸出现了天灾人祸、人员受伤、材料不足等「异常情况」要怎么办,处理这些异常的规则和方法是什么?

上面这些是我们在绘制流程图要考虑的一些原则性的内容。然而,在实际工作中,一个好的流程图,我们还得考虑到「标准化」这一步。

「你绘制的流程图是否符合了某种标准的格式规范?有没有用通用的图片语言让大家看明白?」

【产品经理 PM|流程图制作】网易云音乐登录流程还原_第3张图片
标准化的流程图设计规范

这边一定还要再多说一句,不要突发奇想自己绘制很多「只有自己看得懂得形状工具」,除非你有好好跟协作这个产品的伙伴沟通过,甚至有你们公司自己的一份「流程图定义文档」,不然只是给别人增加认知负担而已阿。

「一个好的流程图,是你和开发设计人员站在一个层面上高效对话,沟通成本极低;而不好的流程图呢,就是给他们在工作中持续挖坑,别怪人埋怨你。」


流程图常见问题整理

(1)在元件、连接线上保持一致性(对齐)

【产品经理 PM|流程图制作】网易云音乐登录流程还原_第4张图片
左图为错误范例,最基本的就是要对齐,让画面不至于凌乱

(2)回流不是错误,只是大部分回流是一段对于研发而言,没有意义的流程。

举例来说: 假设在登录的页面出现了「密码错误」,用户需要重新输入密码。 但是开发设计人员并不需要为【重新输入】这个动作做什么,用户输入完继续判断就好。因此,这里只需要弹出一个「密码错误的提示」就好,是不需要回流的。

另一方面, 假设一个页面在完成之后,确实有跳转的必要性,那么这种回流,需要在流程里特别标注。这个就是视具体情况进行分析了,但类似的流程比较少,比较容易出 BUG。

(3)终止符号不可以有流出线,而其他符号只有一条流出线,也必须要有一条流入线。(除了决策的菱形符号)

总结:流程图绘制技巧

1. 主线清晰:关键路径、关键任务一目了然

2. 先主后次:先搞定关键路径,再补充细节路径(暴力测试)

3. 优化调整:通过与原型设计过程,优化异常流程

4. 先繁后简:先把最长的路径想到,再合并操作流程


【流程图训练|网易云音乐登录流程还原】

本次训练作业:下载并体验产品「网易云音乐」 

1. 梳理「登录」流程,包括:手机登录、微信登录即可 

2. 梳理出用户在「登录」过程中可能会遇到的「异常」以及异常发生时产品给到的「提示文案」 

3. 流程保持规范,保持美观性:线框大小要一致,流程线笔直

网易云音乐产品简介

【产品经理 PM|流程图制作】网易云音乐登录流程还原_第5张图片

网易云音乐 App,移动音乐软件产品,品牌整体的风格为红色,和年轻与活泼的定位很符合

年度广告《2018,音乐的力量》:


最新 Slogan 为「音乐的力量」同步品牌影片

网易云音乐主打歌单,社交,发现和分享,除了一般音乐产品可以了解自己好友的喜好之外,还会根据用户的行为数据透过算法推荐给用户歌曲。

不仅如此,网易云音乐的「评论区」算是优质的 UGC 社区,除了可以看到各方听众朋友对于歌曲的精湛诠释之外,还能从中找到很多没上榜单,却很有内容、共鸣的歌曲,这一特性使得网易云音乐不只是个音乐的软件产品,还是个音乐性的社交应用。


网易云音乐|登录流程还原(手机&微信)

【产品经理 PM|流程图制作】网易云音乐登录流程还原_第6张图片
网易云音乐微信登录流程
【产品经理 PM|流程图制作】网易云音乐登录流程还原_第7张图片
网易云音乐手机号登录流程(制作工具:ProcessOn)

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

若微信登录,需绑定未注册手机号(不能直接注册)

通过微信登录时,需要验证是否已绑定手机号,

如果是已经绑定的帐号,会直接登入;

但如果是未绑定的话,必须绑定一个「未注册的手机号」才能完成登录。

这部分跟台湾的应用有差别,在台湾基本上 99% 的应用都能透过脸书登录直接注册,但在大陆需要多一个手机号实名认证。

然而,手机号默认「中国区号」,根据网易云音乐的使用量,在中国排行榜是榜上有名,是否可考虑增加选择国家区号后填写手机号,这对于网易云的后期用量增长是个助益。


产品经理课程|目录大纲

产品经理 PM 必备技能方法论系列文|作品集目录、课程学习、工作内容

嗨!谢谢你看到了最后!

若喜欢我在分享的内容,欢迎給我一些回饋,一起交流!

【产品经理 PM|流程图制作】网易云音乐登录流程还原_第8张图片
我的脉脉:https://raymondhou.pse.is/maimai 

你可能感兴趣的:(【产品经理 PM|流程图制作】网易云音乐登录流程还原)