World Changing E-Learning Examples

Thanks Tom. These are both solid.

I like the color coding to indicate different content sections in the second example. Looks like they did some customization of the top title bar in the player. Can anyone explain how? Doesn't look like it was hard, but I haven't had time to dig into it so thought I'd ask. I also really like how they did the resources section. Very robust but visually interesting. I'll have to add that to my toolbox.

thanks Tom ,inspiring design

I agree with Laura. Really like the Resources section of the player, and would love to know how that was done.

Both sure packed a ton of info into well-organized and easily-navigable courses! Lisa: The Resources section of the second one is a lightbox slide that can pretty much do what a normal slide can do. Looks like they put the graphic of the bookshelf and books on that slide and hyperlinked them to the resources. I think the little arrows that take you from lightbox slide to lightbox slide (or layer to layer) are just triggered objects, too. Here's a good tutorial that explains how to add a lightbox tab to your player: https://community.articulate.com/discussions/lightboxes I really like that they put the transcript in as a player tab, too. Nice and clean. Here's a quick tutorial about how to make that happen: https://community.articulate.com/discussions/how-to-show-slide-notes-in-storyline-without-showing-a-sidebar Laura: I wondered about the colored text at the top, too!

Laura, I posted a question about how they did the player customization in the forums here: https://community.articulate.com/discussions/how-do-you-customize-the-storyline-player-text-like-this. You can examine those answers for more ideas, but Nick Russell may have it: "Nick Russell: Jackie, this is precisely what I did in the last three challenges. I hid the default player and set the border to transparent with a black background. I then set the player size to (whatever) - say 1368 by 768 for a standard laptop screen. Into that I then pasted my own 'player frame'. Your personalized player can be copied into your slide master so you don't have to worry about re-copying it to each slide."

Hi everyone, I'm the designer from TechChange that developed these courses. Thanks for the nice words and to the community for showcasing some of our work! To answer your question about customization of the top title bar in the player... we built the top bar in the slide master. It's just a few rectangles whose colors match the player color so it appears to be part of the player. The buttons are just regular buttons with triggers. For the resources, the button lightboxes one slide with multiple layers, Each layer showcases resources for each module and the left/right buttons cycle the user through each slide layer. Hope this helps!

Thanks for the inside scoop, Catherine! Isn't it amazing how much discussion your design created? :) You did a beautiful job and I'm glad we got to see it.