I am working on CRM system design. Recently working on billing page. I want to know that which is better for users. check below screenshot

Sample 1
enter image description here

Full Page View

enter image description here

  • 1
    There isn't much to go on here, without seeing the wider context.
    – Matt Obee
    May 5 '17 at 14:32
  • @MattObee Edited May 5 '17 at 14:36
  • Why is the amount separated?
    – Majo0od
    May 5 '17 at 14:59
  • 1
    Why not just A/B test both and then understand what your users want? May 5 '17 at 15:34
  • @Majo0od there is only one plan. In first panel there is only information about customer. when user click on pay now then they will redirect to paypal for payment. May 6 '17 at 5:10

I think the second button position looks better. The first one looks like an old 1999 design: Centering and stacking.

You could think about the text $200 - Business Plan being all the way left and the button all the way to the right.

Something else to say for your conversion rate: Minimize the feel of loosing money for the user. Use something like check out instead of pay now. Make the number smaller. You could display Business Plan first in normal font and color and below display the price small and gray.

This should boost your conversion rate later. You maybe even want to read this outstanding guide on how to format money to make the user buy.


Looking at the screen shot it looks fine. But if that button sits at the bottom of a very long page are you sure there is enough direction it. Are you confident the user will know to scroll to the bottom of the page to click?

  • Eh? Of course they will scroll down. I've worked on far too many ecommerce sites to know that this page is necessary to drive to that button (they have to confirm that their information is correct before moving forward). That's not the issue in my opinion.
    – Majo0od
    May 5 '17 at 14:58
  • 1
    Well unless you state what you are actually trying to figure out, we are in the dark. There is a price next to a pay now button. The pay now button will trigger the purchase. That is completel normal and well understood. May 5 '17 at 15:05
  • @BrianMccann There is no scroll bar in this screen. so user will see pay now button in first view. My question is which position is good for users. at bottom or top of the page? May 6 '17 at 5:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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