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
- A process failed with a recovery path
- Permission denied
When NOT to use it
- Use a full result page for a tiny local action
- Show success before the server confirms it
- Report failure without a retry or support path1Enter information2Confirm order3Complete payment
- Use a vague title that does not say what finished
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