如何使用BPMN创建用户流程图？

Question

设计前端时，线框是一种蓝图。我最近遇到了一个扩展，称为“用户流” 或“ UI流” ，该扩展将流程图中的用户界面（UI）交互部分可视化。它们看起来不错，但出于编程目的（例如生成代码），通常不容易被用户进一步使用。如果幸运的话，可以导出用户流的XML表示形式，但是通常它们看起来很漂亮，并且只能作为（非矢量）图形进行访问。这就是为什么以某种方式将其与BPMN结合起来很酷。

我要求您提供一些输入（就搜索关键字，链接或评论而言）： 我正在寻找有关如何使用BPMN绘制用户流的指南或最佳做法。理想情况是一些简短的介绍，例如Camunda's BPMN introduction。

参考：

• Wireframes上的维基百科
• 亚历山大·汉德利（Alexander Handley）：User flow is the new wireframe
• UI flow software example从他的广告视频中获得了所附的屏幕截图
• 其竞争对手之一：https://overflow.io/，没有堆栈：-)
• More UI-flow tools