• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Remkus de Vries

Curiously Questioning Everything

Menu
  • About
  • Updates
  • Blog
  • I read
  • Contact
  • Events
  • NL
  • Remkus de Vries
  • About
  • Updates
  • Blog
  • I read
  • Contact
  • Events
  • NL

Sharing

Demo Screencast Preparation Steps

Remkus wrote on 8 July, 2016

I love discovering new cool WordPress plugins/solutions and I love it even more if the developer has taken the effort to create a demo video of the plugin in action.

However:

Demo videos showing something in the WordPress Dashboard and there's updates and notices there?

I have an opinion about that.

— Remkus de Vries (@remkusdevries) July 8, 2016

So, let’s address that. What is my opinion about that? I think it comes across unprofessional and sloppy. There, I said it.

Now, it’s very easy to criticize something, but it takes effort to actually come up with a solution. Or rather, in this case, steps to take to prevent sloppy demo videos. On that note, I’d like to share with you the steps that I take before I start recording a demo.

Screencast demo preparation steps

Time needed: 2 minutes.

In order to produce a clean and distraction-free screencast, follow these steps:

  1. Close all non-related apps

    All non-essential apps should be turned off before you start recording.

  2. Use a dedicated Demo Desktop screen

    Consider using either a dedicated clean account on your computer, or if you’re using a Mac, use a dedicated screen for your recording.

  3. Kill all notifications.

    Make sure you kill all notifications before you start recording. In OSX you can do this easily in your the Notifications pane in your general settings.

  4. Set up a fresh demo installation

    Create a new and fresh local development environment with a domain name that reflects the purpose. DesktopServer will allow you to do that, for instance.

  5. Update all the things. WordPress, plugins, themes, and translations. Yes, all the things.

    Not having any updates available will allow all those OCD viewers of your screencast to focus on the actual screencast.

  6. Dismiss all notices in the Dashboard

    All those upgrade and other kinds of notices are distractions. Perhaps even use a clever way to hide and combine all those notices, but that’s a different subject 😉

  7. Hide the toolbar, bookmarks in your browser

    There are possibly personal and/or private links in your bookmarks bar, so it’s probably better to remove it while recording.

  8. Hide all the browser extensions and plugins

    This is easily done by either using a private browser window or to slide the address bar all the way to the right.

  9. Make sure you have a fitting desktop wallpaper if you have the possibility it might be shown when clicking around

    If you’re recording your entire screen and you need to click around to show what you want to show, you may want to consider a friendly background image.

That’s my demo preparation checklist. Obviously there are some things to consider when actually recording as well:

  • Use a storyboard if it’s a long demo with lots of steps
  • Do a proper introduction starting at the beginning
  • Explain your steps while you’re doing them. Don’t assume the audience knows why you click somewhere
  • Get a proper microphone that records something that’s actually similar to your voice
  • Do a proper recap

So there you have it. Problem and solution. I’m sure there’s tons of smart stuff you folks do as well when creating demo videos and I’d love for you to share them in the comments!

Further reading

  • On Theme Onboarding in WordPress

Topic: WordPress Sharing

Primary Sidebar

Content Views

  • Aside
  • Audio
  • Quote
  • Video
  • Images

Find me here

  • Forsite Media
  • ThemeMix
  • WordPress Support

Be Social

Copyright © 2010 – 2021 Remkus de Vries
WordPress hosting by Servebolt