Result
You might say
After payment succeeds, show a clear success page instead of immediately sending people somewhere else.
Explain the final outcome and the next available stepA result page or panel marks the end of a task, such as payment success, submission failure, or an empty permission state. State what happened, what it means, and what the user can do next. Do not leave them at a decorative success or error icon.
When to use it
- Payment or submission completed✓Submitted successfullyYou’ll be notified of the review result in 1–3 business daysBack to listView details
- A process failed with a recovery path✓Payment successful¥299.00 · Order #20260721001
- Permission denied✕Payment failedInsufficient balance. Please use a different payment method.Try payment again
When NOT to use it
- Use a full result page for a tiny local action✓Nickname updatedOne changed word doesn’t need a whole page
- Show success before the server confirms itNo data
- Report failure without a retry or support path1Enter information2Confirm order3Complete payment
- Use a vague title that does not say what finished✓Submitted successfullyToo many next actions, with no clear priorityBackViewShareSubmit again
Anatomy
Submission received
You’ll get the review result within 1–3 business days
Return to listView details
A full page of feedback with the content vertically centered
Large size ✓ / ✕ / ?, you can know the result from a distance
One sentence conclusion, such as "Submission received"
What happens next and what users should know
Keep only clear and necessary next steps
Variants
Success
Submission received
Clear notification of successful outcome after process completion
Error
Payment failed
Insufficient balance, please change payment method
A key operation failed. Please explain the reason and try again.
Warning
Service issue
We’re working on it. Please try again later
Abnormal service and other problems that are not to blame the user
Typical use cases
Submission complete
Submission received
You’ll get the review result within 1–3 business days
Return to listView details
Payment complete
Payment complete
¥ 299.00 · Order number 20260721001
View orderReturn to homepage
Payment failed
Payment failed
Insufficient balance, please change the payment method and try again
Try againChange method
