I'm working on a shopping cart page. I designed it following the idea of a progression (order > delivery > payment) so already entered informations are summarized on the left, and new informations are entered on the right part (left is past, right is next in left to right languages) (figure A).

I saw on various websites the opposite structure (figure B) (fill new informations on the left part, summarized informations on the right).

Which structure do you think is best ?

Figure A enter image description here

Figure B enter image description here


Most e-commerce websites I have used over the years assume the user reads from top to bottom and left to right so the CTA would work on the right depending on the region the website is aimed at.

EDIT: Figure B would be the option to use. The user has already reviewed their items in the basket so the important area is the delivery information and this would take priority. The user would fill out this information and click Go To Payment. The order recap would serve as helpful information.

| improve this answer | |
  • There are other factors to consider like how the layout of the page would change when viewed on other devices. – Robert Sep 8 at 16:35
  • 1
    Usually supplementary information is displayed on the right side (see Related and Hot Network Questions on stackexchange). The delivery part is essential here, so on a smaller device the order recap would be positioned at the bottom or left out. – Nash Sep 8 at 17:53
  • I can see that this is Step 2 of a checkout process so would agree with Nash. The Buyer may have already reviewed their order at this point so the order recap would be regarded as supplementary information. – Robert Sep 9 at 12:02

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.