When to Use Emojis for E-Learning

emoji e-learning

Emojis are the today’s hieroglyphics. I can imagine thousands of years from now as archaeologists try to reconstruct our culture. They’ll spend years collecting emoji messages and then additional years to decipher them. And after all of that time, they’ll come to learn that we worshiped the goddesses known as Kardashians.

It’s a frightening thought indeed, but one we can counteract in how we use emojis in our training programs.

What Are Emojis? 			</div><!-- .entry-content -->
	    
	<footer class=

How to Create an Interactive Start Screen

e-learning instruction screen interactive start screen

It’s common that when getting to a new web service or starting a new application you see some sort of instructions or start screen. Basically, the screen freezes your interaction with the site until you’re oriented and then lets you continue. Some force the interaction and others allow you to opt-out.

Those are not much different than the gate screens I’ve written about in the past (with free downloads). The gate screen sort of does the same thing. It stops your progress, provides instructions, and lets you continue.

Examples of Start Screens

Here are some examples of different instruction screens I’ve seen online. I’m sure you’ve seen something similar.

instruction screen

examples of interactive start screen

How to Create an Interactive Start Screen

Today I’ll walk through the process of creating an interactive start screen. Below I highlight the main considerations and you can watch the video tutorial to get the details.

  • Is the screen mandatory or can the user click away at any time? I prefer the freedom to leave, however, there may be times where it’s important the person is exposed to all of the instructions. Sometimes people tend to skip out and they may benefit from not doing so, especially when it comes to matters of compliance training.
  • Does the instruction only move forward or does it go backward, as well? Probably more a matter of preference, but if they can go back make sure you build the navigation to work properly. You’ll also notice that one of the images above offers a single “continue” button thus limiting it to forward movement only.
  • Do you need the progress dots? Many of those instruction screens have dots. They’re good for progress indicators. You’ll notice that some of the screens display numbers or timelines. If you do use dots, are they clickable? Do they need to be?
  • How are the instructions displayed? Are they on cards, which seems to be the most common. Or are they displayed fullscreen? Fullscreen gives you more real estate. Cards are usually laid over the main screen with some sort of lightbox design.
  • Is the content animated? There are some nice effects you can create with entrance and exit animations. But sometimes when building these types of screens, the time it takes to make them look right, may not be worth the value you get.
  • How do the instructions end? Some disable the navigation buttons and others offer a “get started button.” The main consideration is what is the next step? If they need to continue, make that clear. Or if all they need is to close the screen, then make that clear, as well.

How-to Tutorial

Here’s a tutorial where I build a quick prototype and discuss some of the considerations and approaches you can take building an interactive start screen.

instruction screen e-learning interactive start screen tutorial

Click here to view the tutorial.

There are a lot more considerations, but those are a good start. And when you actually start to build the screens for your course, you’ll find there are many different ways to do so.


Download the fully revised, free 63-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

Upcoming E-Learning Events

2018
 

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

Visual Learning: 6 Reasons Why Visuals Are The Most Powerful Aspect Of eLearning

The objective of an eLearning course is to make a strong impact on learners and facilitate learning. Visuals are an important aspect of an eLearning course that communicates the key concepts and engages learners throughout the course. The article explains visual learning and advantages of visual learning.

This post was first published on eLearning Industry.

What Are Your Favorite Go-To Fonts?

e-learning font style favorite font

I build a lot of templates and shareable files, so I often use system fonts. I do this so I don’t need to worry about fonts not being installed on the other person’s computer. Most of the time I stick with Open Sans. It’s a nice clean font family that has plenty of options. And it’s one people usually have.

When it comes to working with fonts, I’m not a designer, so I like to keep it simple. I usually look for a title, body, and maybe an extra one for emphasis. So I may have a style guide that looks like this:

e-learning font style guide

However, sometimes system fonts can get a little boring. And besides, we all have certain fonts that we really like, that is until they’re overused…like papyrus. Here are (were) some of my favorite go-to fonts. They’re ones I actually know the names of and can locate on my computer.

  • I like Skippy Sharp for handwriting. But it has gotten a bit old and a lot of people use it now. They need to make a Skippier Sharper font.
  • I use Action Man for comic style modules. But I may go back to the retro Comic Sans which is like the Stranger Things of fonts.
  • I like the slab fonts for headlines. Rockwell is a nice one. But again, it’s starting to get overused.
  • I used to like Pacifico, until others found it, too. Now my fonts aren’t making me special. I’m an iPhone 7 in an iPhone X world.
  • Franklin Gothic is a nice clean font family. As is Helvetica and the many knockoffs.

Today, I was thinking about how many of us have our favorite fonts that we like to use. In fact, if I see a project from someone on our team, I can usually guess who build it by the fonts used in the module.

When I’m in a pinch, I always know I can go with Rockwell for a title, the Open Sans family for body/emphasis, and Skippy Sharp for an accent.

So I was wondering what you use:

  • What’s your favorite title font?
  • What’s your favorite font combination?
  • What’s your favorite handwritten font?
  • What do you do to add emphasis to the text? Do you use a new font, bold, or recolor?

Feel free to share what you use in the comments.


Download the fully revised, free 63-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

e-learning workshop

Upcoming E-Learning Events

  • Antwerp: Nov 7. Articulate User Day 2017.
  • Utrecht: Nov 9 & 10. Articulate User Day 2017. Register here.
  • London: November 13 & 14. Articulate Community Roadshow. Register here.
  • Manchester: November 16 & 17. Articulate Community Roadshow. Sold Out. Register here.
  • Webinar (University of California Irvine): December 13. How to Build a Professional E-Learning Portfolio. Register here.
2018
 

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

7 Top Tips To Use eLearning Infographic Templates

Many eLearning pros cannot imagine developing a high-quality eLearning course without using eLearning templates. Ready-made eLearning templates help eLearning developers save time and enhance the overall eLearning course design process. In this article, I’ll share 7 tips to use eLearning infographic templates to create winning infographics for eLearning.

This post was first published on eLearning Industry.

Developing Effective eLearning Infographics: A 7-Step Guide

Infographics have been around for a while in the marketing sector. But now they are one of the most popular online training tools in the eLearning industry. In this article, I’ll explore 7 steps involved to create effective infographics for your eLearning course.

This post was first published on eLearning Industry.

7 Reasons To Include eLearning Infographics In Your eLearning Course Design

Facts and figures help to support the key takeaways and enhance the value of your eLearning course. Presenting them in an easily digestible format is even more important. In this article, I’ll explore 7 ways that eLearning infographics can enhance the eLearning experience of your online learners.

This post was first published on eLearning Industry.