User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
If the user submit a complain, and I want to inform him you are done; by this message:
Your complain has been successfully sent
Complain id: "12547786210"
what is the best solution to show this message?
in pop-up or in new page ?
Hint: The client said that pop-up is not the best practice in mobile/responsive
You might want to try out Toast Message
It is a small message that shows up in a box at the bottom of the screen and disappears on its own after a few seconds. It's a simple feedback about an operation in which current activity remains visible and interactive. It basically is to inform the user of something that is not critical and that does not require specific attention and does not prevent the user from using the app device.
For example: on Gmail when a mail is sent you receive feedback of “Sending message…” written in the form of toast message.
- For great usability, you could display the "Success Message" with the help of a toast message.
- And navigate to the next page to display the Complaint ID.
I would use "snackbar" in order to show small messages about the status of the complaint, however it should not contains too much information.
Snackbars provide lightweight feedback about an operation in a small popup at the base of the screen on mobile and at the lower left on desktop. They are above all over elements on screen, including the FAB.
You can also add a link to a page describing in details your complain information.
For more information about best practice about snackbar see Material design snackbar page
If you need a more prominent display, Material Design suggests to use the Banner component
A banner displays an important, succinct message, and provides actions for users to address (or dismiss the banner). It requires a user action to be dismissed.
Banners should be displayed at the top of the screen, below a top app bar. They are persistent and nonmodal, allowing the user to either ignore them or interact with them at any time.
Some of this will depend on the action itself and how long the process might take before completion.
If so, you might want to use that.
If so, replacing the page with a message page might be fine; better, you might return them to the most useful page and pop a message panel or toast (as mentioned above) above that page.
If so, letting the user continue their work as the submission process happens would be good citizenship; then you could "toast" them upon completion without interrupting their flow. Either way should work in mobile or desktop format.
