Grid Page Progress Bar
Winner: Grid Page Progress Bar. Add a progression bar to the top of the grid page, below the hero section. The steps shown would include: 1- Enter Zip Code, 2- Select Plan, 3- Enter Details, 4- Confirm Order. The user would be on Step 2 upon landing on the Grid Page, Step 1 would already be checked off as they would have had to enter their zip code upon landing on the page. Because we saw success with adding a progression bar on the Mobile Checkout page (E19) , and have seen competitors add progression bars to their plan selection pages ([company], Just Energy). Progress bars play on an individual’s ‘need to complete’ in order to make ourselves feel better. It works to visually define the end goal and effectively ‘dangles the carrot’ for the user, enticing them to take up the challenge. The idea is that adding a progress bar will make users feel as if they are in the middle of a task that is not complete, motivating them to move to the next step and selecting a plan, and checking out.
Hypothesis
Add a progression bar to the top of the grid page, below the hero section. The steps shown would include: 1- Enter Zip Code, 2- Select Plan, 3- Enter Details, 4- Confirm Order. The user would be on Step 2 upon landing on the Grid Page, Step 1 would already be checked off as they would have had to enter their zip code upon landing on the page. Because we saw success with adding a progression bar on the Mobile Checkout page (E19) , and have seen competitors add progression bars to their plan selection pages ([company], Just Energy). Progress bars play on an individual’s ‘need to complete’ in order to make ourselves feel better. It works to visually define the end goal and effectively ‘dangles the carrot’ for the user, enticing them to take up the challenge. The idea is that adding a progress bar will make users feel as if they are in the middle of a task that is not complete, motivating them to move to the next step and selecting a plan, and checking out.