I get a lot of requests for software demos and quick tutorials. I also do quite a few webinars. Because of this, I am always figuring out just the perfect screen resolution for my software applications.
Another challenge is that most screencasts are recorded at a higher resolution than used in the elearning courses. You may record a full screen demo and then have to squeeze it down to something like 1024×768. And any time you scale a screencast down you’ll run into some image degradation.
The good news is that as monitors get bigger scaling down won’t be as much an issue. As you can see in this post, 85% of the monitors have a screen size larger than 1024×768.
Ideally we can scale the software down to the desired recording resolution. But that’s not always possible. Some software has restrictions on how much you can scale the window down. They do this because if you scale too much the user interface gets messed up and makes it difficult to use.
Above is an example of a PowerPoint screen scaled down to fit in a small recording window. As you can see, the user interface is trashed. While the software is functional it is not what the end user sees when they open up the application.
I have similar concerns when I do webinars and share application screens. During those I have to determine the best size to share the software. I like to keep the size of the applications the same. This way when I am switching between applications it’s as seamless as possible and the person watching the webinar doesn’t have to resize the viewing window.
Following is a simple trick that I use to quickly get my various software applications to the right size whether I’m doing a screencast or webinar.
Create an image file that represents the screen resolution you need. When you want to record a quick screencast or share an application, set the image as your desktop image. After that, place the application on top of the image and scale it to fit. Then draw the recording window around the application.
I have all sorts of preset images that I can switch depending on the software I need to share.
Here’s an example of what I do:
Let’s suppose I am recording some PowerPoint tutorials. I’ve played around with some settings and realize that I can get the best looking UI if the window is 1096 pixels wide. I also want the window to be 4:3 aspect ratio.
So I need to figure out what the proper dimensions are for a 4:3 aspect ratio that is 1096 pixels wide.
Calculate the 4:3 aspect ratio using the 1096 width. I use the aspect ratio calculator. A 4:3 aspect ratio starting with 1096 is going to be 1096×822.
Create a graphic that is 1096×822. I prefer a solid white graphic. You can make it a few pixels bigger if you like so there’s a margin when you record.
Save the image as 1096×822.png or powerpoint.png. I like to save by application name so it’s easier to locate.
Set the image as your desktop image when you’re ready to record. And then make sure it’s centered.
Place application over desktop image. Anytime you want to record an application, select its matching display image and then you can quickly align to the box. I find this really helps when I record with Screenr or when I do webinars.
That’s basically it. You create an image of a certain size and then anytime you want to do a screencast, switch your desktop background to the image and center it. Place your application over the image and you’re all set.
I’m always switching between applications and screencasting products like Screenr and Storyline. So I find this works well for me.
Bonus Screencasting Tips
- Add a branded image. If you want to add a branded look for your Screenr (or screencast) videos, put your logo or tag line on the desktop image. Here’s a quick screencast I created to show what it looks like. I did a quick PowerPoint tutorial & added the community logo and link to the image. You could also do this for your webinar software demos. Here’s a tutorial that explains how to add the logo.
- Create an image that’s off to the side. This works great for webinars or screensharing where you can select an area of the desktop to show. Select the image area and then slide the applications in and out without having to worry about resizing the applications. Here’s a tutorial that explains how.
These tips should help if you want a simple way to quickly set up your desktop applications for sharing whether through a screencast or webinar.
Upcoming E-Learning Workshops & Events (2015)
- September 23 & 24 (Vancouver). Community-based elearning workshops focused on practical tips & tricks. You can register for one day or two days. To learn more & register, click here.
- September 29 (Las Vegas). Want to learn to get the right look and feel for your courses? Join David Anderson and me for a fun and active hands-on workshop. This topic is by far one of the most popular of the ones we've covered in any of our workshops in the past.
- September 30 (Las Vegas). Going to Devlearn? Swing by the Articulate booth and say hello.
- October 28 & 29 (Philadelphia). Community-based elearning workshops focused on practical tips & tricks. You can register for one day or two days. To learn more and register, click here.
- November: Just added! I'll be in London, Dublin, Berlin, Paris, Belgium, and Utrecht. Details coming soon.
Free E-learning Resources
Want to learn more? Check out these articles and free resources in the community.
Here’s a great job board for elearning, instructional design, and training jobs
Participate in the weekly elearning challenges to sharpen your skills
Lots of cool elearning examples to check out and find inspiration.