Toasts on big screens – how to improve noticeability
Our webapp uses toast notifications to inform the user about the results of their action. They are displayed in the bottom right corner.
The problem is that I use a big screen - 32 inch - and the notifications are almost unnoticeable unless I consciously focus on that area.
While on some views (password change) can straight up replace the form with success message, most of the time the user is meant to stay on the same page.
On another note while the app is responsive most actions are typically done on the user's PC/notebook.
How can this be improved?
I see three options as of now:
bottom center
Directly below the content which is fine for large screens but might block the contents on small screens. But that is an unlikely case because even in repetitive/batch entry cases actions are too slow to cause those notifications to stack.
top right
The sight is top heavy so moving those notifications to the top moves them closer to content.
bottom left
Directly below the menu - while possible as of now this could block the menu and there might be more entries in the future.