Every word teaches. Even the tiny ones. Design with intention.
In instructional design, we pour time into crafting clear objectives, storyboards, assessments, and learner pathways, but often overlook the smallest text on the screen: microcopy.
Yet, microcopy, those tiny interface texts like button labels, error messages, tooltips, and form hints, can make or break the learning experience. When used well, it reduces cognitive load, clarifies next steps, supports accessibility, and even builds trust. When ignored, it silently contributes to learner confusion and disengagement.
Let’s take the humble “Continue” button as a case in point.
What Does “Continue” Really Mean?
“Continue” seems simple. It signals the learner to move forward. But what are they moving into? A quiz? A new module? Will they be able to go back? Are they submitting a response or just saving progress?
The ambiguity in that single word introduces a microsecond of hesitation—a crack in the learner’s confidence. Multiply that hesitation across multiple points in an eLearning experience, and you’ve got friction where there should be flow.
Instead, microcopy like:
- “Submit Quiz and View Score”
- “Save Progress and Exit”
- “Next: Video on Protein Synthesis”
…removes uncertainty and builds a sense of orientation. Learners know exactly what clicking the button will do. This is especially critical for neurodivergent learners, those with anxiety, and anyone navigating a new interface.
Invisible, but Not Neutral
Microcopy is often treated as decoration or an afterthought, something added during development to “fill in” the UI. But it’s not neutral. Every tooltip, label, and nudge carries instructional weight.
Compare these tooltip examples for a drag-and-drop quiz:
- ❌ “Drop the answer here.”
- ✅ “Drag the correct enzyme to the part of the process where it acts.”
Both direct the action. But only one reinforces the learning objective. That’s instructional design doing its job, even in a tooltip.
Where Microcopy Matters Most
In learning interfaces, prioritize microcopy in:
- Navigation elements (“Back,” “Next,” “Start,” “Submit”)
- Instructions inside interactions (drag-and-drop, hotspots, branching)
- Form fields and validations (“Please explain your choice in 1–2 sentences.”)
- Tooltips and hover help (contextual hints to support struggling learners)
- Empty states (“You haven’t added any notes yet. Use the button below to begin.”)
Each is a chance to gently teach, reassure, or guide.
A Practical Test: Read It Aloud
One simple rule: if your microcopy sounds robotic, vague, or unhelpful when read aloud, rewrite it. Better yet, read it aloud as your learner would experience it. What would you want it to say if you were stuck or unsure?
Example for the Field
A module designed for a pet fostering organization, replacing a button labeled “Submit” with “Submit Application and Notify Team,” gives the user a better sense of the expected steps. The result? Fewer confused emails and a smoother onboarding flow… all from five extra words.
Further Reading:
Welfle, A. and Metts, M. J.(2020). Writing Is Designing: Words and the User Experience. Rosenfeld Media.
A practical guide to writing effective microcopy with UX in mind.