Codecademy's in-app success messages

July 19, 2017
Tooltips

Codecademy is an easy-to-use online platform for learning code. Even so, the word "code" still sounds daunting to some people, so Codecademy uses success messages to reassure users and remind them of the product's long term value. Here's how they do it:

When a user makes a mistake, they're shown a small red “error” tooltip. They're prompted to try again with a hint that helps them get to the right answer.

When users correctly complete an exercise, they're rewarded with a green check-mark and an encouraging “Way to go!” tooltip.

By helping users achieve these small milestones through positive reinforcement, Codecademy uses small wins to achieve their bigger goals. We like this because it's an extremely effective way of building lasting motivation throughout the entire customer lifecycle.