• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jackie Van Nice

E-Learning Goodness by Jackie Van Nice

  • Home
  • About
  • Blog
  • Portfolio
    • Articulate’s ELH Challenges
    • Sales Mobility Software
    • Product Sales
    • Sexual Harassment
    • Code of Conduct
  • Freebies
    • Free Storyline Templates
    • Free PowerPoint Templates
    • Free Images
    • Freelancing Tips
    • Free Resources to Help Get Started in eLearning
  • Work With Me
  • Contact

Typography

Making Text Work with Images

December 16, 2016 By Jackie Van Nice 6 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This week’s ELH challenge is to create an example of using text with images. Woo-hoo!

The Idea

My plan was to finally go through some of my Death to Stock photos, select one I like, and add some text so it looks appealingly cool. I felt good about this.

The Original Image

The Original Image

The Colorful Title

The Colorful Title

The Design

I put it together in Storyline.

The Image

It didn’t take long to choose one. This photo of colorful spools of thread on carefully hand-labeled shelves was too good to pass up.

Title Text

The image made me think of artisans, craftspeople, and the maker movement. So “Makers” became my title.

Using the eyedropper tool I started pulling those vibrant colors out of the threads and applying them to the title letters so that each one sort of echoed the look and feel of the individual spools. I looooooved the result, and that the title could sit right on the middle shelf in the picture.

Body Text

I found a quote from Mark Hatch, a maker movement guy, and placed it on the shelf just below the title. To make it a bit easier to read I added a semi-transparent dark shadow just behind the text. Because the edges of the shadow follow visual breaks in the image, it’s nearly invisible.

I expanded both title and body text to make it more visually pleasing and a bit easier to read. After that I added some entrance animations and called it good!

Make it Work!

Ready to see how it turned out? You can view it right here.

Select Image to Launch Demo

Select Image to Launch Demo

Filed Under: E-Learning, Front Featured Tagged With: Articulate 360, Articulate Storyline, E-Learning Design, ELHChallenge, Typography, Visual Design

Keeping It Odd

March 14, 2015 By Jackie Van Nice 12 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This week’s challenge is to make up an odd-sounding course title, then design the cover slide. I got inspired by some of the fauna here in South Carolina and went with it.

gator02Our Gators

I love that we get to share this area with the local alligators. Sometimes on our walks we’ll stumble a bit too close to a guy and calmly give him a wide berth, but we all get along famously.

golfer_trans2Our Golfers

Since golfers are also rife around here, especially near gator ponds, I considered what an e-learning course about alligator safety for those guys might look like.

The E-Learning Course

Teaching the golfer how to stay safe by showing him the alligator’s perspective seemed like an engrossing way to go. Especially if you realize, from screen one, that you may be dinner. Of course the goal would be to keep both parties safe.

Visual Design

I purchased my well-dressed golfer, but made the alligator out of PowerPoint shapes. For fonts, I liked the chunkiness of Clarendon against the fancy-restaurant deliciousness of Edwardian Script. All in all, I’m pretty happy with it.

Check it out!

Grab your golf clubs and enjoy this tantalizing title slide right here.

Filed Under: E-Learning Tagged With: Articulate Storyline, Characters, Context, E-Learning Design, ELHChallenge, Emotional Engagement, Instructional Design, PowerPoint, Show Your Work, Typography, Visual Design

Digital Magazine: Can You Give a Better Speech Than a 12-Year-Old?

November 9, 2014 By Jackie Van Nice 10 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This week’s Articulate challenge is to create a demo of a digital learning magazine.

Inspiration

For approach, look, and feel I used Forma Magazine as my inspiration, using Charles Hamper’s suggestion to check out digital magazine samples at ReadyMag.

Content

I decided on the topic of presentations when I found this post by speech coach George Torok who was comparing his experience judging 12-year-olds in a speech contest versus high-level sales and marketing executives giving their own talks. For this demo I wanted simple-yet-interesting content that was easy to explore and browse, so this worked. To make it easier to compare the adults versus children, I organized it into six steps and compared their performance for each one.

Since digital magazines tend to make the most of stunning photography, I found large images that would render well at MorgueFile.

Jump-to-Screen Navigation

Jump-to-Screen Navigation

Navigation Options

I included two types of navigation to imitate Forma’s:
Screen-to-Screen: I used their approach of having on-screen right and left arrow icons. I also added hotspots on top of the arrows to make them easier to tap if you’re on a tablet. You could just add a trigger to the arrow image, rather than use a hotspot, but the target area would be too small to work well.
Jump-To: I might have been able to create a fabulous slider to imitate Forma’s jump-to navigation, but settled for the speedier option of a slide layer with thumbnails of each screen. It gives you an overview of the content, plus lets you jump around. You can access it via the menu icon in the upper right.

Check it Out!

Find out if a 12-year-old’s speech stands a chance against a high-level marketing executive’s right here!

Select Image to Launch Demo

Select Image to Launch Demo

Filed Under: E-Learning Tagged With: Articulate Storyline, E-Learning Design, ELHChallenge, Mobile, Show Your Work, Typography, Visual Design

10 Treats (and Tricks!) I Hear as an Instructional Designer

October 28, 2014 By Jackie Van Nice 6 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This week’s Articulate challenge is to list 10 things instructional designers don’t like to hear.

IDs with jobs will always have issues to resolve – (let’s hear it for gainful employment!) – and I’m grateful every day that I get to do this work.

Yummy ID Goodness

But there’s very little that comes my way that I don’t like to hear, and most of it is completely positive and makes me giddily happy. So I wrapped up some of the tastiest treats I hear (along with a couple of minor tricks) just in time for Halloween. I also put them into a quick interaction in Storyline that you can see here.

Scarily True

Each of these is real, all of them have come from my clients, and every one of them is completely sincere. I’ve also added some comments below under each one.

What Tasty Treats Have You Heard?

I know I’m not the only ID who gets to hear great things like this. If you feel like sharing, I’d love to hear from you in the comments below!

Treat: I can use unlimited creativity? Count me in!

Treat: I can use unlimited creativity? Count me in!

Treat: A sincere statement. The outcome is at #9.

Treat: A sincere statement. The outcome is #9.

Treat: Flexibility plue they'll wait to work with me!

Treat: Flexibility plus they’ll wait to work with me!

Trick: They said this, but it all worked out just fine.

Trick: They said this, but it all worked out just fine.

Treat: Score! Working on this project right now.

Treat: Score! Working on this project right now.

Trick: They can ask, but they know I don't do LMS stuff.

Trick: They can ask, but they know I don’t do LMS stuff.

Treat: One of my favorites. Good characters work!

Treat: One of my favorites. Good characters work!

Treat: Love this. A SME on video conveying great stuff.

Treat: Love this. A SME on video conveying great stuff.

Treat: Continuation of #2. She absolutely was the best.

Treat: Continuation of #2. She absolutely was the best.

Treat: There's no better phrase than this. More work!

Treat: There’s no happier phrase than this. More work!

Filed Under: E-Learning Tagged With: Articulate Storyline, Community, E-Learning Design, ELHChallenge, Instructional Design, Professional Development, Show Your Work, Typography

Dating Zombies as a Survival Strategy

October 19, 2014 By Jackie Van Nice 8 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This week’s creepy-yet-practical Articulate challenge is to put together something that will help us prepare for – and survive – the upcoming Zombie Apocalypse. My idea may not have the best success rate, but it’s all I’ve got.

The Idea

Zombie

Zombie

Sticker

Sticker

Inspiration

Inspiration

It started with some dollar store scratch-n-sniff zombie stickers. (I haven’t been curious enough to find out what zombies smell like yet.) But I started to notice categories (food, drink) and sketched out an interaction where a perky person was doing zombie market research. When outcomes for that seemed too limited, I came up with the dating idea.

Creepy Setting --- Perky Person

Creepy Setting — Perky Person

I knew contrast would be key. Lovely, safe, familiar things needed to be set in high relief against their opposites; hence the choices for music, fonts, script, people, food, drink, and everything else.

Tough Choices

Tough Choices

The Interaction

Theme

It’s all bad-horror-movie inspired, including the intro with that awesome True Crimes font. Add some of Storyline 2’s new animations and it’s a pretty good title screen.

Slider

This time I filled the thumb with an image of a zombie hand and used no visible track. You slide and release the hand to choose, which seems intuitive. The only downside of using the slide-and-release option was that when I published to HTML5 it treated triggers as though they were part of a while-slider-is-dragged version – so I republished without HTML5.

Options & Outcomes

There are 3 possible outcomes. One based on zombie choices, one based on my own personal choices (largely unlike zombie ones; though lines get blurred in a couple of categories), and one somewhere in between.

Click Image to Launch Demo

Click Image to Launch Demo

Try it Out!

Who’s your perfect match? Give it a try and find out… if you DARE.

Filed Under: E-Learning Tagged With: Articulate Storyline, Characters, Community, Context, E-Learning Design, ELHChallenge, Emotional Engagement, Games, Instructional Design, Show Your Work, Typography

  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to Next Page »

Primary Sidebar

Welcome!

I’m an award-winning instructional designer and proud Articulate Super Hero who creates e-learning for large organizations. I blog to explain my design process, share tips and tricks, and help others succeed. I hope you enjoy my refreshing gallery of e-learning goodness!

  • View jackietrains’s profile on Instagram
  • View jackievannice’s profile on LinkedIn

Tags

Articulate 360 Articulate Rise Articulate Storyline Articulate Studio Audio Avatars CCAF Characters Community Context Design Makeover Dials Drag & Drop E-Learning Design ELHChallenge Emotional Engagement Free Download Freelancing Games German Glossary Instructional Design Languages Makeover Menu Mobile Motivation Pantone Portfolio PowerPoint Professional Development Quick Reference Quizzes Sales Training Scenarios Show Your Work Software Training Storyline 360 Tables Technical Training Templates Typography Video Visual Design Voiceover

Top Posts & Pages

  • Portfolio
    Portfolio
  • Home
    Home
  • Sexual Harassment Training
    Sexual Harassment Training
  • Sales Mobility Software Training
    Sales Mobility Software Training
  • Navigating a Tasty Circular Menu
    Navigating a Tasty Circular Menu
  • Articulate's E-Learning Heroes Challenges
    Articulate's E-Learning Heroes Challenges
  • About
    About
  • Free Visual Storyboard Template
    Free Visual Storyboard Template
  • Free Storyline Templates
    Free Storyline Templates
  • How to Go Full-Screen & Lose the Player in Storyline
    How to Go Full-Screen & Lose the Player in Storyline

Copyright © 2025 Jackie Van Nice and E-Learning Goodness by Jackie Van Nice