Blog Post

E-Learning Challenges
1 MIN READ

Interactive Org Charts in Online Training #43

DavidAnderson's avatar
DavidAnderson
Staff
11 years ago

E-Learning Challenge #43: Challenge | Recap

Challenge of the Week

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

Tools

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

Resources

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:

Templates:

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.

Share Your Org Chart Examples!

We have a new org chart challenge for 2019. Head over to the current challenge to share your work.

Published 11 years ago
Version 1.0
E-Learning Challenge
How To
  • RichardWatson's avatar
    RichardWatson
    Super Hero
    11 years ago
    So many creative people here! @Tim, I loved the look and design of your submission this week. Very professional... nice animations and layout!
  • PaulAlders's avatar
    PaulAlders
    Super Hero
    11 years ago
    Tim - Like I already mentioned on twitter. Awesome...not only the design. Even as a fanatic user of Apple products I didn't know that their products are featured in the permanent collections of museums worldwide.
  • CeciliaBernal's avatar
    CeciliaBernal
    Community Member
    11 years ago
    Thank you everybody for the warm welcome.

    @Tim, great design, thanks for sharing it and showing the creation process. I found the Easter egg ;)

    @Louisa and @David: nicely done! I like the idea of challenging the learner to discover who is who in the team.
  • Montsea's avatar
    Montsea
    Super Hero
    11 years ago
    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): http://elearningdesigner.com/storyline/characters/
    Meet Your Leadership (v2): http://elearningdesigner.com/storyline/elearning-characters/
    Meet Your New Team: http://elearningdesigner.com/photo-collage-elearning-challenge/
  • jeff's avatar
    jeff
    Community Member
    11 years ago
    Tim, Montse, top quality as ever! David G. love your example I had a similar thing in mind but had so many people in y my org chart it would just be annoying to drag and drop them all over :)

    Cecilia and Louisiana, great to see you taking part in the challenges
  • NicoleLegault1's avatar
    NicoleLegault1
    Community Member
    11 years ago
    It's been awhile since I've participated in one of these and I really loved this challenge idea! So I had to throw together my own example! :)

    View published demo here: http://bit.ly/WlhrgQ

    There's also another Meet the Team style interaction that I created awhile ago for a Weekly Challenge Compilation: http://bit.ly/1nJwQNP (download) and http://bit.ly/1k3f7Gk (published output)

    Jeff - LOVE your concept and the execution is awesome. What a fun and original idea...Well done!
  • DavidAnderson's avatar
    DavidAnderson
    Staff
    11 years ago
    @ Cecilia I think you're committed to participating after this one:-) Thanks again for sharing your examples and inspiring what should be one of our most popular challenges.

    @David - Sweet job with the drag-drop org chart. I agree w/ the others that the simple design really works.

    @Tim - Thanks so much for sharing your template. I'll add it to next week's template recap post. Thx!

    @Montse - Those demos look great. Any chance you'll leverage that project for an interactive chart? #nudge

    @Jeff - Cool idea using the perspective chart. Adds some really great depth to the interaction.

    @Nicole - Thanks so much for jumping into the challenge. Any chance you'll make that super cool org chart template available? Just asking because I'm sure you'll receive a lot of requests:-)


  • TimSlade's avatar
    TimSlade
    Super Hero
    11 years ago
    Thanks for all the kind words @Richard, @Paul, @Cecilia, @Montse, @Jeff, @David!

    @Montse – I love the simplicity of your designs!
    @Jeff – Great idea with the 3D perspective. Totally unexpected!
    @Nicole – I really like the interactivity of your submission.
  • jeff's avatar
    jeff
    Community Member
    11 years ago
    Tnx for the kind words everyone, can't take much design credits on my entry as I totally based of an image I found on Pinterest. I just took it to the next level adding the interactivity. Creating it was super easy in Storyline... I might just recreate it and do a timelapse video like Tim did... that was soooo cool!