I put together a little loading animation for a client's project. I wanted to share this example with the Storyline Community. I welcome any and all feedback.
I do not see anything typed in your response above. Were you just hoping to follow the conversation or did you have a question that we can assist with?
Thanks Curtis. You're absolutely right, even if a module is loading slowly, it will load what it needs to load before or after this animation, likely wherever a large number of triggers are doing their thing. Also, this screen won't be immune if a module is sluggish or displays high latency due to an internet issue.
I built this particular animation for a project geared toward call center employees who are tasked with grading their own calls. Sometimes I like to build a little anticipation before a results screen is displayed. Even though we know that the results screens we use, custom or native, are just displaying the output of input + logic, my intent is to help gain buy-in from the learner by making it seem like their input, their responses are being carefully considered and calculated. I don't have empirical data on whether this works or not - :) - but it's a technique I use occasionally rather than having a results screen pop up immediately.
Another use in eLearning might be to mirror (actually necessary) gaming loading screens: While a longish animation is playing, the learner can be shown brief snippets of text such as best practices, inspirational quotes, or UI "did you know" info. I'd be interested in other designers' experiences with 'faux' loading screens. There's probably some interesting learner psychology in play.
It looks nice, not sure I see the use for a 'faux' loading screen. Unless you were actually doing an animation about how frustrating loading can be.
However, it would be nice if we we're able to replace storylines built in pre-loading animation. Something I have looked into changing before but it seems it isn't possible. Maybe something for the future Articulate?
That totally makes sense. I thought maybe that was the idea behind this. It is a really slick native Storyline animation. I usually code any animations that are complex in HTML5. Nice job.
This is great. The ultimate goal is to create an experience that feels meaningful and to make the student feel accomplished. A short animation that simulates 'processing' is a great way to convince them.
11 Replies
Nice James - thanks for sharing the source file!
Thanks James - love to see these cool examples!
This is really cool, and would add extra sparkle to an eLearning project. What an outstanding first impression to give to your learners.
I have wondered how to do something like this, and now I know!!
...
Hi Derick and welcome to E-Learning Heroes :)
I do not see anything typed in your response above. Were you just hoping to follow the conversation or did you have a question that we can assist with?
Thanks John!
Looks great. It is not really preloading anything what are you going to use it for?
Thanks Curtis. You're absolutely right, even if a module is loading slowly, it will load what it needs to load before or after this animation, likely wherever a large number of triggers are doing their thing. Also, this screen won't be immune if a module is sluggish or displays high latency due to an internet issue.
I built this particular animation for a project geared toward call center employees who are tasked with grading their own calls. Sometimes I like to build a little anticipation before a results screen is displayed. Even though we know that the results screens we use, custom or native, are just displaying the output of input + logic, my intent is to help gain buy-in from the learner by making it seem like their input, their responses are being carefully considered and calculated. I don't have empirical data on whether this works or not - :) - but it's a technique I use occasionally rather than having a results screen pop up immediately.
Another use in eLearning might be to mirror (actually necessary) gaming loading screens: While a longish animation is playing, the learner can be shown brief snippets of text such as best practices, inspirational quotes, or UI "did you know" info. I'd be interested in other designers' experiences with 'faux' loading screens. There's probably some interesting learner psychology in play.
It looks nice, not sure I see the use for a 'faux' loading screen. Unless you were actually doing an animation about how frustrating loading can be.
However, it would be nice if we we're able to replace storylines built in pre-loading animation. Something I have looked into changing before but it seems it isn't possible. Maybe something for the future Articulate?
That totally makes sense. I thought maybe that was the idea behind this. It is a really slick native Storyline animation. I usually code any animations that are complex in HTML5. Nice job.
This is great. The ultimate goal is to create an experience that feels meaningful and to make the student feel accomplished. A short animation that simulates 'processing' is a great way to convince them.
This post was removed by the author
This discussion is closed. You can start a new discussion or contact Articulate Support.