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

如何绘制流程图?在产品设计中的作用?推荐的流程图工具?

本文大纲

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

・流程图的绘制工具?

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

・流程图常见问题整理?

・总结:流程图绘制技巧

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


【业务流程图】知识背景

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

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

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

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

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

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

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


流程图的绘制工具?

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

・VisioWindows 系统下的工具

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

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

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

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

流程图绘制的基础六大部分

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

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

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

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

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

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

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

标准化的流程图设计规范

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

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


流程图常见问题整理

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

左图为错误范例,最基本的就是要对齐,让画面不至于凌乱

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

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

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

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

总结:流程图绘制技巧

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

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

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

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


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

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

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

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

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

网易云音乐产品简介

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

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


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

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

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


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

网易云音乐微信登录流程
网易云音乐手机号登录流程(制作工具:ProcessOn)

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

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

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

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

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

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

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


产品经理课程|目录大纲

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

嗨!谢谢你看到了最后!

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

我的脉脉:https://raymondhou.pse.is/maimai 
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,588评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,456评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,146评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,387评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,481评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,510评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,522评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,296评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,745评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,039评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,202评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,901评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,538评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,165评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,415评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,081评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,085评论 2 352

推荐阅读更多精彩内容