2

I am thinking of adding toaster messages as a feedback in an Ecommerce website for small actions, so far I couldn't find an example for using toaster messages in web only for mobile app, and one example from MailChimp

Would be great if you can provide some examples

Thanks

  • Kogan.com.au will show toaster messages like "Someone near you just bought a Sony TV", I think some travel and booking sites have similar toaster messages. I know at one point Facebook used to have toaster messages like "UserName just commented on your picture" - not sure if they still do this. Is this what you were looking for? – Brett East Jun 14 '16 at 23:34
1

As Toast messages are totally based on activity either created(displayed) by users action or background action/processes. It is best practice to show/display them in a way that users eyes do not have to roll all over the screen.

The Best Locations:

  • Top-Right : Created usually because of users action.
  • Top-Center : Created usually because of users action.
  • Bottom Right : Created usually because of background processes/activity, advertising, chat pop-ups.
  • Anywhere else - Less recommended, as we are just talking due to users action.

Above discussed locations are ordered based on priority from high to low

There are few among many examples i would like to share and are really worth.

For more check here

Hope! You get what you were looking for.

  • Also be aware of the accessibility implications... it's not impossible to make toast messages accessible, but in general, any message that appears on or disappears from a webpage outside of the user's direct control can be problematic for visually impaired users. – calum_b Aug 14 '16 at 13:36
0

You can find good feedback messages from here: http://codeseven.github.io/toastr/demo.html

Otherwise I can suggest Alerts from Bootstrap: http://getbootstrap.com/components/#alerts

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.