A Review of Basket Usability by Mark Ong

Weight of Type, Some Element Placements

  • Mark Ong

    Mark Ong

    Rank: 2 Titan

    702

    • Design: 3
    • Purpose: 4
    • Originality: 2
    • Engagement: 3
    1 Vote
    This review has been awarded.
    Weight of Type, Some Element Placements

    Posted on Aug 12, 2010 at 4:21 AM

    Hi Steven,

    Page 1:

    • Remove icon rather large. Consider a smaller icon and text but have it in red (commonly associated with "cancel")
    • Changing the quantity is a little strange. Consider a little "add more" button below the final price
    • Bring the total price up (don't leave it on a separate row). If a user has multiple items, the borders and rows might add confusion in future
    • Have all the delivery notice, etc in a separate (maybe very pale yellow) box and slightly smaller. This will call enough attention but not take up too much space as they're not critical to the actual checkout process.
    • I'd like to have the "Continue Shopping" button below the checkout but a smaller button like you've done. Its always good to solicit more sales. Now it looks a little lost on the left

    Page 2

    • General form layout is ok. My personal preference is to align labels to the right so that its nearer the input field
    • As others have indicated, the add a delivery address part is a little strange. Consider showing fields for delivery address with a checkbox above it to say "Delivery address same as billing address". On check, populate with same data from billing address

    Page 3

    • My only concern is how the entire invoice would look if you have multiple items. I'd relook into the typography, spacing and general placement of all the information.