Improvements to Commerce checkout page

[Tom S.]

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:

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:

 

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:

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

[SJ77]

I like both ideas. It's these little bits of polish that help make a really nice product. Hope these things happen.

[Tom S.]

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:

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

This is currently still happening.

[Warzone]

Yep, love this idea! 

[Joel R]

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:

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:

 

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:

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.  

[kmk]

＋11111111