Interactive Flowcharts

During course development, a faculty member was interested in finding a way to make her pictures of flowcharts interactive. I was able to assist her with this by using Adobe Captivate to create an interactive flowchart. This is what the flowchart looked like before:

Flow chart to determine whether the data meets the requirements for hypothesis testing.
Credit: J. Roman

This is what the interactive piece looks like now:

First part of flowchart: is your data an independent random sample? Yes, Is your data parametric? Click yes or no.

Instead of viewing a stagnant flowchart, students can now choose their path by clicking on the buttons in the interactive element.

Same piece of flowchart above with additional pieces of flowchart. The next part of flowchart begins with question: is your data normally distributed?

There is also an option to restart the process, so students can start over if they want to see what would have happened if they had chosen another path. The interactive flowchart is visually appealing and allows students to focus more closely on the smaller pieces of the flowchart by working through a decision-making process.

The interactive element is not fully accessible with a screen reader, therefore, it is recommended to create an accessible version of the chart. This can be done by providing a long description of the flowchart. There should be text above the interactive element noting its presence below, as well as an indication that there is an accessible version available. This text indication can be made visible to screen readers only.