How to create user flow diagrams with BPMN?

限于喜欢 提交于 2019-12-08 05:09:31

问题


Wireframes are a kind of blueprints when designing frontends. I recently came across an extension to that called "user flows" or "UI flows", which visualizes parts of the interactivity of the user interface (UI) as a flow chart. They look nice but are often not easy to user further for programming purposes (like generating code). If you are lucky, you can export an XML-representation of a user flow, but often they just look pretty and are only accessible as (non-vector) graphics. That is why it would be cool to somehow marry that with BPMN.

I ask you for some input (in terms of search keywords, links or comments): I am looking for a guide or best practises on how to draw user flows with BPMN. Ideally some short introduction like Camunda's BPMN introduction.

References:

  • Wikipedia on Wireframes
  • Alexander Handley: User flow is the new wireframe
  • UI flow software example from whose advertisement-video I got the attached screenshot
  • One of its competitors: https://overflow.io/ without the stack :-)
  • More UI-flow tools

来源:https://stackoverflow.com/questions/55848712/how-to-create-user-flow-diagrams-with-bpmn

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!