Interactive Org Charts in Online Training #43

E-Learning Challenge #43: Challenge | Recap

As course designers, you’ve likely created a course or two (or more) that introduced learners to key people in your organization. Typical content includes topics like organizational structure, position rankings, leadership bios, and general contact information. New Hire 101, right?

I’ve tracked this type of interaction for a while, but never really thought of using it for a weekly challenge until I saw a Tweet from community member Cecilia Bernal. Cecilia created some fun examples using community resources. I really liked how she reworked the templates for her own Meet the Team interactions.

View Meet the Team: Examples for introducing people

Org charts, family trees, meet the team, and who’s who are essentially the same diagram. They show organizational structure and the relationships of people and positions. After seeing the Cecilia’s interactions grouped together, I knew this would make a fun challenge.

Before we jump into this week’s challenge, take a look at some variations of org charts. Consider how a similar model could work for your own projects.

Family Trees

Family trees also use a tree structure to represent relationships. They can resemble a real tree or use simple shapes to show hierarchy.

View North Korea's First Family

Labeled Graphics and Markers

Photographs of teams are another way to introduce a group of people. If there are a lot of people or the people are close together, try using interactive markers to identify each person.

View Meet the stars of Tech City

Working with Photographs

Sometimes there are so many players, it might make sense to forego the individual callouts and give learners a big picture view. I like the way this courtroom interactive toggles the callouts on and off:

View Take a look around the courtroom

Learning Games

Your interactions don’t have to be click-and-reveals. Try making a game out of your org chart by asking learners to identify each role or position. Here’s an example of an interactive who’s who designed for kids:

View Who’s Who in the Executive Branch

Challenge of the Week

This week, your challenge is to design an interactive graphic to introduce an organization’s team members or key players.

You can focus on corporate teams, sports teams, or something more playful like comic book characters.

Interaction ideas:

  • Meet the Team
  • Who's Who
  • Family Tree
  • Organization Charts


You can use Articulate Storyline, Articulate Studio, or PowerPoint to build your interactive who’s who or org chart.


Here are a few resources to get you started. If you know of any good interactions that would support this week's challenge, please include them in the comments section.

Blog posts:


Last Week’s Challenge

Before you introduce yourself in this week’s meet-and-greet, take a look at the smartphone videos your fellow community members shared in last week’s challenge.

More About the E-Learning Challenges:

The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. We’ll feature your work and provide feedback if you request it.

Wishing you an org-chart-tastic week, E-Learning Heroes!

Cecilia  Bernal

Hi everyone, Thank you David for your words, glad to see you liked my presentations and that they inspired a Weekly challenge!. I joined this community a couple of months ago and I’m amazed to see so much creativity and professionalism. In my opinion, practicing is the best way to learn, I simply chose a topic and started to put some stuff together, trying to replicate other’s ideas, while learning the basic features: how to add layers, triggers, states, etc. and having fun, adding audio. “Meet the team” was my third slide and I must admit I published it thinking nobody would see it ;) My dream is to become an e-learning designer, so I decided to participate in some of the previous challenges (better late than never), cause sharing ideas and having feedback from you is best w... Expand

Tim Slade
Montse Anderson

Great challenge idea, @Cecilia! Your volleyball example was really creative. Thanks for mentioning my tabs interaction. @Louisa You weren't kidding about the orange! The subtle textured background reduces some contrast so that was a really good idea. I also liked how you included scrolling panels for some of the divisions. @David: LOVE your clean and elegant org chart. I feel that design style could carry an entire course. @Tim: I don't know how you regularly create design-rich demos so quickly. If you have any secrets or tips, please send them my way. I'm sure I created a dozen "meet the team" interactions over the past two years. Here are a few concepts that I put together for clients and previous challenges: Meet Your Leadership (v1): Expand

Jeff Kortenbosch
Nicole Legault
David Anderson
David Glow
Tim Slade
Tim Slade