Sharing and seeking: ideas for making videos more interactive

What a great coincidence that you featured this on the week I needed something like this!  Figured out how to get the timeline to pause as the question button appeared and everything.  Just need to figure out how to make it a graded quiz, but that can wait til tomorrow!

Gonzalo: Set a trigger to pause the timeline when the user clicks the button leading to the quiz question.

As for the other, I had to make my own quiz question on the layer using radio buttons.

This is really nice way to incorporate questions into video. I use a lot of linear video for online university courses and have been looking for better ways to include quizzes - this is definitely an approach I'm going to try!  

Is there any way to solve this problem: I have a shape off to the side that will change the state of a button to normal once the timeline on the shape begins.  Once the state of the button is normal, the media will pause, giving the user time to click the question and answer it before beginning the media again by clicking "close".

Of course, here's the problem:  The timeline keeps running, apparently, even with the media paused, so the shape to the side that will change my next button to normal appears sooner than I have it timed to...

Hi, Montse - 

What font are you using in that demo, if you don't mind me asking? It looks unusually clean. Used to seeing lower quality type out of Storyline.

Hi Steve,

I used ProximaNova Semi for the headers and ProximaNova Regular for the body text.

I cheated - I saved the text as an image from PS  to cut down on production time since this was just a prototype. 

Thanks for the font tip. I wondered how you ended up with such beautifully antialiased copy Mystery solved! 

Hi Gonzalo,

The video pausing is really simple, actually. You just click the gear icon and check the pause timeline option. You have to do that for each slide layer.

To create the quiz questions on slide layers, I cheated a little by creating one large image for the slide layer, image and questions. I then added four radio buttons and a submit button. The submit button reveals a feedback graphic with the correct and incorrect icons.

This solution was super fast for creating the prototype, but not desirable for production work because nothing on the slide is editable in Storyline.

Here is the Story file and a video overview:

Source file

Super cool, Montse. Thanks so much for sharing so much with us!

Thank you Montse for letting us know your tips!

As the SL staff will be using your prototype for inspiring others, I am sure they will take notice of quiz questions in layers for the next update.

Cheers