Adobe RoboHelp 2015: First Look

by Willam van Weelden Follow us on Twitter View our profile on LinkedIn

Adobe released RoboHelp 2015 last week, a major upgrade sporting several enhancements. This week we take a first look at some of the big changes.

Ribbon Based Interface

The menu has been redesigned to make RoboHelp easier to use. Options are sensibly arranged and menu inconsistencies have been cleaned up. Lesser known features like search synonyms are much easier to find and use.

RoboHelp 2015 new interface

Small improvements, such as working with tables, make editing content much easier.

One of my favorites is the Locate Item tool. Open a topic and select an image or a Captivate movie. Click the Locate Item tool and the item will be highlighted in the Project Manager.

Locate item


Skins and Layouts

RoboHelp 2015 includes new WebHelp skins and Responsive HTML5 layouts. The WebHelp skins are clean and modern. Both WebHelp and Responsive HTML5 support Right-to-Left languages. Though for WebHelp you will have to use one of the six new skins.

New skins

The Responsive HTML5 Layouts have more customization options. It is now possible to choose which panes to include in the output, just as with WebHelp. The layouts have Facebook share and Twitter buttons included as well.

Responsive properties

New layout

Important Enhancements:

  • Named Conditions: Sensible names for Conditional Build Expressions.
  • Dynamic filters: Conditional Build Tags on steroids. Dynamically switch Conditional Build Expressions in your output for fine grained control.
  • Improved search results: Control the topic preview text in search results.
  • Mobile App output: Create a mobile app without any coding.
  • Right-to-Left: Output for right-to-left languages.
  • Find and Replace: The Find and Replace pod has new powerful features.
  • Scalable video: Adobe Captivate videos scale in Responsive HTML5 output.

I've mentioned what I consider to be the most important enhancements in RoboHelp 2015. Stay tuned for articles on each of these enhancements in the weeks to come.

***

Looking to learn RoboHelp? We offer a live, two-day online RoboHelp class once a month. Feel free to contact us to learn other ways to meet your RoboHelp training requirements.

Adobe RoboHelp: Merging WebHelp

by Willam van Weelden Follow us on Twitter View our profile on LinkedIn

I've previously taught you how to create links between Merged HTML Help projects. This time, let's tackle merged WebHelp. Merging WebHelp differs from merging HTML Help in that you select the RoboHelp project to merge instead of the output.

Prepare a Master Project
  1. Open the master project's table of contents and click New Merged Project.
      
  2. On the FlashHelp/WebHelp/Multiscreen/Adobe AIR tab, click the Browse button and open the RoboHelp project you want to merge.
    Merging WebHelp projects  
  3. Click the OK button to merge the project. (The child project will appear in the master project's TOC.)
    Merged projects on TOC  
  4. Save your project and generate your master project.

Generate Merged Projects

Once you've created the master project, you need to generate the merged projects to the correct folder in the master project's output folder.

When you generated the master project, RoboHelp created the following folder structure:

 Folder structure  

For every child project, place the WebHelp output into the mergedProjects\<project name> folder. (Meaning that the child project called Child 1 has to be placed in the folder WebHelp\mergedProjects\Child 1.)

Generating

Once you generate all child projects to the correct location, open the master project output to see the results:

Final, merged project
 

***

Looking to learn RoboHelp? We offer a live, two-day online RoboHelp class once a month. Feel free to contact us to learn other ways to meet your RoboHelp training requirements.

eLearning and TechComm: Click, Select, Choose, or Press?

by Jennie Ruby View our profile on LinkedIn

Right at a time when flat design has become the rage, removing the three-dimensional look that for 30 years (happy anniversary to Windows this November!) has informed us that "this thing looks like you can poke it in! It must be a button!" people are starting to worry and become uncertain about the clear vocabulary that has helped us to write about software and computers for just as long.

In a recent class I had one participant tell me her office has forbidden the word "click" in favor of "select." Another told me that her office had done just the opposite!

The two concerns in question are whether the word "click" loses its meaning on mobile devices, and whether the word "click" is exclusionary toward individuals with disabilities or different abilities.

The good news is that using the word "click" is not ableist, nor is it declaring the hegemony of mouse users over mobile device users. It is just the standard word in technical communications to indicate "execute," on certain kinds of interactive items on screens. In other words, "click" means "hey you, button, do that thing you do."

The button, as with so many things in the computer realm, is an analogy to real-world little pokable nubbins that make things happen on electric devices from vacuum-cleaners to doorbells. Even real-world buttons have undergone some changes in the ways people use them. The buttons on my microwave and stove are now flat to the surface and covered with a plastic sheet so that spaghetti sauce and porkchop grease can't get in and ruin the mechanism. But you still actuate them by pressing them–and most of them still emit a satisfying "click" sound (or a beep) when you do so.

By analogy, "click" is whatever action you do to an on-screen button to make it do its thing. It is executed on various devices and by various computer users in various ways. Many of us already made the leap from "press and release the left button on a mouse device" to "press and release the left side of your mouse even though it no longer has a button" to "press and release the entire touchpad on your Mac laptop so that emits a click sound" to "tap ever-so-gently on the hair-trigger touchpad of your new Windows laptop" to "tap once on the screen of your iPad or phone" to "tap once on the screen of your touch-screen laptop" to "tab to the button and press the Enter key on your keyboard." And with Windows Speech Recognition, to actuate a button, you actually speak the word "click," as in, "Click OK;Click File; Click Bold; Click Save; Click Close," and so on.

To back away from the word "click" right now is as unnecessary, and even nonsensical, as deciding that the Save icon has to be changed because no-one has used an actual mini floppy disk since 2005. The Save icon has become a symbol that will retain its meaning like other permanent glyphs, such as the Arabic numerals or the smiley face. And the word "click" is the way you indicate "actuate" for certain screen items.

But that is not to say that the word "click" should be used for every screen action. By now I hope I have made clear that a "click" is a characteristic of certain screen items-buttons, icons, tools-not of the physical method by which you actuate them. So even though you may also click your mouse to execute the following actions, the word "click" is not the clearest vocabulary word for them.

You "choose" something from a menu, because you are "choosing" from a list of "choices," and once you "choose" the one you want, the chosen command is immediately executed.

choose File > Close

You "select" something that, once you select it, stays selected. You select a cell in Excel. You select part of the text in a document. You select an option from a list and the option stays selected-as in a drop-down list or a list-box. You select a radio button, and you select a checkbox. And they stay selected. Until you "deselect" them.

select the Portrait Orientation radio button

select the Kerning checkbox

from the Font drop-down list, select Verdana

select the first paragraph in your document

deselect the Enable Live Preview checkbox

You "press" a key on a keyboard or a real button on an actual piece of hardware. (The word "press" definitely cannot be used to describe what you do to an on-screen button, because it may create ambiguity: Does "Press Home" mean on the screen or on the keyboard?)

press the Enter key

press the F6 key

press the Power button (on the microwave)

And finally, you "click" an on-screen button, an icon, or a tool.

click the OK button

click the Bold tool

click the Wifi icon

As this vocabulary discussion continues, I would love to hear your take. Is your office using "select" for everything? Are you using "press" for mobile devices? Or tap? Are you combining commands, as in "click or tap the link"? Email me.

References

Microsoft Manual of Style for Technical Publications: "Do not use choose as an alternative to click or double-click. Choose does not convey any additional information to those who do not use a mouse, and such users normally understand the equivalent action that they must take when a procedure step says to click."

Web page: Use Speech Recognition to operate windows and programs

***
Do you need to learn how to write eLearning scripts? Come check out my live, online mini course.

eLearning: Become a Pedagogical Agent

by Jennie Ruby View our profile on LinkedIn

If you've taken any of our Adobe Captivate, Adobe Presenter, or Articulate Storyline classes, you are probably aware that these programs provide a selection of screen characters–cut-out pictures of professional actors in business, medical, or business-casual clothing posed as if they are talking to you. They are intended for use as a kind of avatar of the trainer.

There is research that shows that using a screen character as a pedagogical agent or learning coach, who speaks informally and appears to be giving the lesson, increases learning. (My reference for this is Ruth Colvin Clark and Richard E. MayereLearning and the Science of Instruction.)

Over the past few weeks, I've had multiple students ask how hard it would be to use themselves as the learning coach. Believe it or not, becoming a pedagogical agent is easier than you think.

 
Put Your Picture into the Lesson. Place a professional head shot of yourself, your trainer, or expert on the introductory slide (including job title, credentials, etc.), and then have that individual record the audio narration for the project.
 
Create your own screen characters. Photograph your expert on a green screen background for a full set of screen characters in various poses. The IconLogic Blog has a whole series of articles on how to do this:
 

Create cartoons of yourself or your in-house experts. You can use the images over and over in on-going training videos. Here is one article to get you started: Using Bitstrips Characters.

If you don't have specific, known individuals in your company to act as your learning coaches, you are not stuck with the same four or five actors that come with your software. You can purchase additional screen characters from The eLearning Brothers. Or you can just make good use of some inexpensive clip art. By trimming out the background in ordinary office photographs, you can get some nice effects.
 
Whether you use generic actors or your own home-grown experts, screen characters are an excellent way to add the personalization, engagement, and local feel that will bring your eLearning to the next level.
 
Once you have your screen characters, how do you know what to make them say? Join me for an afternoon mini course on writing voiceovers to find out.

Adobe Captivate: Text Hyperlinks

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

Over the years I've had more than a few eLearning development clients ask us to create links to web resources on a slide. There's more than one way to accomplish the task. Over the next couple of weeks I'll discuss some of my favorite techniques. Up first, text hyperlinks.

To create a text hyperlink, select some text (the text can be contained within a text caption or a smart shape). Then, on the Properties Inspector, select the Style tab. From the Character area, click the Insert Hyperlink tool. 

Insert a hyperlink 
 
From the Link To drop-down menu, choose Web Page. Next, type a web address into the field.
 
Prior to clicking the OK button, visit the drop-down menu to the right of the web address. I think it's a good idea to select New from the list of options. (This will ensure that the page that appears after the learner clicks is a new page or tab, rather than a page that replaces the current lesson.)
 
Link To dialog box. 
 
When previewed in a web browser, the text hyperlink will look similar to the image below. If clicked, the learner will be taken to the web address you specified in the Link To area.
 
Example of a text hyperlink.  
 
Should you change your mind about the text hyperlink, removing the link is as simple as selecting the text and, back on the Properties Inspector, clicking the Remove Hyperlink tool.
 
Remove Hyperlink
 
***

If you'd like to learn more about eLearning, come hang out in my next eLearning basics mini course. And if you'd like to learn more Captivate, Presenter, or Storyline, we've got a great collection of live, online classes for you.

See also: Object Hyperlinks

Designing Mobile Learning with Adobe Captivate (Free Online Adobe eLearning User Group Event)

Wednesday, February 25, 7:00-8:00 p.m., Eastern
Location: Live, Online… You Can Attend from Anywhere in the World! 
Price: Free!

Presented by Joe Ganci

More and more people are using mobile devices to access content. You know this and realize that the mobile world is different than the desktop world. You're ready to take the plunge into designing and developing true mobile learning, but where do you start?

During this session, Joe will explain the pros and cons of including certain instructional design features and show how to design and develop alternatives for those elements that will not work on mobile devices. In addition, Joe will discuss features that you may find advantageous when implementing mobile learning. Joe will also make himself available for questions and answers and hopes you'll weigh in with your own observations and experience!

In this session, you will learn to:

  • Apply the correct features to a mobile learning design that will also work for desktop.
  • Avoid features that will cause you problems in your design. 
Sign up for this live, online session here.

***

Joe Ganci is President of eLearningJoe, LLC, a consulting and training eLearning company located outside of Washington, D.C. Joe has been involved in every aspect of eLearning development since 1983.

Localization: Training and Development in Poland

by Jen Weaver Follow us on Twitter View our profile on LinkedIn

As we continue our journey around the world, let's explore some common cultural facts about Poles and their expectations when it comes to training and development.

Test Your Knowledge of Polish Culture

  1. The name "Poland" is a descriptor of the country's geography. Does it mean:
    1. The borderlands?
    2. The hill country?
    3. The flatlands?
  2. True or False? Polish businesspeople often speak German.
  3. True or False? Prussian is also a common language in Poland.
Quick Tips for Training & Development in Poland1:

  • Poland is a male-dominated society. Female trainers may find it hard to be taken seriously, even though women have been advancing into more predominant roles in recent years.
  • Polish is the official language, but many businesspeople speak German as well as English. Clarify language preferences before beginning your class. Just because most Poles can understand English does not mean it's the preferred language for training.
  • Catholicism is a highly predominant religion, with less than two percent of the population identifying with another religion. Approximately ten percent of Poles describe themselves as "nonreligious."
  • Security is a high priority for Poles, and they are determined to maintain their freedom after a difficult history with both Russia and Germany. As such, Poles tend to prize individualism and the contributions a person can make in larger groups as a whole.
  • Poland is a hierarchical society, and there is a tendency for decisions to be made at a higher level or by consensus of "privileged" individuals.
  • Truth is a combination of facts along with subjective feelings and personal relationships. An individual's religious ideologies also often come into play when making decisions.
  • Business appointments start and end on time.
  • Many Poles opt to not take a lunch break and to work straight through the day. "Work lunches" are often scheduled for around 4 or 5 p.m., and employees do not go back to work after taking lunch. Keep this in mind and clarify time expectations when determining your class schedule.
  • A local Polish advocate will go far when establishing new business relationships. Try to identify a champion of your initiative within the company or someone closely associated and respected through corporate connections.
  • Poles tend to be more soft-spoken than North Americans, and business attire is conservative professional.

Knowledge Answer from Above: 

  1. (c) Poland is mostly flat.
  2. True. Not much of a surprise, considering Poland's location along the German border.
  3. False. While once used, Prussian became extinct in the 1700's.
     
References:
 
1Morrison, Terri, & Conaway, Wayne A. (2006). Kiss, bow, or shake hands (2nd ed.). Avon: Adams Media.
 
***
Developing international training and development materials? Contact Jen at Carmazzi Global Solutions. And if you love Jen's articles, check out her new Localization mini courses.

Adobe RoboHelp: List Images

by Willam van Weelden Follow us on Twitter View our profile on LinkedIn
 
When you create a list, there are several list styles you can use in RoboHelp: bullets, squares, lowercase alphabet, and numbers. But RoboHelp brings one more great feature: you can use images instead of bullets.

Create a List Style with Custom Images

  1. On the Project Manager pod, double-click your style sheet to open the Styles dialog box.
  2. Right-click List and choose New.
  3. Enter a name for the list style and press [enter].
  4. Click the Create a bulleted list button.
  5. Select the list images option.
  6. Click the browse button to open the Image dialog box.
  7. Select the image you want to use as a bullet and click OK.
  8. Then click the OK button to save your changes.

Apply an Image List Style

  1. Open or create a topic, and then create a regular bulleted list.
  2. Select the list.
  3. Right-click and choose Bullets and Numbering.
  4. Go to the Custom tab and select your list style in the left section.
  5. Click the OK button to apply your list.

***

Looking to learn RoboHelp? We offer a live, two-day online RoboHelp class once a month. Feel free to contact us to learn other ways to meet your RoboHelp training requirements.

Adobe RoboHelp: Embed a Vimeo Video

by Willam van Weelden Follow us on Twitter View our profile on LinkedIn
 
I have previously taught you how to embed YouTube videos in a RoboHelp project. While immensely popular, YouTube is not the only video site. This week, let's focus on embedding videos located on the Vimeo website.

First, access the Vimeo site, locate the video you'd like to use, and then click the Share button located on the video. 

Video: Share Button

Next, go to the Embed field and copy the embed code. 

Vimeo: Embed Code

Now that you've got the embed code copied, the rest of the work occurs in RoboHelp. Go ahead and open a RoboHelp topic, switch to HTML mode, and then paste the embed code in the topic as shown below. 

Adobe RoboHelp: Embed code added to RoboHelp's HTML.

Lastly, you'll need to edit the HTML just a bit. In the src attribute, type http: in front of the url. 

Adobe RoboHelp: HTTP added.

Save the topic, generate the layout, and open the topic in your browser to see the embedded video.

Adobe RoboHelp: Embedded Vimeo video.

Note: Vimeo includes a hyperlink with a description below the video. Retain this link unless you have the correct license for removing it.

***

Looking to learn RoboHelp? We offer a live, two-day online RoboHelp class once a month. Feel free to contact us to learn other ways to meet your RoboHelp training requirements.

eLearning: More Reflection

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

Last week I wrote about how you can use Reflector to create software simulations and demonstrations from your mobile device.

I received emails from several people who, having read the article, downloaded Reflector and attempted to create a simulation using Adobe Captivate or Articulate Storyline. While most folks were successful in reflecting the mobile device onto the computer, several people reported that none of the actions they took on the mobile device were captured by the eLearning tool. 

As I mentioned in last week's article, the reflection of the mobile device you see on the computer is passive; you cannot control the reflection with the computer. Instead, you can simply see what's happening on the mobile device through your computer.

During the simulation recording process, if you're creating a software simulation, programs like Captivate and Storyline only capture the screen if you click your mouse (or manually create a screen capture by pressing the appropriate keyboard shortcut). Since you're not clicking anything on your computer (remember, the computer is simply showing you a reflection of the mobile device), neither Captivate nor Storyline will capture anything.Unless…

On your computer, start the recording process using Captivate or Storyline. Just prior to performing an action on your mobile device, click the reflection on your computer to create a screen capture. Next, on the mobile device, perform the action. Back on the computer, click the reflection again to create a second screen shot that shows the result of whatever it is you did on the mobile device. Continue this process over and over until you have completed all of the processes you wish to simulate on the mobile device.

If clicking over and over again to create a simulation sounds too difficult, all three of the top eLearning development tools (Camtasia Studio, Captivate, and Storyline) excel at creating videos. If you create a video of the reflected mobile device, everything you do on the mobile device is captured because the video isn't creating individual screen shots, it's capturing everything you do without discrimination. 

***
If you'd like to learn more about eLearning, come hang out in my next eLearning basics mini course. And if you'd like to learn more Captivate, Presenter, or Storyline, we've got a great collection of live, online classes for you.