How to liven up a boring Flowchart

Hi all!

I am currently putting together an eLearning for a pretty boring process and in the middle is a pretty boring flowchart. I would love to make it interactive but can't drum up any ideas. Attached is a picture of the flowchart they want in the learning

I use either Storyline 360 or Rise so any ideas through those avenues would be much appreciated!


4 Replies
Allison Goldthorpe

Hi Kyle,

What's the purpose of the flowchart? Will it be accessed later on as a job aid? If so, I think you'd be fine to keep it as a graphic in the eLearning course.

If the learner actually needs to go through this process after taking the eLearning course, I'd turn this into a scenario where the learner needs to make decisions. You could have some kind of marker that the learner clicks on to view a layer showing their progress through the flowchart as a reference during the scenario.



Nicole Legault

Hey Kyle!

Thanks for popping into the community with your question. That sounds like a fun project you get to work on! So many ways you can bring this flow chart to life. Just by making it look more visually appealing with nice fonts, colors, and maybe animations could really bring this to life. You could also turn it into something interactive by making it so that learners have to click through the flow chart to advance through's an example I just whipped up to give you an idea:

Interactive Flowchart Example

I've also attached the .story file for Storyline 360 here in the discussion if you want to use it. I think making learners click to reveal some information, overall making it look more pretty, and using some nice animations and timing adjustments could make this nice and engaging, but without having to spend a ton of time on it.  :) Hope this helps! Hope others from the community will chime in with their ideas as well!

Bob S

Hi Kyle,

So a couple of quick ideas...

  • Visuals - How about theming it with something fun. Choo-choo train that discovers new tracks or PacMan video game..... wocka wocka wocka
  • Interactivity - Remember every decision point in a process flow is a chance to make a choice... and see the results.
  • Menu/Progress Monitor- Use the flowchart itself as the navigation tool/menu to progress through (linear or otherwise) the course and let them see where they are in the overall process.

Hope these help!


Dave Ferguson

I agree with the suggestions regarding appearance (color, fonts), and especially with the ones like Bob's to capitalize on the nature of decisions as opportunities for interaction.

Depending on your audience, it might make sense to step away from flow chart conventions. For many people, the subroutine symbol (the rectangles in your example that have double lines on their sides) has no special meaning; there's nothing about a decision that requires a diamond shape. If you put a question in a rectangle or circle, and especially if you then color or format the object so it's visually distinctive from non-questions, people will get the idea.

(See step 2 in this great post from the creator of a flowcharting package.)

Depending on the context, you might chunk the explanation / interaction in what looks like three pieces:

  • How to submit a best practice idea
  • How ARMS distributed approved ideas (I'm guessing here)
  • How locations put the idea to work

That lets you start with a less-complex map/diagram/chart that encompasses the overall process (getting locations to put ideas to work), opening the way to drill down to the details of each part.