Skip to content

A podcast for those who design, develop and run websites.

Boagworld is the personal website of Paul (the Wurzel) Boag who lives in the heart of rural Dorset. He produces a weekly podcast along with Marcus (pop star) Lillington on all things relating to building and running websites.

Latest shows

138. Freeform
In this week's show the entire boagworld production team answer listener questions.
137. Adobe
In this week's show, Aral Balkan joins us to discuss the release of Adobe CS4 and we discuss how not to get blacklisted by google.
136. Stagnation
In this week's show we talk about overcoming stagnation and Ed Merritt shares a technique to achieve fixed footers without the use of javaScript.
135. Libraries
In this week's show we talk with John Resig on javaScript libraries and address the question what is more important when we release an app: speed or quality?
134. Chrome
In this weeks show we give you advice on choosing the right hosting company, Teifion and John send us a review of dConstruct and of course we discuss the release of Google Chrome, can it topple IE?

or view all shows

Have your say

Leave a message for the show...

Buy my book: The website owners manual. A book for all those involved in designing, developing or running websites on a daily basis.

Creating screencasts

Published on: June 12, 2008 by Paul Boag

Video is becoming an intrinsic part of the web and not just dumb ass videos on YouTube. Video can be used to show off products and provide online presentations. But how do you create a high quality screencast on a budget?

I seem to be creating a lot of screencasts lately. Whether it is recording a keynote presentation or demonstrating some web work, it is a useful way of communicating information.

Here are a few tips that I have picked up along the way.

Add talking head video

Most screencasts are either a powerpoint style presentation or video of your desktop. However, if you want more impact and to better engage with your users, add yourself talking to camera. This really grabs attention.

Image of a presentation I recorded using myself speaking to camera

Have a clean background

If you are recording yourself in-front of a busy background it looks unprofessional. Think carefully about what is behind you. If in doubt record against a plain wall. Also, remove all unnecessary icons from your desktop and make sure your wallpaper is simple and appropriate.

If it's important, script it

If you are demonstrating an idea to a work colleague then by all means record it spontaneously. However, if it is something more important, write a script that you read. It is surprisingly hard to record live to camera and a script helps a lot.

Try an online teleprompter to prevent your eyes continually flicking down to read your script. I have the following setup to ensure my eye line is as close to the camera as possible.

Photograph of recording setup

Use decent equipment

Do not rely on your laptops inbuilt mic and webcam. The quality will suffer. Instead, I plug in my camcorder via firewire and record from that. Audio I capture through a Samson C01U mic.

Check out screenflow

By far the best screen recorder I have found is Screenflow for the mac. It is amazingly easy to use and can capture full screen video. If you are a Windows user then take a look at Camtasia. Unfortunately it is considerably more expensive and not as good but it is the best I have found for Windows.

A Screenshot of Screenflow

Normal presentation techniques apply

As with any presentation it is important to be enthusiastic, clear spoken and engaging. Avoid becoming monotone as you speak and make sure you don't sound as if you are reading.

Choose your player wisely

Think about how you are going to add the video to your website. Not all online video services are equal. Personally I like Vimeo. It places few limitations on file size or length. That said, all of these services compress the hell out of your video. If the quality is poor I suggest hosting the file yourself and using the JW FLV Media Player. Despite the name can play a variety of video formats.

That is what I have learnt so far. Do you have any additional tips you could share? I would love to hear your thoughts.

Comments

Comments are for the discussion of this post. If you have other questions / comments then post them to the forum or send me an email

  • Post by James on June 12, 2008 1:49 PM

    How would you go about recording yourself as well as your screen like the example without screenflow? At £65 I think that is a bit steep for a screencast program, also Leopord only.

  • Post by paul Boag on June 12, 2008 2:11 PM

    @James... steep? The Windows program I mentioned is $299! £65 is a bargain! As for how you would achieve this without a program like Screenflow; I don't think you can. That is why its a bargain.

  • Post by Rob Feature on June 12, 2008 2:27 PM

    What timing! We just recently did an episode about screencasting on the Mac on our podcast. (I think Paul is spying on us ;) )

  • Post by Todd Dietrich on June 12, 2008 7:40 PM

    Thanks for the post. I've been giving some thought recently to doing some screencasts, but I never really got around to researching the best screencasting software. After reading your post I read over at MacWorld that Apple awarded ScreenFlow "Best Mac OS X Leopard Graphics and Media Application" and "Best Mac OS X Leopard Application." I'll definitely have to give it a try. Thanks again and keep up the good work!

  • Post by Andrew Pryde on June 12, 2008 8:30 PM

    Nice post. Myself I have always used camtasia to create my screencasts as I am a poor old XP user. Why don't we get the same price as our americans get on apple hardware? :'(

    Andrew

  • Post by Richard Ogima on June 12, 2008 11:08 PM

    Hey Paul, I want to first of all thank you for some of the helpful resources and tips I have found on your site, real cool. About Screen capturing, this small program might be useful for what you want to achieve. It has worked for me on several projects. I am not sure if it works for Mac. It is free too.

    http://camstudio.org/

  • Post by Ben Dunkle on June 14, 2008 1:08 PM

    For screen capture, check out the (free?) Jing:

    http://www.jingproject.com/

    I've always used Snapz on my mac, but I'm giving this program a try.

  • Post by Richard Ogima on June 17, 2008 3:07 AM

    Hey thanks for the Jingproject link. It has a great tutorial video and looks like it works well. I love that we can get a whole of good stuff these days for free.

    Richard

  • Post by wendy phillips on June 30, 2008 7:38 AM

    Some time ago I used Cam Capture Pro for screen casting; the smoothness, ease of use and audio quality was superb. I haven't used it for a while but here is the link http://www.capturecampro.com/

Leave a comment

Additional Information

Supporting boagworld

Boagworld only exists thanks to the kind support of the following people. Check them out.

Speaking and writing

Generated by FeedInformer