Jump to content

Improvements to Commerce checkout page


Tom S.

Recommended Posts

I would like to suggest two aesthetic improvements to the Commerce checkout page.

1. The first one is when a card is already saved to a member's account.

Currently, when a customer hits the checkout page this is what they see:

example_1.thumb.png.73d090c31be119647b78a14f1ab35220.png

In my opinion, it would be better if a) the saved card was ticked by default and b) the form to input the card details is hidden until the customer selects "Use new card". Then the form should appear.

Like this:

 example_2.png.3d86030d5a53858cd2d087e89bff6201.pngexample_3.png.8cfeee318e0a986a6e25d28d43099757.png

I think this would be better because, a) the customer should be encouraged to use the saved card (you see this on sites like amazon, where they assume you want to use your saved card) and more importantly b) if a customer has selected the saved card, it can be a bit confusing why a form is showing.

 

2. My second suggestion relates to the mobile view. Currently the 'order review' segment appears below the "place your order" segment:

example_4.png.20aa3239dbeb81c33d96f098d4614c15.png

This order doesn't make sense logically. You review and then place your order.

I would like to finish by saying what a great job you have done with the Commerce app in general. Keep up the good work! I hope you take these suggestions on board :)

Link to comment
Share on other sites

  • 1 year later...

Bump.

On 7/5/2017 at 11:29 PM, Tom S. said:

2. My second suggestion relates to the mobile view. Currently the 'order review' segment appears below the "place your order" segment:

example_4.png.20aa3239dbeb81c33d96f098d4614c15.png

This order doesn't make sense logically. You review and then place your order.

This is currently still happening.

Link to comment
Share on other sites

On 7/5/2017 at 5:29 PM, Tom S. said:

I would like to suggest two aesthetic improvements to the Commerce checkout page.

1. The first one is when a card is already saved to a member's account.

Currently, when a customer hits the checkout page this is what they see:

example_1.thumb.png.73d090c31be119647b78a14f1ab35220.png

In my opinion, it would be better if a) the saved card was ticked by default and b) the form to input the card details is hidden until the customer selects "Use new card". Then the form should appear.

Like this:

 example_2.png.3d86030d5a53858cd2d087e89bff6201.pngexample_3.png.8cfeee318e0a986a6e25d28d43099757.png

I think this would be better because, a) the customer should be encouraged to use the saved card (you see this on sites like amazon, where they assume you want to use your saved card) and more importantly b) if a customer has selected the saved card, it can be a bit confusing why a form is showing.

 

2. My second suggestion relates to the mobile view. Currently the 'order review' segment appears below the "place your order" segment:

example_4.png.20aa3239dbeb81c33d96f098d4614c15.png

This order doesn't make sense logically. You review and then place your order.

I would like to finish by saying what a great job you have done with the Commerce app in general. Keep up the good work! I hope you take these suggestions on board :)

I am all for saying their information to make a future checkout as easy and frictionless as possible.  

One click purchase.  

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...