哈喽小伙伴们！想不想了解一下 UI 设计的小秘密？我发现有好多看似相同实则大有分别的概念！比如我们今天要讲的flow chart和UI flow。咱们赶快开启探索之路！
意思是说，咱们先聊聊啥叫Flow Chart和UI Flow的区别。你知道不，软件开发里的Flow Chart主要是人家系统分析师负责写的，重点就在于“决定”。说白了，这个东西就像个心理测试一样，回答对了就向右走，错了就向左。对咱们研发小伙伴来说，想写出高质量代码，就得搞明白这其中的逻辑关系，也就是那些决策过程构成的行为框架；再说了，UI设计也是要讲逻辑的，毕竟用户按半天没反应，那这个界面不是成摆设了吗？
说起UI Flow（用户界面流程），大家通常容易忽视或没想清楚。比如说，有些人一直坚持输错密码，那很可能就是想偷你账户！要防止这种事发生，我们常用的方法是叫用户把错误输够几次才出现验证码。然而，只用功能图做UI Flow的话，就可能会漏掉这个小问题。等发现缺页时，匆忙赶工添加UI，RD（产品研发）又得赶紧添上功能。毕竟，软件页面和代码可不能随口说就行。
你们知道吗，画UIFlow的时候总会有一些细节容易被忽视。比如当用户老是输错密码咋办？这时就可能要警惕有人想偷号！所以弄一个输错几次就要填验证码的设置就能解决问题。当然上图演示的只是简化的流程，但只需要说一句“加个验证码功能吧”，整个FlowChart就会变得无比复杂哦～
就算 RD 有 UI Flow，没 Flow Chart 也很难写出判断式。如果系统变得更大更复杂，出错风险就很高了。有个 UI Flow 至少能让人看到页面是如何衔接的，不然只凭 Wireframe 和 Mockup，就像盲人摸大象一样懵逼。
要让RD 直接照着原型抄，啥都不用管就能做出一样的东西，听起来挺容易的？可实际上，RD 还需要研究每个场景、每个按钮的反应，不断尝试可能出错的情况，才能弄清楚各个功能怎么衔接。所以从 UI 设计师的角度看，流程图就是用来描述“用户完成任务时应该咋操作，软件要如何应对”的；而 UI 流程就是根据用户操作和软件本身的功能设计页面间的链接，让界面更合理。
总的来说，流程图和UI flow在UI设计里可真重要！他们能帮咱们更清晰地想清楚事儿，安排布局，还能避免bug。所以在搞UI设计时，千万别忘了用上这俩概念！记住，漂亮是不够滴，好用才最重要！得让它既好看又符合我们人类的习惯和思考方式。这样才能真真儿地提高用户体验，吸引住用户。今天的话题就聊到这儿。希望您看完这篇文章，能对流程图和UI flow有所理解。有啥问题或想法赶紧在评论区告诉我，咱们一起来交流呀。要是觉得这篇文章有帮助，记得点个赞给个好评感谢大家的支持！
评论0