Home / Mobile app / Cart
Cart Mobile app
Check and adjust orders before paying.
7 checks · 3 content groups
Checklist Usage examples
Checklist contents Screen and context Action and feedback Branches need to be checked
01 Screen and context Compare information and presentation in context of use.
State the correct product and version Displays the name, image, size, or selection that resembles the selected information. Increase the quantity, delete a product, then undo. The price of each line, the number of items and the provisional total must be updated consistently without losing the current viewing position. Example After deleting an item, it says "Removed from cart" with an "Undo" button; Restore the correct color and quantity selection.Change quantity within reach Increase, decrease or enter accordingly; notice inventory limit. Hold the two up and down buttons far enough away to avoid touching them by mistake; When reaching inventory or purchasing limit, state the reason why it cannot be increased. Let go of goods with feedback If swipe to delete is supported, there are alternative actions and ways to recover as appropriate. After swiping delete, provide a restoreable response when appropriate; People who don't use gestures still need to find the skip-the-line button. 02 Action and feedback Try the operation, change the status and continue working.
Explain the total amount Separate product price, incentives, expected fees and payables. If shipping is only calculated at a later step, state this clearly before the checkout button instead of letting the provisional total appear as the final total. Respond to offer codeIf appropriate If there is a code, indicate the condition, error, and effect on price. Shows which product lines the promotion applies to and how much the total discount is; Code errors need to retain content for correction. There is a way to pay or buy again When the cart is empty, state how to find the goods; When in stock, hold down the easily visible continue button. Empty carts need a suitable way to continue shopping; With items still in the cart, changing your selection must not result in a loss of access to checkout.
Progress is saved automatically in this browser.
Enable JavaScript to check items, save, and export the checklist.
GUIDANCE
How to review 01 Check the quantity and total amount for change Increase the quantity, delete a product, then undo. The price of each line, the number of items and the provisional total must be updated consistently without losing the current viewing position.
EXAMPLES
Usage examples Delete the wrong product After deleting an item, it says "Removed from cart" with an "Undo" button; Restore the correct color and quantity selection.
Variants and use cases The shopping cart has many versions The food delivery cart is empty View full image ↗ Original image from Checklist Design The shopping cart has many versions Separate products, versions, quantities and prices so buyers can check the correct item before paying.
Change size or quantity; Total and stock status must be updated together.
Example Two shirts with the same name but different sizes still have two clear lines in the basket.
View full image ↗ Original image from Checklist Design The food delivery cart is empty Keeps the delivery location and selected store when the item is not available, bringing the user to the list where they can order.
Delete the last item; Don't keep old totals or clickable pay buttons.
Example “No items in cart” goes with the View current store menu button.