用基于流程的实现重新定义UI

你的名字 2022-01-11 01:05 70阅读 0赞

Tell Me What U Want And I Will Show U How

**---****基于流程UI的设计思考**

做为IT工程师，都会被两个问题困扰，**一是如何为企业优化业务流程，帮助企业提高效益。二是如何为用户提供一套使用操作简单、业务清晰的UI，帮助用户便捷的使用系统**。对于第一个问题，涉及的知识内容太多，一篇博文难以言尽。本文主要就第二个问题，探讨一下如何用基于流程的UI来帮助用户解决复杂业务流程带来的困扰。

**核心理念：**Tell Me What U Want And I Will Show U How。作为用户要做的就是告诉系统想要做什么事，至于该怎么做，那就是系统的事了。基于流程的UI设计可以有效解决以下三个方面的问题：

1、企业有很多流程、每个人负责的业务也不止一项，而且有的业务流程并不是每天都做，很长时间或者每个月才做一次，所以系统要能把这些流程固化下来，在需要的时候，以适当的方式展现给用户。

2、由于人员流动、更换，或者临时需要其他同事来帮助处理某项业务，新用户学习业务流程需要很长时间。UI设计必须要能降低用户的学习曲线。

3、每个流程上都会有一些需要特殊注意的事项，这些事项要依靠人来处理，对于管理者来说并不可靠，用户也不愿承担错误处理业务的风险。无论是从用户还是企业管理层的角度来看，都希望把业务的复杂性隐藏在系统中，来提高业务处理效率并规避业务风险。**所以我们需要重新定义UI。**

**思路：**把流程管理的实现搬到前端。把基于菜单的操作转变为基于流程图的操作。对于用户来说最想要就是：只要按照系统的业务流程完成所有节点上的工作，就能顺利的完成任务。系统应该具备如下的功能：

1、用流程图表示每一条复杂业务流程，流程的节点代表一项任务。

2、流程图要能清晰的显示流程的当前状态。

3、用户能通过与流程图的交互来是完成工作。

**基于流程的UI演示：**

1、当用户进入系统后，可能只想看到一个功能列表。图中每一个图标代表一项业务。

[![203716903.jpg][]][203716903.jpg]

[  
][Link 1]

2、当用户需要处理一项任务时，比如从单位调出一个人，他只需双击“人员调出”图标，系统将为他创建一个调出流程。如图：

[![203611195.jpg][]][203611195.jpg]

3、用户只需根据流程提示，依次完成各个节点的任务即可完成整个任务。用户可以通过与流程图的交互来完成工作。

[![203638169.jpg][]][203638169.jpg]

如图，点击“开始”节点后，系统将弹出人员选择对话框，让用户选择需要调出的人员。选择完人员后在再继续后面的工作。

4、用户可以查看各个流程的当前状态。

[![203659205.jpg][]][203659205.jpg]

[  
][203659205.jpg]

如图，双击下方流程列表后，上方的流程图将显示该流程的状态。绿色表示已经完成的节点，蓝色表示当前节点，灰色表示还未完成节点。

这种方法在解决企业复杂业务流程方面比较有用，仁者见仁智者见智，有不同见解的可以一起讨论，共同提高。

转载于:https://blog.51cto.com/growup/1179523

[203716903.jpg]: https://s1.51cto.com/attachment/201304/203716903.jpg
[Link 1]: https://s1.51cto.com/attachment/201304/203451953.jpg
[203611195.jpg]: https://s1.51cto.com/attachment/201304/203611195.jpg
[203638169.jpg]: https://s1.51cto.com/attachment/201304/203638169.jpg
[203659205.jpg]: https://s1.51cto.com/attachment/201304/203659205.jpg