Talking in Pictures

A blog about visual communication

ScreenSteps Desktop 2.7 Now Available! Download ScreenSteps 2.7

ScreenSteps Gets a Facelift

Version 2 of ScreenSteps has been out for just over 2 years now. During this time, ScreenSteps has had numerous updates that improved workflow, added new features and extended the number of export formats. Now it is time for ScreenSteps to get a facelift.

Today the ScreenSteps 2.8 Public Beta is available for download. The primary focus of this release will be graphical changes to the user interface. As with any graphical change the aim is to make the software look better. It is more important, however, that the graphical changes improve how we interact with the software. We feel the UI changes in 2.8 do just that. Here is what the new UI looks like:

New ScreenSteps UI

As you can see we have darkened the colors used in the toolbar, the left column and the footer. This helps focus the eye on the content that is being written. We have also reworked the lesson editing UI to improve object alignment and spacing. We think the writing process is much more enjoyable now.

Download the ScreenSteps 2.8 Beta

During the ScreenSteps 2.8 beta testing period we hope to get feedback from our customers on the new look. The big question is this: Does the new UI improve your experience when working with ScreenSteps?

Let us know.

Bookmark and Share

Video, Screencasts and Still Images – Using the Right Tool at the Right Time

Yesterday we had a great webinar titled “Video, Screencasts and Still Images – Using the Right Tool at the Right Time”. The real question is “Do I screencast or ScreenStep?” A lot of people make the mistake of thinking that sceencasting/videos and still image how-to guides (the kind you create with ScreenSteps) are mutually exclusive options. The truth is screencasts and ScreenSteps are different types of communications for different situations.

In the webinar we laid out a framework for helping you decide when each type of communication is most effective. We looked at several good examples of videos, screencasts and ScreenSteps-like articles.

The real key to determining which tool to use is gauging the users level of engagement. If they are only marginally engaged in the content you are presenting then a screencast is going to be the best option. But if they are fully engaged then a ScreenStep-like article will be much more effective. Check out the webinar to learn why.

The reaction from the participants was fantastic. It was by far our best received webinar yet. You can see the slides below:


You can download the full webinar by clicking on the link below.

Read the rest of this entry »

Bookmark and Share

Webinar Tomorrow: To Screencast or to ScreenStep – That is the Question

Tomorrow we will be hosting a new webinar that will be really valuable for those of you who have to communicate with users about products you create or support.

Our customers often ask us if they should use a screen recording application, like Screenflow or Camtasia, or something like ScreenSteps (ScreenSteps is a tool for creating step by step guides out of still images).

What they are really asking is “Should I create a video/screencast or a step by step visual guide (what we call a ScreenSteps document)?”

Our answer is, “It depends.”

The truth is, if you are going to have an effective product communication strategy, you need to be using both screencasts and ScreenSteps documents. The tool you use for a specific communication depends on two things:

  • The level of engagement your target audience has with your product at the moment you are communicating with them.
  • The type of knowledge you are trying to transfer to that user.

In tomorrow’s webinar we will layout a framework that will help you decide when to use a screencast and when to use a ScreenSteps document. We will follow a new user through four levels of engagement with a product and discuss what type of communication is most effective at each stage. We will also provide examples of effective communications at each stage.

The four stages of user engagement with a product are:

  1. Product awareness
  2. Product interest
  3. Product investigation
  4. Product implementation

This webinar will be ideal for marketing and product managers, IT and customer support or anyone who has to educate users on product usage.

Bookmark and Share

Creating a New Person in BatchBook Using the Ruby Batchbook API Wrapper

We have recently been migrating from Highrise to Batchbook for our CRM software. Though Batchbook isn’t nearly as pretty as Highrise, it has some killer functionality in regard to integration with other services we use as well as a pretty slick way for adding custom data fields. It also has an API that makes it easy to integrate with our existing apps.

The API has a Ruby wrapper so it should be a snap to implement. Except that there was a documentation failure. It wasn’t that the documentation was bad. It just wasn’t there. So here are a couple of examples to help anyone who might be using the Ruby wrapper. Hopefully this will save you a few hours of scratching your head.

The Ruby wrapper uses ActiveResource, which is pretty slick. The good thing about this endeavor was that I learned a lot more about ActiveResource which I hadn’t really paid attention to until now.

Setup

To start using the library all you need to do is [download the batchbook.rb file](http://github.com/batchblue/batchbook) and stick it somewhere in your app. I add it to the `lib/` directory.


Fix Settings

The current version of the batchbook.rb file on github has localhost as the domain. You won’t have much luck accessing the API at the localhost:3000 domain. Hopefully they will update this soon, but if they haven’t just change the batchbook.rb file on lines 41-44 to look like this:

 self.host_format = '%s://%s/%s'
 self.domain_format = '%s.batchbook.com'
 self.path = 'service'
 self.protocol = 'https'

Start Using

To start messing around with this I just run script/console from the terminal to get into my Rails app. Then enter:

require 'batchbook'
BatchBook.account = 'your_account'
BatchBook.token = 'your_api_key'

Creating a New Person With an Email

Creating a person is easy enough.

person = BatchBook::Person.new person.first_name = ‘john’ person.last_name = ‘doe’

But what if you want to add an email address? This WON’T work:

person.email = 'john@mail.com'

That is because Batchbook has this concept of locations. So a person doesn’t have an email address. They have a location labeled “work” which has email, phone, city, etc.

So to add that email address, do this:

location = BatchBook::Location.new
location.label = 'work' ## You need this line or it won't save
location.email = 'john@mail.com'

Now, before you call location.save you need to do one very important thing. The location is a nested attribute of the person, so you need to add a path prefix option. Do this:

If you haven’t already saved your person, do so. This will assign an ID to the person object, which you are going to need.

person.save

ActiveResource then posts the information to http://youraccount.batchbook.com/services/people.xml

Now add the prefix option to the location.

location.prefix_options[:person_id] = person.id

This is part of ActiveResource and will add a prefix onto the url. If you don’t add the prefix, ActiveResource posts to /services/locations.xml. That isn’t what you want. The API needs to get a POST to /services/people/#{the_id_of_the_person}/locations.xml. By adding the prefix_option person_id we tell ActiveResource to add the people/#{the_id_of_the_person} to the front of the locations url.

Now just save.

location.save

That’s it. In hindsight it makes sense. But it sure had me confused last night.

Webinar: Why Your Documentation is Useless and How to Fix It
Download the free webinar to learn why your documentation/knowledge base is ineffective and what simple steps you can take to improve it.
Bookmark and Share

A New Face for ScreenSteps Desktop

Over the last few weeks we have been working on putting a new face on ScreenSteps. We wanted to give you a few glimpses at what the new UI will look like.

Our purpose in redesigning the UI is to make it easier for you to focus on the content you are working on. We also wanted to tidy up the arrangement of things to give the application a better visual flow.

This is what we have so far and would love to hear your feedback. The new UI will be available in the 2.8 update which will be free to all 2.x license owners.

Lesson Library

Lesson Library

Manuals View

manuals

Lesson Editing

lesson

Bookmark and Share

Online Help Documentation – 5 Keys To Making It Work

Today’s software company, whether providing desktop or SAAS offerings, provides customer support in a number of different settings. For example, in our company we interact with our customers in five different ways:

  • Email
  • Forums
  • Live on-line chat
  • Twitter
  • Telephone

All of these communication tools allow the person offering support to point customers to resources on the web that answer their questions. If your company has online help that is designed correctly then you will be able to leverage your materials in order to quickly answer customer questions.

Let’s look at five keys to making your online help documentation work for you when handling customer support requests.

1) Create short documents that demonstrate tasks

When you write your documentation you should show users how to perform tasks, not discuss features. For example, create a lesson that shows “How to configure an account” rather than “The account administration screen”. By creating short, task based documents you can point your customer directly to documentation that shows them how to do what they want to do. This removes the step translating the description of a feature into the necessary steps required to complete the task and reduces the amount of follow up questions.

Short, task-based lessons prove very helpful when providing support. When helping a customer in a support interaction you can string together multiple online help documents for the user to help them perform a larger task.

Lessons that teach tasks

Look at the document titles in the image above. Notice how each title explains a task.

2) Make the URLs of each help document easily accessible

Whenever someone is viewing an article in your online help documentation they should be able to copy the URL from the browser address bar. If your online documentation delivery system uses frames that hide the actual URL or if you place multiple answers on a single page then you are making it more difficult to link to the content.

Respond to customers with links to answers in documentation

Customer support via Twitter pointing the user to specific document urls

3) Author content in a format that is easy to search

When looking for the relevant document to send to a customer you will probably need to search your documentation to get the URL. Make sure your documentation delivery system has search functionality that returns relevant results.

4) Use a publishing system that allows you to quickly add new content and update existing content

Documentation should be a process, not a project. Your documentation will need to be updated as new customer questions come in or your offering is updated. Whether or not your documentation keeps pace with these new needs will depend on how easy it is to update.

Make sure you use a publishing system that makes updating content as effortless as possible. If too much work is involved then your documentation will become stale as the more (seemingly) pressing matters of the day push documentation updates to the back of the line.

5) Create content in a format that is clear

It is important that you choose the proper format for your online help documentation. You don’t want your documentation to create more questions than it answers. Above all, your documentation needs to be easy to follow. We recommend using static screenshots and text as this provides the best balance of clarity, ability to search and ease with which you can keep your documentation up to date.

This documentation uses text and images to clearly outline the task to be performed

This documentation uses text and images to clearly outline the task to be performed

-

Your online help documentation can be a real asset for you regardless of which setting you are interacting with your customers in. By implementing these five keys to better online documentation you will get the most out of your documentation investment.

For an example of how we have implemented these keys in our own documentation take a look at our ScreenSteps manuals.

Webinar: Why Your Documentation is Useless and How to Fix It
Download the free webinar to learn why your documentation/knowledge base is ineffective and what simple steps you can take to improve it.

Read the rest of this entry »

Bookmark and Share

Experimental ScreenSteps for Linux Beta

Tux penguin copyright Larry Ewing, Simon Budig and Anja GerwinskiEvery once in a while we get an email in support asking whether or not a Linux version is planned. We’ve been going back and forth as to whether or not we want to support another platform.

On one hand a new platform adds new support issues and while we use Linux on some of our servers we don’t use Linux on the desktop at all.

On the other hand companies that have to train employees that they migrate to Linux definitely had a need for a program like ScreenSteps.

Last week Greg and I decided that we were going to determine whether or not a Linux version of ScreenSteps made sense. Thanks to VMWare Fusion, an Ubuntu image from VM Planet and Revolution (our development environment) we now have a build of ScreenSteps that runs on Linux.

So today we are announcing the “Experimental ScreenSteps for Linux Beta”. What is the “Experimental ScreenSteps for Linux Beta” you ask? It is a version of ScreenSteps that (mostly) works on Linux but with no guarantee that we will ever release a final version. Our goal with this release is to gauge interest in a Linux version, see if ScreenSteps works reasonably well on the different flavors of Linux out there, and get feedback from Linux users.

We invite you to download ScreenSteps, test it out and email us any feedback you have concerning problems you experienced or successes you had. You can download the ScreenSteps executable and accompanying readme file at the following url. Note that you need to have ImageMagick installed for screencapture to work. See the accompanying readme file for additional details and installation instructions.

http://www.bluemangolearning.com/download/screensteps/2_0/beta/screensteps.tar.gz

If you would like to learn more about what ScreenSteps is you can get more information here.

Bookmark and Share

Recent ScreenSteps Tutorials – January 2010

One of our core beliefs here at Blue Mango Learning Systems is that documentation must be a process, not an project. Documentation has to be something that is constantly evolving if it is going to be of any use.

We regularly add to our documentation to help our customers out. But we don’t always do a good job of letting people know about new lessons that are available.

From here on out we are going to post a list of newly created ScreenSteps lessons every couple of weeks just so you are aware what is out there. Maybe one will pop up that could be of use to you.

ScreenSteps Lessons Created in January

If you have any lessons you would like us to add please just let us know in the comments below.

Bookmark and Share

Creating a Web Knowledge Base? – Add Screen Captures to Increase Effectiveness

visual kb Using a web knowledge base to answer customer questions can be a tremendous resource. They are easy to access and easy to update.

Most web knowledge base articles are text based, however. Adding screen captures or other visual elements to your knowledge base articles can dramatically improve the results your knowledge base delivers. Most people think that it is just because the articles are more clear (visual information makes instructions easier to follow). But they also affect the user’s decision making when they are determining whether or not to read an article. Let’s look at why that is.

Knowledge bases usually contain “how-to” type articles. When a user views an article in your knowledge base they need to quickly answer two questions in their mind:

  1. Does the knowledge base article apply to me?
  2. Is the knowledge base article current?

Adding screen captures to your articles helps them answer these questions instantly.

Does The Knowledge Base Article Apply to Me?

By just adding a few screen captures the user can instantly see:

  • Where the starting point of the article is

    Are there certain requirements that need to be met before you can use the information in the article? For example, if your article covers a function of Excel, does the user need to have imported some data before they can do what is described in the article? A screenshot of Excel with the data already imported will communicate that immediately.

  • What part of the application the knowledge base article applies to

    If the application you are supporting has multiple screens, a screen capture will instantly communicate what part of the application the article covers.

  • What type of result the knowledge base article instructions will produce

    If the user can see an image of the end result the article produces they can quickly decide if that is the result they are after.

Is The Knowledge Base Article Current?

This is probably the most important question you can answer. There is nothing more frustrating for your users then to follow the directions in your knowledge base only to discover that the instructions no longer apply to the version of the software they are using. Screen captures help the user quickly determine whether the version of the software that is described in the knowledge base article matches the version that they have. This saves a lot of frustration and lot of confused email/calls to technical support.

Visual Knowledge Base Example
Visual Knowledge Base Example
Here is the same article both with and without screen captures. Notice how much more information is communicated with the simple addition of visual elements. (Knowledge base example taken from http://help.hover.com)

Conclusion

If users can determine that an article is applicable to them then they are much more likely to put the effort into reading it. by adding screen captures you can help your users make that decision in less time and get them to engage more quickly. This will dramatically increase the effectiveness of your knowledge base.

Webinar: Why Your Documentation is Useless and How to Fix It
Download the free webinar to learn why your documentation/knowledge base is ineffective and what simple steps you can take to improve it.

Read the rest of this entry »

Bookmark and Share

Update a 1Password Login in 4 Easy Steps

We are big fans of 1Password at Blue Mango. If you are a Mac owner then it really is a "must have" utility. It makes keeping track of all of your logins between multiple online accounts super easy. 1Password stores your logins for websites that you frequent.

But sometimes I run into the situation where 1Password has stored a form and now I want to change the values that it is going to auto submit. This most often happens when 1Password hasn’t saved the "remember me" setting on a form. Each time I login with 1Password it will leave the "remember me" box unchecked which means I have to login more often. Here is how to update your login so that it will check the "remember me" box. You can use this same technique to update any aspect of the form.

These instructions will only work if you have the 1Password browser button installed.

Deactivate “Autosubmit Logins”

Deactivate_Autosubmit_Logins2.png

I am using the 1Password button. Just make sure Autosubmit Logins is unchecked.

Fill In Form

Fill_In_Form2.png

Just the button to fill in your form.

No_Remember_Me2.png

You can see that the Remember me button isn’t checked.

Check Button and Save

Check_Button_and_Save2.png

Check the button and then select Save Login… from the 1Password button.

Save

Save2.png

Change the action to Replace … (1) and then click Save. You can now use 1Password to login with the updated form values.

Optional – Reactivate “Autosubmit Logins”

Optional_-_Reactivate_Autosubmit_Logins1.png

You can now turn Autosubmit Logins back on. Yeah, I know that is actually five steps, but since it’s optional we won’t count it ;) .

Bookmark and Share
Screensteps Support Suite

ScreenSteps is the most effective tool for creating and delivering customer tutorials and guides.
Learn about the ScreenSteps Support Suite