2

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.

User flow:

References:

Jan Galinski
  • 11,768
  • 8
  • 54
  • 77
B--rian
  • 5,578
  • 10
  • 38
  • 89
  • 1
    Maybe this question can be better fielded by UX Stack Exchange community ? – khalito Apr 26 '19 at 09:26
  • 1
    @khalito I thought of that, but there BPMN is not too well known. I am more interested in the developer / BPMN expert perspective. – B--rian Apr 26 '19 at 09:29
  • 1
    I am not sure I understand what you mean by "they look nice but are not easy to use further". How do you intend on using your flow chart or process diagram further in your context ? Do you mean along the lines of what Alexander Handley described as his steps 3-4 (for example, automatically generate wireframes / user flow examples based on your diagram) ? I have a feeling the "way you use them further" has not much to do with the notation you have used to design your process but purely with the (software) tools. – khalito Apr 26 '19 at 09:40
  • 1
    @khalito: I edited my post so that it becomes less prone to misunderstanding. You might be right that it my question could be a problem of the software which I use for wireframing, but I am also interested in the theoretical point of view: **Is there a mapping between BPMN and any kind of wireframing notation standard?** – B--rian Apr 26 '19 at 09:57

0 Answers0