原来以前画的流程图，都错了

Sponsor

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

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

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

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

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

流程图，我画吐过

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

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

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

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

很多设计师，还在画流程图

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

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

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

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

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

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

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

上图来源：将转化率提升50%的交互设计思路

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

CCtalk 登录页

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

上图来源：京东爱回收APP改版，全方位都好很多了！

流程设计，还是很有用的！

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

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

当时他们的首页长这样：

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

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

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

• 查看要不要交话费：没错，我能看到还剩多少话费，但我不确定这个钱够不够用，也还是不知道要不要交。
• 查看流量够不够用：没错，你用很大的字告诉我用了多少流量，但还是不知道这流量够不够用呀。
• 交话费：看了半天才在剩余话费下面看到一个浅色的「充值中心」按钮，太不起眼了吧。没错，金刚区还有一个「交费充值」，但是我不知道这是交什么费充什么值？

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

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

流程设计，要怎么做？

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

1. 花费时间太多：挤压画方案的时间，给自己增加负担
2. 陷入枝端末节：极有可能从注册登录开始，再加上有没有联网、有没有数据之类的条件判断，导致大量时间用在了和主流程无关的事情上。
3. 维护成本极高：这么复杂的流程图，不是画一遍就完事了的，后面每次评审、改方案，都会影响到流程图上的某些部分，你改不改？

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

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

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

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

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

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

1. 难以判断话费够不够
2. 不知道一次交多少合适
3. 不确定下次交是什么时候

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

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

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

总结

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

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

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

作者 | 设计师ZoeYZ
来源 | 体验进阶（ID：Advanced_UX ）

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。