I’m working on a course that uses almost all video. The content’s good, but the client is asking for ideas for making it more interactive.
Someone sent me the 21 Jump Street movie site as an example. I know, right? I like how the trailer layered movie trivia questions over the video. I thought this would make a good example so I tried building it in SL.
I experienced the same as Bruce - the video kept playing in the background while I was working on the question. This will be an issue since you won't be able to control how long a person takes on each question (unless you can pause the video as Bruce suggests).
Taking a slightly different tact, are you familiar with the VH1 "Pop-up video" shows? It's basically music videos with pop-up facts either directly or even indirectly related to the video, artist, or something mentioned in the song. So perhaps you could do something similar with your facts and then just include the quiz at the end? (Or is that what your clients were trying to "solve"?)
Perhaps breaking up the videos into smaller chunks would work, with the question at the end of each chunk.
Using your sample video, you could first stop it at the same point (where the first gentleman puts his bag on the belt) and then phrase the question in a scenario, perhaps like "The screener identifies the following items. Which one is a violation?"
And then you would move on to the next section of video, which is an issue with next traveler's items.
And, if you have the liberty to inject some fun, you could play a record-scratching or brake-squealing sound with a big WAIT! or HOLD ON! graphic when you stop the video to ask the quesiton.
Nice work. Agree, getting the vid to pause would help learners understand what you are trying to do. And maybe it's just me, but it seems a light soundtrack is called for. Seems a bit odd to have a normally relatively loud scene (airport) be silent. Thanks for sharing.
Love this, Montse - thank you for sharing it! I'm not seeing the issue of the video playing continuously when the questions pop up... it pauses as expected. Maybe it's been updated? I especially like the transition on the slide layers and the blurred background that appears behind the quiz questions - those effects really make the whole thing feel integrated and smooth!
Very nice. I also like the Pop Up video idea. Here is something from Mozilla Webmaker that might help with that...or at least give you additional ideas.
For me the interactive video approaches like these that are made possible by Storyline are one of the most exciting features of it. It's unfortunate that none of this will work on Mobile Safari because you get that "Play" button that messes everything up - I can just about persuade clients that learners can download the Articulate player app for the iPad, but since there's not yet any equivalent for the iPhone as far as I'm aware, my clients won't accept any of this cool stuff
Jeanette - I think the problem is when the pop up comes up and the video keeps playing. If you have an unattentative viewer, the pop-up will show up and disappear before they can click on it. I think the video should stop until you click on the pop up which will provide the viewer an incentive to actually click on it.
As an alternative interactive video. Have you thought about making it like the old "Choose your Own Adventure" stories. Where the outcome of the next video depends on your choice, and the conclusion (score) of the course depends on your choices?
I was able to finally see the 21 JumpStreet video and it was very fun. ( I was at work before). I think what will be real hard is to entice the viewers to actually press the information buttons to execute the questions on a subject matter they are not engaged in. I think the option of having a pop-up like in VH1 Pop up video might make a good choice if your clients wants to make sure the viewer get the info.
While the hand tracking isn't something most of us can do, the illustrated gesture navigation sure is a creative way to jump to specific clips in the video.
That is pretty cool. This wouldn't be a hard effect to replicate. It will take some creativity though. I was able to do something like this with flash. You can import the video into flash and then animate the hand tracking gesture in sync with the hand movement. It could be a simple static image (the only movement would be from it moving around) with a blur effect. Of course if you wanted the illustrated gesture to be animated as well, such as a silhouette over somebody walking, then it would take a lot more effort on part of the artist.
Since we are using an airport as an example, this could probably be used to identify suspicious behavior among the travelers or items in the area.
Jeanette - I think the problem is when the pop up comes up and the video keeps playing. If you have an unattentative viewer, the pop-up will show up and disappear before they can click on it. I think the video should stop until you click on the pop up which will provide the viewer an incentive to actually click on it.
As an alternative interactive video. Have you thought about making it like the old "Choose your Own Adventure" stories. Where the outcome of the next video depends on your choice, and the conclusion (score) of the course depends on your choices?
Very cool Montse! Thank you for sharing!!!
I agree with Jerson's point - it was exactly what I was thinking of when I was watching it!
If the questions are more important than the video you perhaps need to put something at the front that encourages learners to keep an eye out for the question marks - perhaps make it into a game - you could put a points tally in the corner and/or a countdown etc. This will keep learners 'looking' for the questions, but may take some of their attention away from the video, so figuring out the relative importance would be useful I think :)
I also agree with Daniel who noted the need for a soundtrack of some kind - there are quite good ambient soundtracks of airports and customs checks available and it would make it feel a little more real.
Obviously the video is just a placeholder so there's no audio. But assuming that this was the real video, it's a good discussion to have about ambient audio and where it fits and where it doesn't.
Another idea is the option to close the screen when done. I think I'd either close it on submit (provide some feedback that the answer was received first) or I'd have a continue button appear by the submit button. The cursor's there. Having to move up to the top to close it out, seems like extra movement.
Great job on the demo, though. We'll use it as an example in our workshops.
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...
72 Replies
Hey Montse
LOVE that concept, really lovely.
I was instinctively going to say "5 questions", which is I think what you ended up with.
The video appears to carry on when the questions are being answered - can you get it to "Pause"?
Bruce
I really like the presentation!
I experienced the same as Bruce - the video kept playing in the background while I was working on the question. This will be an issue since you won't be able to control how long a person takes on each question (unless you can pause the video as Bruce suggests).
Taking a slightly different tact, are you familiar with the VH1 "Pop-up video" shows? It's basically music videos with pop-up facts either directly or even indirectly related to the video, artist, or something mentioned in the song. So perhaps you could do something similar with your facts and then just include the quiz at the end? (Or is that what your clients were trying to "solve"?)
Perhaps breaking up the videos into smaller chunks would work, with the question at the end of each chunk.
Using your sample video, you could first stop it at the same point (where the first gentleman puts his bag on the belt) and then phrase the question in a scenario, perhaps like "The screener identifies the following items. Which one is a violation?"
And then you would move on to the next section of video, which is an issue with next traveler's items.
And, if you have the liberty to inject some fun, you could play a record-scratching or brake-squealing sound with a big WAIT! or HOLD ON! graphic when you stop the video to ask the quesiton.
Again, a great start!
Nice work. Agree, getting the vid to pause would help learners understand what you are trying to do. And maybe it's just me, but it seems a light soundtrack is called for. Seems a bit odd to have a normally relatively loud scene (airport) be silent. Thanks for sharing.
Very cool concept. Well done.
Adding the scoring wouldn't be difficult either.
Great example. Great movie too - I laughed so hard when I watched it.
Cheers!
Love this, Montse - thank you for sharing it! I'm not seeing the issue of the video playing continuously when the questions pop up... it pauses as expected. Maybe it's been updated? I especially like the transition on the slide layers and the blurred background that appears behind the quiz questions - those effects really make the whole thing feel integrated and smooth!
Very nice. I also like the Pop Up video idea. Here is something from Mozilla Webmaker that might help with that...or at least give you additional ideas.
https://webmaker.org/en-US/projects/make-pop-video/
Great demo!
For me the interactive video approaches like these that are made possible by Storyline are one of the most exciting features of it. It's unfortunate that none of this will work on Mobile Safari because you get that "Play" button that messes everything up - I can just about persuade clients that learners can download the Articulate player app for the iPad, but since there's not yet any equivalent for the iPhone as far as I'm aware, my clients won't accept any of this cool stuff
Jeanette - I think the problem is when the pop up comes up and the video keeps playing. If you have an unattentative viewer, the pop-up will show up and disappear before they can click on it. I think the video should stop until you click on the pop up which will provide the viewer an incentive to actually click on it.
As an alternative interactive video. Have you thought about making it like the old "Choose your Own Adventure" stories. Where the outcome of the next video depends on your choice, and the conclusion (score) of the course depends on your choices?
The problem to which I alluded seems to have been amended - the main video now pauses when I click on the "X"s to get the questions.
Looking good.
Bruce
We need a "Like" button!
Thank you everyone for the great feedback!
I updated slide properties to pause base layer so now it plays properly.
The airport clip is silent but it's just a placeholder clip for the "real" project, which is confidential (you know how that goes).
The pop up video idea is another one. This project is a little formal but I'll give it a go and share how it turns out.
Thank you everyone!
Montse-
I LOVE it! Really nicely done. Any chance you could make us a quick screenr to show us some of the main functionality?
I was able to finally see the 21 JumpStreet video and it was very fun. ( I was at work before). I think what will be real hard is to entice the viewers to actually press the information buttons to execute the questions on a subject matter they are not engaged in. I think the option of having a pop-up like in VH1 Pop up video might make a good choice if your clients wants to make sure the viewer get the info.
NYTimes just published a really great example of interactive video:
What Romney and Obama’s Body Language Says to Voters
While the hand tracking isn't something most of us can do, the illustrated gesture navigation sure is a creative way to jump to specific clips in the video.
That is pretty cool. This wouldn't be a hard effect to replicate. It will take some creativity though. I was able to do something like this with flash. You can import the video into flash and then animate the hand tracking gesture in sync with the hand movement. It could be a simple static image (the only movement would be from it moving around) with a blur effect. Of course if you wanted the illustrated gesture to be animated as well, such as a silhouette over somebody walking, then it would take a lot more effort on part of the artist.
Since we are using an airport as an example, this could probably be used to identify suspicious behavior among the travelers or items in the area.
Very cool Montse! Thank you for sharing!!!
I agree with Jerson's point - it was exactly what I was thinking of when I was watching it!
If the questions are more important than the video you perhaps need to put something at the front that encourages learners to keep an eye out for the question marks - perhaps make it into a game - you could put a points tally in the corner and/or a countdown etc. This will keep learners 'looking' for the questions, but may take some of their attention away from the video, so figuring out the relative importance would be useful I think :)
I also agree with Daniel who noted the need for a soundtrack of some kind - there are quite good ambient soundtracks of airports and customs checks available and it would make it feel a little more real.
https://player.vimeo.com/video/204931039
Here you go!
Very elegant demo.
Two interesting discussions for a workshop:
Great job on the demo, though. We'll use it as an example in our workshops.
Thanks for the screenr
I found another fun example of interactive video. Seems like it would be simple enough in Storyline.
@Tom - great feedback on how to handle the content layer and the close button!
Congrats on your great job.
I really like what you have created in these forums: a real community of practice.
#Articulate staff: will you make your forums mobile-friendly? It is hard to read the posts on the phone (let alone the links to samples)
Thank you!
Congrats on your great job.
I really like what you have created in these forums: a real community of practice.
Can anyone show me:
Thank you so much!
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...