top of page

#ELHChallenge 265: Using Tooltips as Microinteractions in E-Learning

We make use of them every day, and yet I still did not know how to define "tooltip". Isn't technology funny that way? We know so little about the things we use everyday.

" A tooltip is a message which appears when a cursor is positioned over an icon, image, hyperlink, or other element in a graphical user interface". - Thanks Google.

Ok, first step down. Next, I needed a little inspiration for my second #elhchallenge of the year. I thought, "let me head on over to Dribbble to see what I can drum up".

Voila! Hundreds of designers have shared their tooltip mockups, and now I have a clue about how to design and use them effectively.

But I still needed some design inspiration for the challenge - including how to use them in elearning.

Then it came to me as I was writing an email, and erasing all the instances of "just" that I had inadvertently slipped into the draft:

"I just wanted to let you know that..."

"Just a quick note about..."

"Let's just wait and see if..."

In 2020, I want to write more effective, direct, and concise emails. I want to eliminate filler words and say what I mean without worrying about how I come across.


I created a short scenario interaction on writing effective emails. Try it out here: Writing Effective Emails Micro-learning Interaction

Tooltips help the user navigate the course, and make decisions about what to keep in an effective email.

Resources: I used Youtube Studio for the intro music. I referenced 11 signs of weak email writing from for the content. I also grabbed a screenshot of a new message box from Gmail, and photos from

Proud of myself for actually completing two challenges in a row! I almost went off the rails with this one. I was creating complicated branching, building slides and scenes...then I remembered to keep it simple.

I went back to my 1:1:1 rule; 1 slide, 1 interaction, (created in) 1 hour. While the final product has a little more content than that, starting with 1:1:1 helped me map out a simpler route to the final learning objectives. By the end of this interaction, you should be able to identify the signs of weak email writing.

Like I always say, the Articulate E-learning challenges are a great way to:

🍔 Build your portfolio if you are a new designer

🍔 Get your work seen by other industry professionals and receive feedback from them in real-time

🍔 See how other developer/designers interpret content

🍔 Practice your design skills :)

Articulate Storyline is a rapid e-learning development authoring tool with several development solutions including their new cloud-based solution, Articulate Storyline 360.


My name is Nyla Spooner, and I am a Learning Experience Designer. Find out more about me here: Nyla Spooner on LinkedIn

79 views0 comments


bottom of page