RSS
 

Showing posts tagged Articulate Engage

New Carousel Interaction #21

I was really impressed by the new carousel interaction created by Dave Burton that appeared on the Articulate Word of Mouth Blog.  I’m coming to the end of a production process for 10 courses, each having an acknowledgements section for the various SMEs that have contributed content or expertise.  So far I’ve struggled to find the best way to present this feature.  Now I have the answer! 

My top tip with this interaction is to make sure that image is a perfect square.  This ensures that each image has equally rounded corners.



Boost your screen real estate when using Articulate Engage #20

Articulate Engage™ has many great interactions.  A great technique that I favour is using Articulate Presenter™ to generate an animated swf that can be EMBEDDED in the Engage interaction.  However, this technique has one big problem – the swf size can end up being quite small if you use interactions like the time line (in which case its 413 x 310).  Of course you can make it FULL SIZE, but that can be confusing for the user.  Well here’s a way around it:

Step 1

Here’s a screen shot of my original Engage interaction with and EMBEDDED .swf.  As you can see it is a bit on the small size - it gets somehat “lost” inside the other features of the Engage timeline interaction.

Step 2

Here’s first frame of my animation for this event in the Engage timeline.  I’ve added a PLAY prompt to for the user to click on the Flash “play” button once it’s published (you’ll see why in a later step).

Step 3

Ok, let’s publish the swf from Presenter.

Step 4

Now I import the swf into Engage and set the display size to “Full size”.

Step 5

It’s a good idea to check the custom size option and set to the max 413 x 310.

Step 6

Now here’s the relevance of that first frame editing in the original swf authored in Presenter.  Check the thumbnail option to “First frame of Flash movie”.

Step 7

Now here’s how it looks once the Engage interaction is published inside a presenter wrapper.  The user sees the PLAY instruction and clicks on the Flash play icon.

Step 8

The swf then plays full size.

Step 9

To prevent the user getting stuck I’ve faded out the final frames of the swf from the original Presenter file and added a CLOSE prompt.

So there you are, make the most of your screen real estate with Engage.

 

Posted at 3:22pm
Tagged Articulate Engage

 




Stuff I like