Categories

Friends

A Few Hints for Tutorial Videos

A client recently needed some help on setting up video tutorials on her website. I realized that this info is probably of value to just about everybody, so here it is. Disclaimer: these are my opinions as to what constitutes an effective tutorial and this is by no means authoritative.

  • Initial capture:
    1. Script out the mouse clicks and screens that you want to hit in order (sometimes I do this in PowerPoint)
    2. Capture that workflow in a video with Camtasia or Captivate (possibly run the PowerPoint in another window for visual queues OR just print it out)
    3. Edit LIBERALLY to get tutorial down to final runtime
    4. Play video and record VERY rough voice over to get the basic structure down
    5. Replay voiceover and transcribe into a script, editing for brevity
    6. Read your script while the final video is playing and capture audio
    7. In Captivate or Camtasia, marry the audio with the video
  • Stay away from the post-it style popups that are so popular in Captivate … people are way too impatient to read in a video, so these are not effective (example: subtitled films don’t do well)
  • Instead, to highlight content or actions, perform a ZOOM in the video editing software
  • When doing the VO, keep a consistent distance from the mic. I’d say 12 – 14 inches if you have a standalone mic. If it’s clip on or headset, then ignore this.
  • I like audible clicks and typing sound effects in tutorials.  In Camtasia, this is one click box.
  • Make sure the volume is fairly loud, but not blaring on the final version … people always have their speakers wayyy too low
  • If this is an intro-style of video, it should be really fast, like 30 – 45 seconds (you are telling your audience that your service or product is as easy as 1-2-3 … so REALLY make it as easy as 1-2-3)
  • Unless you have an insanely complex form (and if you do, you might consider redeveloping it), when demoing a form being filled out, show the beginning of filling out a form, then do a blur transition to “fast-forward” to the completed form.  If you must, fast-forward blur to the challenging parts of the form and in your voiceover, give users clear, concise direction.  Or, like I said, redevelop.
  • Break non-intro tutorials into 1 minute to 1:30 chunks
  • Use an SEO-friendly player like Longtail

That’s a messy, incomplete set of guidelines to making an effective tutorial.

1 comment to A Few Hints for Tutorial Videos

  • Nice post, Jason.

    And, another tip is to consult with an instructional design professional, who has experience with adult learning theories and methods.

    The most effective tutorials are those where a solid Needs Analysis has been performed before the recording session, for the most effective learner performance outcomes!

    @jenisecook

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Client Testimonial

See what is being said about topLingo.

ZyXEL Communications

"Just a brief note to express my satisfaction with topLingo..." ZyXEL interviewed many firms when planning a complete overhaul of its large and outdated website. We've got a great many products that formerly had not been properly categorized, making visitors' searches nearly impossible.

Case Studies

Tap into our design chi.

topLingo Portfolio

Stalk Us

Sure, we don't mind.

  • LinkedIn topLingo
  • flickr topLingo
  • twitter topLingo
  • facebook
  • YouTube topLingo
  • vimeo topLingo
  • RSS topLingo

Make Contact

Get in touch with us.

Call: 1.877.87LINGO

Email: us@topLingo.com

topLingo Location15707 Rockfield Blvd.
Suite 105
Irvine, CA 92618
Map It / Get Directions