Imagine that you're trying out a new technical product. You're excited about the possibilities of how this product can solve a problem for you. You know that there will be a learning curve, but you hope that will be less of a pain point than the problem you are trying to solve.
But when you get into the product, you quickly get overwhelmed by a busy interface and too much noise on how to use it. It's so complex that it loses that shiny excitement you felt at first. You end up never really even getting started.
I'm fascinated with using SUI for various customer education content, and have previously written about SUI images and animated GIFs. But where does SUI fit into video?
The above example is a recording I grabbed (with Snagit) while my latest Camtasia upgrade installed. The "video" is similar to an animated GIF, but it's a little longer and shows more than one task, though in a more conceptual, rather than in a step-by-step way.
I've been thinking about SUI for a while and wanted to find ways that I could incorporate it into my content. But the trick is that while grabbing a screen recording is fairly easy, a more simplified version is actually more time consuming to plan and produce. I wanted to see how SUI could have a place in my videos and still remain affordable.
I know there are a number of benefits to using SUI in video that might justify the higher cost for development anyway. The SUI helps focus the viewer's attention on the simplified contents and reduces cognitive load. This means the viewer is more likely to remember important aspects of the video later. (Though I'm not aware of any studies that have specifically asked this question - yet.)
Another benefit of using SUI in video is that sometimes it's just not practical to screen record an example. It seems counter-intuitive, but sometimes it really is simpler to simulate the environment and the exact pieces of content that you want to illustrate than to try to get an environment perfectly prepared for a screen recording. And in some cases, you may only get one shot at a recording.
Using a SUI approach reduces the stress of having to get the recording right with only one take. And you can use SUI elements to cover up personal or localized details. In the example below, some of the details are in Swedish, but since those details aren't important to explaining this concept, I just masked them.
This example brings me to pointing out a difference between SUI images and video. Sometimes, the motion is a really important ingredient for explaining a concept.
The use of SUI in videos seems to be limited to small snippets of a larger video, like in this example, or with micro-videos of less than a minute long.
I talked with Matthew Pierce, Learning & Video Ambassador for TechSmith. He's got a number of suggestions when planning to use SUI in video. First of all, you have to approach the building process for a SUI video differently. It's more like creating an animation, rather than a screen recording. You'll want a good storyboard showing the basics of what you want to include, perhaps with some instructions on how to approach the movement of each individual piece of the visuals. It might be helpful to do an actual recording to help you understand everything that's happening in the procedure you want to illustrate, and reverse-engineer to the storyboard to help with building the animations.
On the other hand, you want to keep the animations as simple as possible and limit the number of things shown at one time. Remember the goals of reducing the viewer's cognitive load (to help them better remember) and making the video more immune to future UI changes. It's not a time to get fancy and show off all of the cool things you can do in Camtasia.
Matt says that at TechSmith, they use art from UX designers, make some images based on UI designs and graphics provided, and have some basic interface elements available as Snagit Stamps. (It sounds like they have quite a library of images to reuse in different ways). There may be 15-20 image pieces for a simple Camtasia animation.
We talked a bit about a problem I'd come across in my early attempts to "cover up" in Camtasia screen recordings. In a basic recording, you get the screen and cursor both - they are somewhat separate, in that you can control the opacity, scale and some other features separately, but they aren't truly different layers. So you can end up with an annotation (whether text or shape) masking the cursor movement. Matt says that at TechSmith, they solve this problem by using a separate cursor image, which is animated to look like it's pointing and clicking. Another benefit to taking the few extra steps of animating a cursor is that you don't have any of those inevitable mouse wobbles that I don't always notice when I'm recording, but that become super obvious when I'm editing.
Let me know in the comments if you have any of your own applications, benefits or tips for using SUI in video.
For more on Snagit: https://www.techsmith.com/screen-capture.html
For more on Camtasia: https://www.techsmith.com/video-editor.html