I have a checkout page on my application that has two buttons, one to review the order, and one that goes back to the shopping cart.

Screenshot of checkout page. The navbar has a shopping cart button, there is a progress indicator, a shipping address, and the two buttons to either review the order or go back to the cart

My product owner feels that the Back to Cart button needs to be more prominent, despite there being multiple ways to get back to the cart (the link in the header, browser back button, or the Back to Cart button). It's also a secondary action, so it really shouldn't be prominent in my opinion. In early testing of this, nobody had trouble getting back to the shopping cart, regardless of how they chose to get there.

Is there a reason to make this stand out more, and is there a way to make it "more prominent" without pulling focus from the primary action?

  • 2
    This is the screen you see when you've already decided to buy something right? Most webshops don't even offer this many 'ways out'. You want them to continue, so offering any additional buttons that take them out of that flow is a bad idea. Just the button next to the primary one should be enough, this is where people will look for it. – Wanda Sep 26 at 14:45
  • Im not sure also "Order status" link and that menu belongs to checkout. Could you explaing context bit more, whats application is this, and what is top menu for? – xul Sep 26 at 15:32
  • The Order Status and other stuff is part of the header, so it's always there. We are hiding a search bar that's normally there, but yes, the idea is to funnel them through checkout without giving too many escape hatches. That's why I went for subtle with the Back to Cart button, but it seems to be a sticking point with the product owner. – Stubnortz Sep 27 at 13:48
  • You could suggest your product owner whether they want people to drop off or actually check out? What is more important? Additionally, I would recommend the stepper active state to be less prominent than the CTA (they are competing each other now). – Nicolas Hung Dec 10 at 17:59

User should have control on every step of process.

Where to add interaction?

Finish of the process is the great time to display data collected in the past steps and give oportunity to check and correct if need.

What's the method of make button more visible?

Add back arrow, that sygnalize possibility.

On the nav color of interaction (when you navigate on navbar, it make a possibility to change step (example from 5 to 1, 2, 3, 4)

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.