---
# System prepended metadata

title: Checkout UX Review

---

# Checkout UX Review

Author: Dan Ferguson
Date: 1 Sept, 2022
Edited: 6 Sept, 2022

# Review 2

6 Sept, 2022

### Product Purchase

#### Checkout Page

- When I toggle between Hosted and Shipped, the size of the time changes. This should remain the exact same size, as the it also moves the text on the page. 
- When I click and/or hover over the question mark next to the question "Which hosting option is right for me?", a dialog or modal box should pop out with information  
- Ideally, when I am going to fill in the billing and shipping information, I would only be able to scroll the right-hand side portion of the screen, and not the whole screen. This means the left hand content (item information) is always visible on desktop/laptop devices - Ideally, if the user has previously made an order, the billing and shipping address (and preference whether they are the same) should be copied and injected automatically into new orders. 

# Review 1 

1 Sept, 2022

### Product Purchase (Mining)

#### Checkout Page

- The page is very bare. There should be some incorporation of branding. This could be subtle like Stripe has done. They have "Powered by Stripe" and the business logo on the top left of their store.
- There is a double border thickness on the top of the right-hand side section.
- There should be an indication that the checkout amount "Total" field is in AUD.
- I would recommend swapping the sides - item details on the left, personal information on the right.
- Only on mobile devices: item information comes first, then personal information comes second. However, the "Confirm Order" button / continue shopping link stays on the bottom where it is.
- After "Confirm Order" has been pressed, the "Hosting Options" and "Select Quantity" selections should be dimmed/shaded to indicate that they are no longer selectable/togglable. Currently, they still look usable.
- For the price under the product title, it should be formatted in the same way as the "Total" currency is (with a comma separator).

- Stripe Checkout UX example: https://stripe.com/docs/payments/checkout

#### Order Confirmation Page

- This is good for now. Recommend taking a look at this in the future - but only when there is nothing left to do on the rest of the site.
- Each of the sections are not left aligned properly. If you look at the top section/IW logo against the Billing address/Payment method sections, the latter are further from the margin. They should be aligned.


### Subscription Purchase

#### Checkout Page

- There should be some kind of Stripe logo on the modal. It looks a little shady by itself. This would help to give clients a sense of security.

#### Order Confirmation Page

- There is a shipping method on this page, even though it is a subscription. This should be premoved.
- Each of the sections are not left aligned properly. If you look at the top section/IW logo against the Billing address/Payment method sections, the latter are further from the margin. They should be aligned.