Applying the Goal Gradient Effect

I was reading an interesting post on Reddit on product psychology, and it reminded me of the Goal Gradient Effect.

This effect tells us that:

• The closer to their goal the more motivated people are.
• As people get closer to a reward, they speed up to get to their goal faster.
• People are motivated by how much is left to reach their target, not how far they’ve come.

The author also gave a pretty good example: “Profile Strength” progress bar on LinkedIn makes customers more likely to complete their profile.

This got me thinking of my own project Codr — an edu coding platform. It was missing a stimuli to motivate users to solve more challenges and climb the ranks. A simple progress indicator is actually very ideal in such a case, so that’s what I quickly added.

Article reference: https://www.reddit.com/r/Entrepreneur/comments/kxs2u1/6_cognitive_biases_effects_mental_shortcuts_used/

Adding progress bars is peanuts, you can find a ton of html/css/js code which you can tweak, I used this one: https://css-tricks.com/css3-progress-bars/

Happy coding ❤