How I Built an Interactive Timeline in PowerPoint (Free Download!)

I recently built an interactive timeline file for Storyline based on a request from a community member. This week, I want to recreate a similar download file in PowerPoint to give our Studio and PowerPoint users equal opportunity.

To keep my interaction aligned as closely as possible to my Storyline file, I used the “mouse-over” actions available in PowerPoint. I picked colored rectangles for the columns in the timeline, then used a light gray rectangle containing a simple title and instructions for the header. For the hover-over effect, I created a duplicate slide of the timeline with one column highlighted for each of the columns on the timeline. This way, when learners hover over a column, it displays the corresponding slide with the highlighted column and additional information.

I've put the download the files here so you can see exactly how I put it all together. I also created this video tutorial to break it down a bit and explain at a high level how I created it.

Ready to move beyond PowerPoint for your online training? See what all the buzz is about and sign up for a free trial of Rise.com, the all-in-one system that makes online training easy to create, enjoyable to take, and simple to manage. Have questions? Please leave them in the comments.

9 Comments

Jeff Kortenbosch
Hero

almost 9 years ago07/23/14 at 1:23 pm (UTC)

I've learnt something new today, I didn't think PowerPoint Actions would work in Articulate Studio or is that a new feature in Studio'13? Great voice-over as well. Did you record it during the video or after?

Nicole Legault
Author

almost 9 years ago07/24/14 at 5:48 am (UTC)

Thanks Jeff! According to these specs on our website (http://www.articulate.com/support/presenter-13/action-button-and-trigger-support) Studio 13 doesn't officially support Mouse Over actions, but not supporting it doesn't necessarily mean it doesn't work. And in this case it does work :) Yay! And thanks! I'm always looking to improve my video tutorials so feedback is always welcome. I recorded the audio after I recorded the video. =)

Daniel Adeboye

almost 9 years ago07/25/14 at 11:15 pm (UTC)

Thanks Nicole, Coincidentally I wanted to use this mouse over effect for my submission last week! Just have a question please... I don't seem to have this 'articulate tab' in my powerpoint, I guess it is only available for those who have a functional articulate software running on their system right?

Nicole Legault
Author

almost 9 years ago07/27/14 at 5:55 pm (UTC)

Hi Daniel! Yes that is correct, you need to have Articulate Presenter installed to see the Articulate tab in Powerpoint.

Nicole Legault
Author

almost 9 years ago07/27/14 at 5:56 pm (UTC)

PS Daniel you can download the 30 day trial for free if you don't currently have it: https://www.articulate.com/store/trial-download.php

Daniel Adeboye

almost 9 years ago07/29/14 at 3:01 pm (UTC)

Thanks Nicole, unfortunately i have already used up my 30 days free trial and stuck with PowerPoint! Anyway, thanks for responding...used the mouse over effect for my entry for this weeks challenge on virtual tour. Check it out! https://www.dropbox.com/s/atj70rybi35ne4n/Virtual%20tour.pptx Thanks for sharing!

Jamie Ahlstedt

almost 5 years ago06/12/18 at 7:59 pm (UTC)

Thanks Nicole! Is this doable with only a series of slides within a presentation? Whenever I preview my hover slides they play one by one rather than going back to the original slide. Thanks again!

Hassan Soubhi

almost 5 years ago07/10/18 at 1:03 am (UTC)

Great video. Thank you very much Nicole. I have learned something new today.

Keema Davis

almost 5 years ago08/31/18 at 2:26 pm (UTC)

This was awesome! I was looking for something else when I stumbled over this. Definitely worth revisiting the older posts here. I never even knew PowerPoint had this capability. I can't wait to try this out. And the video tutorial was perfect. I would have never figured out how to do this without it. Thanks Nicole!

How I Built an Interactive Timeline in PowerPoint (Free Download!)

Related Content

Use Interactive Tables To Spice Up Your E-Learning!

How I Built This Interactive Timeline With PowerPoint

Visual Design Tips: How to Create an E-Learning Scene

9 Comments