DEV Community

Avery Eller
Avery Eller

Posted on

Customer Workflow Redesign Update 1

The process of documenting the idiosyncrasies of the [ABC Order] workflow took longer than expected, mostly as a result of my own energy levels

I ended up doing two passes:

  1. The first just to transcribe the notes that I had taken alongside simple screenshots of each page in the workflow
  2. The second to dive deeper into the specific elements and their states on each page (remember, there are four [ABC APIs] with their associated variations on the [ABC Order] workflow)

With this stage of the documentation fully complete, looking back, more than anything, I wish I had done some research on how to best present a UI breakdown like this as a diagram. Seen below are pixelated examples of a couple of the pages I put together, and I'm not confident the layout will be immediately clear to a third party

The next step is to comb through each page of the diagram and call out all elements that asynchronously load data, so that the sources of the data can be discovered--and simultaneously to document each element, facilitating a list of all elements common across multiple pages and workflows

Top comments (0)