查看原文
其他

我以前画流程图的方式,全错了!

The following article is from 体验进阶 Author 设计师ZoeYZ

很多设计师都有了解过流程图这个东西,而且可能很多人的作品集里都躺着那么几张流程图。


以我自己为例,第一次做作品集申请留学时就知道要做流程图了:


这个项目当时获得微软创新中国地区一等奖


然而工作了这么多年,我发现真的只有在作品集里才用得上这种流程图 😂


其实并不是我没有在实际工作中尝试用过流程图……




流程图,我画吐过


我刚开始工作时在华为做 B 端交互,由于没有产品经理,所以我就不得不负担起部分 PM 职责。


为了跟开发对接清楚,我做了很大很多的流程图……因为信息管控太严,那个图我带不出来,你们也看不到了,所以我从网上随便搜了一张结构类似的,总之就是要分很多区块和层级:



当时那个流程图的庞大维护工作,我现在想起来都会想吐 🤮


之后,我再也没有参与过产品经理的工作,也再也不需要做那种流程图了。




很多设计师

还在画流程图


说实在的,我一开始根本没有想过要教大家画流程图,因为我做设计工作这么多年,真实项目中几乎没有需要画过,也没见过团队里其他设计师画过。


所以,去年的设计训练里,我压根儿没提流程图这回事。


但是这一年多的时间里,帮大家做了很多作品集点评,发现还是蛮多人会在作品集里放流程图的。


只是……可以看得出来,很多流程图明显装饰性大于实际意义。很有可能是为了作品集才画了,实际工作流程中并没有。


于是,我开始思考一个问题:流程图这个东西,对设计师来说真的有用吗?


首先,我想到很多同学的设计稿里,确实有明显的体验流程问题,我随便就可以举出几个例子。


例如 vivo 这个营销页,最开始没有突出用户最关心的信息,属于对用户看信息的流程不清楚:



上图来源:这个交互思路,居然将转化率提升50%


例如 CCtalk 这个登录页,我每次都会忘记勾选,属于对用户操作流程不清楚:


CCtalk 登录页

例如京东爱回收之前先把支付方式放在取件方式前面,后来发现用户更在意平台用什么方式取走自己的数码产品,于是改版时调换过来,属于对用户思考流程不清楚:

上图来源:打破常规?京东这款APP改版很不一样!



流程设计,还是很有用的!

如果流程设计不好,对用户体验的影响是很大的,否则会怎么样呢?

例如,我之前做过一系列的主流 app 体验评测工作坊,其中联通营业厅 app 是问题最多的产品之一了。

当时他们的首页长这样:


上图来源:联通APP,五名本科生研究了一下午

作为用户,你会发现,不论想做什么都有种找不到北的感觉。

大部分人来这个 app,主要是出于这么几个目的:

  • 查看要不要交话费:没错,我能看到还剩多少话费,但我不确定这个钱够不够用,也还是不知道要不要交。

  • 查看流量够不够用:没错,你用很大的字告诉我用了多少流量,但还是不知道这流量够不够用呀。

  • 交话费:看了半天才在剩余话费下面看到一个浅色的「充值中心」按钮,太不起眼了吧。没错,金刚区还有一个「交费充值」,但是我不知道这是交什么费充什么值?


如果对用户的思考和行为流程,有那么些许的了解,都不至于设计出这种页面的。

P.S. 然而咱心里知道,这很可能不是设计师的锅……



流程设计,要怎么做?

流程图肯定是用来做流程设计的利器,只是我不建议大家用文章开头那种复杂的画法,因为会带来很多问题:

  1. 花费时间太多:挤压画方案的时间,给自己增加负担

  2. 入枝端末节:极有可能从注册登录开始,再加上有没有联网、有没有数据之类的条件判断,导致大量时间用在了和主流程无关的事情上。

  3. 维护成本极高:这么复杂的流程图,不是画一遍就完事了的,后面每次评审、改方案,都会影响到流程图上的某些部分,你改不改?


我建议设计阶段的流程图,只要把用户的主要场景列一列就好了,例如对于营业厅 app 来说,充值交费就可以是一个主要场景。

这个主要场景上,也不是所有的用户操作或者信息展示都要列出来,而且只需要列出用户关心的事情即可。也就是说登录、有没有联网这些用户充值交费时不关心的东西,就别在充值交费这个场景中列出了。

还有一点,这时完全不要思考产品长什么样、页面怎么划分,而是完全站在用户的角度去思考。

举个例子,充值交费这个场景的流程图,简单一点就可以列成这样:



看看最新版本的联通营业厅 app 的设计,能满足这个用户流程吗?


就这么一个简单的流程图,都暴露出产品设计的三个问题:

  1. 难以判断话费够不够

  2. 不知道一次交多少合适

  3. 不确定下次交是什么时候


如果用户认真地比对所有信息,并且拿计算器去算,这些问题都可以解决,但是用户有这个时间吗?

以我自己而言,希望整个流程花费时间越短越好,恨不得 30 秒解决,所以根本不可能去仔细观察和思考。

所以,最理想的情况是,产品能很贴心地在合适的位置给出合适的提示。



总结

流程图还是有用的,因为流程设计是有意义的。

然而设计阶段不应该画那种复杂的流程图,因为这个阶段理清楚思路,比细节和逻辑更重要。

那种复杂的流程图也并不是没有意义,在和开发对接需求时,他们需要更加严谨确切的方案,于是展现出全部用户操作和反馈的完整流程图就变得很有用了。



推荐阅读


产品拆解丨月营收3个亿的斑马APP原来这样设计

你做的“用户画像”是一页废纸

这些相机APP设计,让我眼界大开!!



在看是最好的肯定与鼓励

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存