Skip to main content
Instant Flowcharts in Way We Do

How to use the instant flowchart feature in Way We Do.

Andrew Sutton avatar
Written by Andrew Sutton
Updated over 6 months ago

Way We Do's Instant Flowcharts feature allows you to visualize your Activated Checklist as a flowchart at the click of a button.

What are the benefits of using this feature?

There's a few reasons why you may like to use this feature:

  • For visualizing, optimizing, and managing your processes to ensure they "flow" correctly

  • Reviewing changes & updates to an existing process visually

  • You're creating a checklist in Way We Do based on an existing process documented as a flowchart elsewhere

Please note: this is an optional feature. To switch it on in your account, please let us know via support@waywedo.com or use the chat feature in the bottom right of your Way We Do browser window.

How do I create and view an Instant Flowchart?

Once this feature is switched on in your account, you won't need to do anything to create the flowcharts for any existing or future Activated Checklists. The functionality is designed to instantly generate the flowchart when you select the flowcharts tab.

Flowcharts can be viewed on an Activated Checklist that is in a Draft, Pending Review, and Published status. When editing an already published checklist, the Draft and / or Pending Review flowchart will reflect the changes made, then when re-published, the Publish status version will update instantly to reflect the changes.

To view the flowchart on a checklist:

  • Navigate to the relevant Activated Checklist

  • At the top of the screen are three tabs, select the second tab 'Flowchart'

  • You will be taken to the flowchart screen

  • Depending on the size of your checklist, you may not see the entire flowchart. Select the full screen icon in the top right to expand your view

  • Once in full screen, use the roller on your mouse, or the plus / minus buttons to zoom in and out

  • Click and drag to move the flowchart around the screen

Reading the Instant Flowchart

Understanding the different step shapes

The Instant Flowchart is visualizing the steps within your Activated Checklist. The different step types are displayed in different ways.

  • Activity Step: an Activity Step is displayed as a rectangle

  • Decision Point: a Decision Point is displayed in a hexagonal style shape

  • Decision Point Conditions: the conditions of a Decision Point are shown with a stylized shape pointing right

  • Delay Steps: a round circle with the hourglass logo indicates a Delay Step

A note on Event Steps: The Event step will not display in an Instant Flowchart. This is because within the checklist, the Event works as 'point-in-time' to work towards and is not a step that requires completion.

Seeing the step content on the Instant Flowchart

To see the content of the step from the Activated Checklist, you can select the eye icon.

This will show you what content has been added to the step, including any media or links. The content will display in a pop-up which you can close down when you're finished viewing.

Understanding the connecting lines

The steps on the Instant Flowchart are connected via lines. These lines are either solid or dotted, which is based on how the connection is made. A dependency between steps creates a solid line, and steps revealed by completing a Decision Point create a dotted line (more on this below in the section called How to ensure an Instant Flowchart generates correctly).

To make it easier to follow where a line goes, you can hover your mouse over it, which will highlight the line red.

Instant Flowcharts as a Swimlane Diagram

A swimlane diagram is a type of flowchart that separates which role completes which activity within a process.

To achieve this with your Way We Do Instant Flowcharts, you will need to assign responsible roles to a step within the process. By doing this, Way We Do can create 'lanes' for the steps in the process to be displayed within.

If you have steps within the process that don't have a specific role responsible for them, they'll be placed in a 'lane' entitled Any Role.

The below screenshot shows you a flowchart with swimlanes based on a process that has steps that anyone can complete and steps a manager can complete.

How to ensure an Instant Flowchart generates correctly

Instant Flowcharts are created by transferring the steps from an Activated Checklist into the flowchart.

To create the 'flow' between the individual steps, it uses Dependencies and Revealed Steps from Decision Points. Having these within the checklist will create the links required between the steps to appear as a flowchart.

Dependencies

A dependency in an Activated Checklist is a means to ensure that a certain step isn't completed prior to another step - it becomes Dependent on the completion of a preceding step.

When you add a dependency between steps, you're creating the connecting line between those steps when visualized on the flowchart. Therefore, it's important to consider this as you build / edit your Activated Checklist.

Dependencies are shown on the Instant Flowchart as a solid arrow.

If there are steps in your checklist that do not have a dependency set up on them, the connecting line will not show and it will break the 'flow'. The below screenshot shows an example of this, where there is no connection between step 1 and step 2.

Decision Points

When you have a Decision Point in an Activated Checklist that reveals steps it creates the 'flow' for you, as the steps revealed are connected to the conditions within the Decision Point.

These connections are shown as a dotted line on the flowchart. The below screenshot shows you the Decision Point "Has the candidate accepted?", the two conditions "Yes" or "No", then the steps that are revealed based on the selection of a condition - note the dotted line from the condition to the step.

Dependencies on Decision Points

If the steps being revealed from a Decision Point should present in a specific order, it's best to create dependencies on these to ensure the correct 'flow'.

For example, in the below process, steps 10, 11, 12, and 13 should 'flow' in that order after the "No" condition is selected on step 9. So, to ensure they present this way, you'll need to add the dependencies between them.

If you did not do this, then the steps revealed wouldn't show a relationship between them (see the below screenshot). They're still connected via the dotted line, because they're related to the Decision Point, but it no longer appears to 'flow'.

When you have dependencies on steps revealed by a Decision Point, the default view is to show the dependency line (solid line) instead of the condition line (dotted line). If you'd like to see both the dependency and condition lines, select Show all condition lines to change this view.

This will then display the dotted lines and the solid lines.

Did this answer your question?