DEV Community

loading...
Cover image for Applying Goal Gradient Effect

Applying Goal Gradient Effect

codr profile image Ilya Nevolin ・1 min read

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.

learn coding app

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 <3

Discussion (0)

pic
Editor guide