Adobe Captivate: Simple, Clean eLearning Design

Lately I’ve been feeling a “need” to be creative and unleash some of my artistic skills. I’ve been on a roll and producing tons of graphic designs for my blog over the last few days. I must say, it’s great to have this blog as an outlet for my energy and to share my creations. I really appreciate the support everyone’s been showing, as well as the positive comments and feedback.

When I had my latest burst of creativity, I created some brand-spanking new sample eLearning slides, using Adobe Captivate 5.5., for my portfolio.

A few comments about what went into the design:

  • I like using rectangles with rounded corners. I feel like it “softens” the design, as opposed to really sharp and angular rectangle edges. I I use them a lot lately.
  • I started out with the photo of the business woman with the headset, and then picked up the light blue background colour from her shirt using the eyedropper tool in Captivate. That’s how I picked my colour scheme.
  • I love using photos with white backgrounds, or getting rid of the background altogether (as I did with the woman in this example). It looks clean and less cluttered than images with busy backgrounds.
  • Here the duration is visible but I often remove the duration, which is visible at the bottom of the Table of Contents, using a widget. Very handy when you don’t want to display duration.
  • The fonts are Dear Joe and Calibri.
  • For the Incorrect and Correct slides, I copied ans pasted the question slide, then overlayed a grey rectangle with medium transparency. I added the “Correct” and “Incorrect” feedback on top. I like the faded-out background effect.

Anything you like or dislike about this course design? I love to hear feedback and ideas, so feel free to leave feedback and comments.

5 thoughts on “Adobe Captivate: Simple, Clean eLearning Design

  1. MDD says:

    Nicole,

    Really like the simple and clean look and feel. Personally, I think simpler is better in most cases and we live in such a cluttered world anyway. Why add more clutter?

    Good Job.

    Thanks for sharing,
    Mark

  2. Bojan Živković says:

    I agree with previous comment. Simplicity is perfect Italian’s says and I agree. Not only simple can be beautiful but also easy to understand and use for most of the people. Many experts and instructors do not know importance of simplicity. I know many people who works 10 or more years on computer at his jobs and do not know how to change search provider for example. How to expect from these people to follow and use new technologies, layouts and other possibilities new technology has to offer.

  3. rae_jay says:

    I support the comments above – love this clean look. The shade of blue is a good choice – very easy on the eye. I really like the decorative font as well. Very nicely done!

  4. Mylene says:

    You can change the words in the TOC like Slide Titles, Duration, etc., you have to create a file TOCStrings.ini (in Notepad) and save the file in C:\Program Files\Adobe\Adobe Captivate 5. Follow the instructions of this site: http://blogs.adobe.com/captivate/2009/02/changing_default_captions_in_t.html

    Image 1. Default TOC

    Image 1 shows the default captions in TOC that Adobe Captivate creates. Captivate allows us to change the captions in TOC so that the TOC can look like the example shown in Image 2.

    Image 2. TOC with changed captions

    Now let’s see how we can do it.

    Well actually it is very simple. Just create a text file with the following text in it.

    —–>

    [TOCStrings]

    SlideTitle=Module Name

    Duration=Time

    Status=State

    MoreInfo=My Info

    Clear=Wipe

    ClearToolTip=Wipe State

    BookMarkToolTip=book-marking

    NoSearch=String not found

    CurrTime=what

    <—–

    and save the .ini file in C:\Program Files\Adobe\Adobe Captivate 5
    Follow instructions of this site : http://blogs.adobe.com/captivate/2009/02/changing_default_captions_in_t.html

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s