Checkout Mobile app

Complete orders with minimal data entry and clear statuses.

8 checks · 2 content groups

Checklist contents

Review progress

Screen and context

Compare information and presentation in context of use.

Keep menu summaries easy to openLet's check the product, version, quantity and total amount in the relevant steps.Enter the address on the small screen, correct the error box, then review the order. Keep cell labels, payment totals, and confirmation steps easy to find; success indicator after processing is complete.Example Place the message "Add house number for accurate delivery" right below the address box, keeping the other information filled in unchanged.State the full amount to be paidShow fees, taxes, and incentives before the final confirmation button.Any additional fees must appear before final confirmation; After changing address or method, the total amount should be updated and explained.Give the method suitable for the deviceIf supporting wallet or payment system, clearly state the option and how to use it.If the system wallet is not available or the user does not want to use it, keep another supported method instead of letting the stream be blocked.Only ask for necessary informationSupports autofill and keyboard matching for addresses, phone numbers or payments.Try filling in the address yourself and moving the cells on the keyboard; Only request data again when there is a reason and keep valid entries.

Action and feedback

Try the operation, change the status and continue working.

State the current stepIf there are multiple steps, keep the return path and entered data.Returning to the previous step should not remove shipping options or valid information. State the number of steps remaining before payment.Keep buyers from sending duplicatesThe newspaper is paying and explaining when the results are not known.Recover from transaction errorsKeep non-sensitive information, state how to change method or try again.Distinguish between rejected transactions and results that have not been received; Before trying again, users need to know if they may have been charged.Confirm application and money collectedIndicate order code, status, method and steps to receive goods or start use.Indicate where applications and receipts can be reviewed; If sending a confirmation email, indicate the receiving address so the user doesn't have to keep the screen open.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Check the last step with the keyboard open

Enter the address on the small screen, correct the error box, then review the order. Keep cell labels, payment totals, and confirmation steps easy to find; success indicator after processing is complete.

EXAMPLES

Usage examples

Delivery address is not enough

Place the message "Add house number for accurate delivery" right below the address box, keeping the other information filled in unchanged.