Articulate Storyline

An Interactive Conversational Game

July 19, 2015 By Jackie Van Nice 10 Comments

Select Image to Launch Demo

This week I took the current two-truths-and-a-lie ELH challenge and combined it with last week’s interactive conversation challenge to make a single conversational icebreaker.

The Idea

Keeping it Conversational

Keeping it Interactive

I wanted to use the interactive conversation to introduce the icebreaker guessing game. It helped give it a bit more context and natural flow.

I also wanted to narrow the icebreaker topic so it wasn’t completely random. It made more sense to focus on just one part of my career, and language teaching narrowly won out over a couple of other options.

The Design

Chalkboard Textures & Colors

Using a chalkboard background and simple images seemed appropriate. I’d have looooooved to add audio and more elaborate animations and images, but kept it simple in the interest of time.

Play the Game!

Ready to see how well I can (or can’t) lie? It’s your call now – and you can play the game right here!

Select Image to Launch Demo

Free Tic-Tac-Toe Template in Storyline!

July 7, 2015 By Jackie Van Nice 10 Comments

Click Image to Launch Demo

I made a punctuation tic-tac-toe game this week for an ELHChallenge. Folks liked it and wanted to know how it was built, so I made it into a game template to share. I’ve replaced the images with a generic smiley face from Microsoft clipart, standardized the colors, and put in placeholder text – but other than that you’ve got the original file.

Tips to Help You Customize It

Download it: Grab it on the download page.
Tic-Tac-Toe Grid: The lines are on the master slide. To change it go to View > Slide Master.
Disabling Clicks on the Grid: To keep the user from clicking on a question they’ve already answered, I added an invisible rectangle on top of each grid image on the base slide named “disable 1”, “disable 2”, etc. The initial state is set to Hidden, but once a question has been answered the rectangle is triggered to go to a Normal (yet still invisible) state to block mouse clicks. If you choose to keep this functionality, be sure these disabling rectangles are in front of the grid images rather than behind them.
Images: Replace them by right clicking on each and choosing “Change Picture”. Keep in mind you’ll be replacing them on the grid and on all 27 layers that include images. (There are also 8 results layers, but they don’t include images.)
“Learn More” Buttons: On each feedback layer there’s a Learn More button that originally linked to a URL. I left the trigger intact, but if you’d like to use it you’ll need to update it with the link of your choice.
Compare it to the Original: If you’re not sure what to put where, just compare it to the original game. That should clear it up.

Have Fun!

I hope you enjoy making your own game. If you have questions just let me know in the comments below!

It’s Punctuation Tic-Tac-Toe!

July 5, 2015 By Jackie Van Nice 13 Comments

Select Image to Launch Demo

This week’s Articulate #ELHChallenge is to come up with an interaction that helps teach punctuation.

Update: Download the Free Template!

The Idea

I wanted to make some type of game I hadn’t tried before, and tic-tac-toe seemed relatively straightforward.

Personalized Punctuation Advisors

I also wanted to use the rest of the characters I used for this emoji challenge. The idea was to have each of them embody an element of punctuation and give their own example of correct and incorrect usage. Personalized punctuation advice couched in a bit of silliness seemed engaging to me – so I went with it.

The Design

The goal was to keep it simple and easy to play with. The board is laid out in front of you so you can pick any punctuation challenge you’d like and see your progress as you go.

Your aim may be to get tic-tac-toe (three correct answers in a row) and win; but it’s equally fun to play freely. That’s why I added a “Start Over” button on the main screen – so you can quickly clear the slate and start over.

The Game Board

The Punctuation Guide

I have to say that Storyline 2 made building the whole thing a relative snap, too. It was great. It’s one slide with 35 layers and a few states (plus many pieces and parts I added) – but engineering it to give the proper result once tic-tac-toe has been achieved was really simple.

Oh – and in the feedback for each question I linked to the appropriate page on The Punctuation Guide that David Anderson used as inspiration for the challenge. Thanks for finding it and for such a great challenge, David!

Try It Out!

Ready to test your punctuation prowess? Feel free to try it out right here.

I’m on Fakecation!

July 3, 2015 By Jackie Van Nice 12 Comments

Select Image to See Larger. Or Not.

It goes without saying this is David Anderson’s fault. First he leaves us bereft without a challenge this week, and a couple of weeks ago he challenged us to go on fakecation when I was too busy to play along. I’ve simply combined the two (lack of a challenge + a missed challenge) to create this beauty.

The Idea

The idea was to stick my face on top of someone else’s exciting photo.

The Process

In Fireworks I carved a hole in the photo where the real skydiver’s face used to be, then I put mine in its place. It’s franken-photo 101.

Enjoy! Or Not!

You can see the giant version here, but I think you’re way better off getting out there to enjoy your own real vacation. Have a safe and happy holiday!

Buttoned-Down Design (+Free Storyline File!)

June 26, 2015 By Jackie Van Nice 11 Comments

Select Image to Launch Demo

This week’s challenge is to create some cool button styles. My goal was to keep it quick and do something I haven’t done before. Not hard since I usually give my buttons short shrift.

The Idea

I simply wanted to see if I could figure out how to make something like David Anderson’s cool button example.

So I Did a Version Starting In PowerPoint…

Since it looked to me like cutout shapes were involved, I started in PowerPoint to create them, then essentially animated them in Storyline.

They were fine, but I wasn’t thrilled because they weren’t buttons you could easily copy, paste, and edit.

Then Kortenbosch Shared a Little Something…

Once Jeff Kortenbosch posted his button challenge entry, along with a fabulous how-to video, I decided to see if I could make better buttony buttons like he did – natively in Storyline.

Turns out I could. Thank you, Jeff!

Select Image to Launch Demo

Check ‘Em Out!

So that’s what happened. If you’d like to see my result – version 2! – you can see them right here!

Download The Free File!

If you’d like to use my updated Storyline buttons, feel free to grab the customizable file. The download page is right here.