DEV Community

Cover image for Applying Goal Gradient Effect
Ilya Nevolin
Ilya Nevolin

Posted on

Applying 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.

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

Image of Datadog

The Future of AI, LLMs, and Observability on Google Cloud

Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

Learn More

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more