August 17, 2022

Right here’s a method to give website guests the sensation of satisfaction that comes from figuring out they’ve made progress in life, even when it’s simply within the context of shopping for a product from you. Ever discover how some web sites allow you to see the place you stand alongside the trail to creating a purchase order or finishing a survey? They’ve found out {that a} progress bar—or completeness meter—works of their favor. Study extra about why that’s, and how one can make it give you the results you want, in our newest from the 100-Day Digital Development Plan. It’s Development Tactic #52 — Add a Progress Bar.

OVERVIEW — Add a Progress Bar

Everybody wants suggestions, and in the case of finishing a set of duties or steps, optimistic rewards are an effective way to maintain on monitor and transferring ahead. Even when the reward is an easy indicator of what number of steps you’ve performed, the psychological impact is to make you are feeling you’ve actually completed one thing. Being the creatures we’re, we then begin to crave that “reward” once more (sure, endorphins are concerned), and we’ll maintain going to get the following payoff, and the following one after that. If that is beginning to sound acquainted, it might be since you’ve skilled this sort of “gamification” construction constructed into video video games and different settings (examine again for extra on gamification in upcoming submit, Development Tactic #58!). Prepared to start out constructing a progress bar into your website, and encourage extra guests to maintain transferring towards objective completions? Simply, um, full the steps beneath!

See also  Development Tactic #80 How Do You Rating? Survey Your Buyer Loyalty


STEP ONE: Consider your app or your website construction and put your self within the person’s place. The place would a progress bar be a helpful motivator to maintain somebody transferring alongside–perhaps in a key stage of organising to make use of your app? Should you occur to be an e-commerce website, a progress bar will assist transfer purchasers throughout and cut back the dreaded procuring cart abandonment syndrome.

STEP TWO: Get to work designing and constructing your new progress bar function. You should definitely contain your net developer so the progress bar encourages customers to finish a purchase order or implementation, rapidly and with out an excessive amount of interference. Make certain it’s totally practical and displays—what else?—progress made by customers as they transfer alongside your pathway.

STEP THREE: When creating any a part of a web site or app, you’re by no means performed till you attempt your greatest—to interrupt it. Check it your self, have a number of individuals do the identical, and maintain a listing of weaknesses or potential issues. Push your progress bar dwell if you’re totally assured that it really works as meant.


We’re dedicated to offering a deep supply of data and schooling for our neighborhood. Discover extra sources in our Study web page and go to us right here once more for the following 100-Day Digital Development Plan Tactic! Then, contact us for extra concepts on digital development and your web site.