Acrobat 9: Tables in the Clouds

 
I've written previously about Adobe's amazing online service– Acrobat.com. Elegant, useful and FREE! Aside from online file storage and file sharing, there is a nice word processor called Buzzword. Many of us raced to sign up for the service, and have even opted to upgrade to the pay service for more functionality.  Acrobat.com Premium is $39 monthly, or $390 per year. Some of the perks include unlimited online PDF creation, 20-person meetings online and larger file sharing.

Not sitting still with this nice offering, Adobe has continued to work on new and improved services. I recently wrote about the cool online application at https://labs1.acrobat.com–Presentations (a quick way to produce PowerPoint-like presentations online WITHOUT the need to have Powerpoint on your computer).

The latest offering to come to the public's use is called Tables.  Using Tables, Adobe has offers you with an spreadsheet program (similar to Excel). These online tables can be shared with others simultaneously!  Two or more coworkers can have the same online-based file open at once, and the service keeps track of everyone's changes & shows them in real time to others.

Don't let the title TABLES lull you into thinking that your files are simply tables (in the word processing way). Columns can be formatted for specific data types, attributes such as decimal places can be defined, and calculations are also available. Data can be sorted and filtered.

Tables in the Cloud

To try out Tables, visit https://labs1.acrobat.com. If you do not have an Acrobat.com account yet, sign up for one. It's free. Play, enjoy, and stay tuned.  I'll bet there's something new and cool up ahead and online.

***

Come learn Acrobat! Join Dave online and learn, hands-on, how to unlock the power of Acrobat. Click here for more details.

***
 
David R. Mankin is a Certified Technical Trainer, desktop publisher, computer graphic artist, and Web page developer. He is an Adobe-Certified Expert in Acrobat.

eLearning: More Tips for Using Graphics

by Al Lemieux

Last week, you were introduced to tips on using graphics in eLearning and learned about graphic size, visual hierarchy and text breaks. This week, appropriate imagery, figures for learning, and charts and graphs.

Appropriate Imagery

Some educators draw on libraries of stock photography and "found" images for their course graphics. More often than not, these images are only marginally related to the course content. True, they add visual breaks in the story, but they often fall short in supporting course content. A common example that we've all seen is business courses that use stock photos of executives and secretaries sitting at desks and talking on phones, but who are not actually doing anything related to the course material.

The challenge here is to build cost-effective courses. A typical photo shoot, with all of its models and studio expenses, can be quite pricy. But there are some great traditional stock-photography agencies that sell royalty-free photos for reasonable prices. The web has also become a tremendous source of content-specific images. The Stock Xchange, iStockPhoto, Creatas, Veer and other agencies have a wide variety of image categories related to specific areas of business. Most times, you can order these photos online, download comps, and use an online lightbox to view and select graphics. Of course, be careful to follow appropriate copyright guidelines when acquiring online imagery!

Over the years, SyberWorks has built its own library of in-house photos, which continues to grow. These images are a great resource for our courses, but if we need something more, we ask the client if they have a library of pertinent photos. Some larger corporations, for example, use their own targeted marketing images for sales collateral. If available, your own organization's images may lend themselves well to a related course.

Finally, more and more public-domain photos are becoming available. Often, they have outlived their copyrights and are now freely available. You should especially consider public-domain photos if you are building a historical course.

Figures for Learning

Figures and diagrams with supporting text can really help learners accomplish your course objectives. Edward Tufte has written several superb, classic books about the effectiveness of figures, diagrams, charts, and graphs. Tufte single-handedly changed information design, as it is called, with the publishing of "Visual Explanations." Creating figures and diagrams to support courses is a craft in itself. Basically, the most effective supporting graphics can quickly convey important information that their corresponding text descriptions cannot. It is extremely important that such graphics be appealing, easy to understand, and adequately labeled.

These images should help learners achieve specific instructional goals. A plain image of a semiconductor with supporting text may be enough for some learners, but the same image, with labels and arrows that are referenced in the text, can be much more effective for others. So always target your image presentations toward all appropriate learning levels.

Specific features of these graphics should be considered for effectiveness. Line weight, color, legends, and other features should all directly relate to, and support, course material. If there are multiple graphics within a course, consistency in design is important. Far too often, colors and styles will shift from graphic to graphic, and present a continuously changing look and feel. Learners may easily construe this stylistic meandering as a shift in topic or objective. Consistency of style and color can support broad themes, help learners to know when they are in a topic, and alert them when they move on to the next subject.

When labeling graphics, it is important to use contrasting colors and color fields behind the labels. Consider layering the labels and ordering them appropriately. Legends for color associations are very useful for charts and graphs, and the same holds true for figures and diagrams.

Charts and Graphs

Charts and graphs are very useful for conveying statistical or historical information. Most people can create charts and graphs in Microsoft Excel or PowerPoint, but these quick charts will always benefit from some additional work. For example, a pie chart that expresses a target sales quota may be presented with a specific piece of the pie enlarged, extruded, or in some other way more prominent than the other pieces. For quickly showing the relative importance of data, this is a visual parallel to the text hierarchy that we already mentioned.

Again, style and consistency throughout a course is important. You may have a series of column charts that express specific sales quotas from city to city across the country. Each chart might use gray bars for all states that are not currently being discussed and a blue bar for the state that is being discussed.

The width and height, (and now with 3-D) the depth of bars can be exaggerated, to bring attention to specific parts of a chart. Adding dimension, shading, and drop-shadows to a chart, although appealing, should be done only after the chart's basic information is being conveyed effectively. Be sure to adequately label charts, and make sure that the labels don't obscure other information or data. Legends are useful guides for reading a chart, and should be both adjacent to the chart and clearly labeled.

Another way of improving charts is to use imagery that is directly related to their topics. For example, a bar chart about populations could use silhouettes of people (instead of rectangles) for its bars. A bar chart about oil prices could use barrels of oil instead of rectangles. Every chart should be examined first for clarity and accuracy of its presentation, and then examined for alternate methods of presentation that might be employed.

***

About the author: Al Lemieux is a Senior Designer at SyberWorks, Inc. SyberWorks, Inc. is a leader in the custom e-Learning Solutions and Learning Management System industries for Fortune 1000 corporations, higher education, and other organizations. Located in Waltham, Massachusetts, the company serves the multi-billion-dollar e-Learning market. Since 1995, SyberWorks has developed and delivered unique and economical solutions to create, manage, measure, and improve e-Learning programs at companies and organizations in the United States, Canada, Europe, and other countries.

Adobe Captivate 4: Resizable Slide Note Panels? Say It Ain’t So, Joe!

by Kevin A. Siegel 

If you are tasked with recording your voice overs (narration) from directly within Captivate, a common practice would be to type your narration script directly on a slide as a note (via the Properties of a slide (click the Notes button) or directly within the Notes panel beneath the slide.

After adding the Note, it's a simple matter of choosing Audio > Record, clicking the Slide Notes tab and clicking the Record button. Of course, you'll hit a major road block if there's a lot of text on the Notes panel… since you cannot resize the panel or the Audio dialog box, you will have to scroll down to read the text you need to record. Not only is that going to be distracting, your microphone will likely pick up the click of your mouse every time you click the scroll bar.

Slide Notes Panel... it's not big enough

Did I mention that you cannot resize the Notes panel? I did, didn't I? I probably should have mentioned that it is possible to resize the panel… if you read on! 

With the Audio dialog box open, position your mouse pointer just to the left of the drop-down arrow where you see the words Caption and Slide Notes.

Area to drag when resizing the Notes panel.

Surprise, surprise… your mouse pointer will become a four-headed arrow (as shown in the picture above). All you need to do now is drag the Caption and Slide Notes panel down to detach it from the Audio dialog box. Once detached, the panel can be resized to any size you need. Hey Joe… it's so!

Notes panel resized

***
 
Need to learn the basics of Adobe Captivate 4 fast? Attend a live, 2-day online training class. Click here for more information. Looking for more Advanced Captivate 4 training? We've got you covered. Click here for more information.

***

Follow me on Twitter: http://twitter.com/iconlogic.

Adobe Captivate 4: Design Templates… The Cure for the Rogue Developer

by Kevin A. Siegel 

A few weeks ago I introduced you to Project Templates, which are perfect for ensuring consistency for all new projects. As a review, when you base a new project on a template, specific properties of the new project will be pre-determined (such as the recording size, skin used, number of default slides, etc.).

However, changes made to the template down the road will have no bearing on projects based on the template (there is no link between the template and its projects).

In contrast to Project Templates, Design Templates allow you to ensure consistency of objects in existing projects. For instance, you can set up the appearance of highlight boxes in a Design Template and apply those attributes to existing Captivate projects (just in case a rogue developer has decided to use their own colors in their highlight boxes).

Create a Design Template

On the Captivate Welcome screen, click Design Template from the Create Template area. 

Create a Design Template

An untitled template is created (named untitled.cpdt). The template contains seven slides. Save the Design template to a folder on your hard drive.

Move from slide to slide and notice that just about every object you can add to a Captivate slide is represented in the template.

Explore the menus in the Design template and you'll notice that the menu items are much more limited than in a typical Captivate project. In addition, you cannot insert any objects such as animations or text captions (there isn't even an Insert menu). And there isn't a Timeline or Library window. At first glance, there doesn't appear to be much you can do at all with this pesky template. Ah, but looks can be deceiving. The goal for working effectively with a Design template is to make objects in the template look the way you want. After that, it's a simple matter of applying the Design template to your existing projects.

Format the appearance of highlight boxes within the Design template

Go to Slide 5 of the template. There is a sample highlight box on the slide.

Right-click the highlight box and choose Properties. Change the Frame color, Frame width and Fill color as you see fit and then click OK.

Format the appearance of text captions within the Design template

Go to Slide 1 of the template. There is a sample text caption on the slide. It's transparent and using a specific font, size and color.

Right-click the Text Caption and choose Properties. Change the Caption type, Font and other attributes as you see fit and then click OK. Then save and close the template.

Apply a Design Template to a Project

Open an existing Captivate project or create a new one. Spend a few moments insert/formatting some Text Captions and Highlight boxes. Do your worst… try to make the objects look as "interesting" as possible.

When finished with your masterpiece, choose Window > Design Template.

The Design template panel appears at the right of your window. Click the Browse Template button (located at the bottom of the Design Template panel) and open the Design Template you created earlier. (Once opened, the template will appear in the Available Templates list.)

Design Templates Panel

Click Apply All from the bottom of the panel. And Bam… the attributes of the objects in the template will be applied to the slide objects in your project.

Explore the project to confirm that changes have been made. Cool! But just as cool as the changes that you might have been expecting in the project, notice that the font used in other objects such as buttons and the failure captions throughout the project have all been updated to match the settings of the corresponding objects in the Design Template.

***
 
Need to learn the basics of Adobe Captivate 4 fast? Attend a live, 2-day online training class. Click here for more information. Looking for more Advanced Captivate 4 training? We've got you covered. Click here for more information.

***

Follow me on Twitter: http://twitter.com/iconlogic.

Acrobat 9: Bridge the Gap Between PDFs

Adobe's Bridge is a powerful, easy-to-use media manager for visual people, letting you easily organize, browse, locate, and view creative assets.

I have previously written about how handy Acrobat's Organizer can be, but it is a child application to Acrobat, and can therefore not be opened on its own. Organizer MUST be opened from within Acrobat, and it closes down when Acrobat is exited.

CS4 users (earlier versions too) probably have spent time exploring and using some of Bridge's many useful features and capabilities. There doesn't seem to be too much buzz about how Bridge can work with PDF files, so I'm gonna stir things up here with some PDF-specific functionality of Bridge.

Bridge will naturally offer scalable thumbnails of your PDF files. If you right-click a PDF file on a PC (or ctrl-click on a Mac) and select Open with, you will find options allowing you to open the PDF file in a variety of programs… NOT merely Acrobat. Your program list will be dependent on your installed applications (for instance, Creative Suite users will find Photoshop and Illustrator listed as options). The individual programs will then walk you through opening options (resolution, pages included, etc.).

A PDF opening in Adobe Illustrator

Bridge allows you to preview a PDF file without ever opening Acrobat. If you change Bridge's viewing option to Filmstrip (Window > Workspace), you can then preview a selected PDF, complete with page navigation controls.

Want to compare several PDF files visually without opening any of them? While still in Filmstrip view, select multiple PDF files. This won't be as powerful as Acrobat's Compare Documents feature, but sometime a quick glance is all that's required.

Multiple PDF files selected for viewing.

***

Come learn Acrobat! Join Dave online and learn, hands-on, how to unlock the power of Acrobat. Click here for more details.

***
 
David R. Mankin is a Certified Technical Trainer, desktop publisher, computer graphic artist, and Web page developer. He is an Adobe-Certified Expert in Acrobat.

Questions of the Week

Adobe Captivate Question: Should I Upgrade From Version 3 to 4?

I am using Captivate version 3. I only create short, simple demonstrations of our software (there is no interactivity and few bells and whistles). Given how I use the tool, is there any compelling reason for me to upgrade to version 4?

Answer:

If I were an Adobe sales guy, I would say, "Yes, upgrade… you simply have to do it." However, if you are only creating basic demonstrations with Captivate, no… there is no compelling reason to upgrade unless it is in your budget. Having said that, there is much to love about version 4 and I would encourage an upgrade at some point.

***
 
Adobe Captivate Question: Why Isn't Captivate Working?

For the past few weeks, Captivate has been unable to record my lessons. I can pull screen shots, but when I press End to finish recording, Captivate closes! I'm using Captivate 4 on Windows XP with 2GB RAM and 180 GB hard drive.

 
Answer:

Are you saving the project to your local hard drive or a network drive?

 

Reply:

 

That was it! I was inadvertently saving the project to a Flash drive instead of my hard drive. When I targeted my hard drive, everything worked. On a side note, I didn't know it was a bad idea to save Captivate projects to drives other than my local disk. I know it now! Thanks for your help.

***
Adobe RoboHelp 8 Question: Why Won't Word Work?

I am receiving the following error when trying to import Word documents into RoboHelp:

RoboHelp error when importing Word documents

I only get this error when trying to get Word to work with RoboHelp. I am able to import HTML files with no issues. Any ideas?

Answer:

It's a permissions issue. This article should help get the problem resolved.

***
Got a question you'd like answered? Email me.

eLearning: Tips for Using Graphics

by Al Lemieux

I think we would all agree that e-Learning courses benefit from graphics, even if the topic you are presenting is dry. Nobody likes to read large amounts of text on-screen. Using graphics to break up text gives the eye something to rest on before continuing to read. Below are some tips for using graphics in e-Learning development, so without any further adieu, let's get started.

Graphic Size

Sure, you may want to make your course more inviting by adding graphics, but don't go overboard! Depending on your audience, you may have users with slow connections or older hardware. You'll want to deliver your course content to them as quickly as possible, and adding hi-resolution graphics will only slow things down.

If you are using a continuous-tone photograph, be sure to save the file as a JPEG (Joint Photography Experts Group). JPEG compression can bring a weighty image down in size. The downside to JPEGs is that the compression scheme that is built into the file format (what makes the file size smaller) is lossy, meaning that the more compression you apply, the more image quality you sacrifice. There's a fine balance between file size and quality, so make image files as small as possible, while still looking crisp.

Any flat graphics, charts, and graphs with solid colors should be saved as GIF (Graphic Interchange Format) files. The algorithm in the GIF file format looks for common occurrences of color, and groups those colors together into a palette. The palette can contain 256 colors or less. GIF compression is also lossless, so GIF conversion doesn't introduce artifacts and aberrations, like the JPEG scheme can. GIF files have two additional tricks up their sleeves: they can have transparency and can be animated. The transparency adapter in the GIF file format is only 1-bit transparency, meaning that only 1 color of the whole palette can be transparent. Usually, that color is white, but you can make any color the transparent color. The GIF 89a format allows multiple frames in a single file for animation. You can get really creative with GIF animations now, with the new animation panel in Photoshop CS3. This, however, doesn't mean you should have spinning logos and flashing graphics everywhere. But an animated series of steps can be very useful, when used in conjunction with explanatory text.

Although a page can benefit from a few graphics, adding too many images of varying sizes, qualities, and colors can really cause problems for readers. The size and complexity of the graphics is also an important factor, when considering the number of images to use per page. A sophisticated wiring diagram, with all of its legends and explanations, will probably tax a reader's eye for quite some time, whereas a picture of an ocean would have a different effect.

Also, your course may have a shell or structure with its own colors and shapes. Choosing images that strongly contrast with those colors and shapes may not be a good idea. You may be thinking that if the image stands out, it will attract more attention. That may be true, but it might not be the kind of attention you really want. If at all possible, homogenize your color scheme across all graphics. There may be acceptable variations of color between screen locations, such as highlights, arrows, gradients, and other effects that can help to draw attention to specific areas of a screen image or product shot.

Visual Hierarchy

A visual hierarchy sets the order of importance on a page. You can achieve maximum visibility and results by using a simple and consistent visual hierarchy. Every item on a page has visual importance, but you can control that importance based on the nature of those items. For example, a newspaper has a clear hierarchy: its headlines draw readers' attention because the headline text is larger than any other text on the page. Somewhat smaller subheads fall under the headlines, and help readers scan for chunks of information that might interest them. Then, even smaller body text follows. But despite this clear formatting hierarchy, just one quarter-page-sized image would completely dominate the entire page, and draw readers' eyes away from the text. Similar design hierarchies are seen in other publications as well, and this is just one example.
The systematic ordering of importance through a hierarchy will guide students through a course, and help them achieve their objectives more quickly.

Text Breaks

Facing large amounts of dense on-screen text is not an optimal situation. In print, designers try to help readers by breaking up text using columns, paragraphs, first-line indents, tabs, and other conventions. Line length is another important tool. Usually, the eye is most comfortable reading from 41 to 50 characters per line. But this also depends on the optical characteristics of the font being used and on its size. It has been shown that sans-serif fonts, like Arial and Verdana, are easier to read on-screen than serif fonts, like Times New Roman and Georgia.

Graphics (either embedded in the text or running alongside) can provide a visual break for the eye as it moves through a story. Of course, size and placement are important; you want to use graphics, but also retain continuity. Diagrams and figures that relate to the story are especially valuable.

Visuals can also add motivation. For example, a course that presents exact steps for completing a software task will benefit greatly from screenshots that support each step. Nothing is more frustrating than to have text-only instructions for a visual task. If something requires a lot of hand-eye coordination, then the course should include screenshots, diagrams, simulations, or even video of the steps being completed. And using screenshots from the latest version of the software is mandatory.

***

About the author: Al Lemieux is a Senior Designer at SyberWorks, Inc. SyberWorks, Inc. is a leader in the custom e-Learning Solutions and Learning Management System industries for Fortune 1000 corporations, higher education, and other organizations. Located in Waltham, Massachusetts, the company serves the multi-billion-dollar e-Learning market. Since 1995, SyberWorks has developed and delivered unique and economical solutions to create, manage, measure, and improve e-Learning programs at companies and organizations in the United States, Canada, Europe, and other countries.