1

When do you normally add notifications to a slide-out panel vs using a banner for it?

By slide-out panel, this is similar to what I mean: enter image description here

By banner, this is similar to what I mean (but with a dismiss (x) option): enter image description here

In our app, we have the option to do both.

But I would like to add a notification that I'd really like to get a user's attention on, but at the same time it's also not crucial to their process.

Would it be more appropriate to add it to the slide-out panel? Or would it be better as a (dismissible) banner?

1

Based on your description of the content, the dismissable toast banner would be more appropriate because the user would have to click and open the slide-out panel. These panels are not typically used for validation notification messages. If the user does not need to refer to the content again, use a toast banner instead.

A toast banner that is both dismissable and disappears after a short time is a better fit for your purpose: the initial appearance catches the user's attention but it is also unobtrusive and goes away after awhile.

| improve this answer | |
  • By "toast banner", do you mean ones that appear at the very top of the page? Or do you mean similar to snackbars that show up at the bottom left? – Jan Oct 2 '19 at 18:00
  • The ones that appear at the top of the screen or page. – Ling Oct 2 '19 at 19:41

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.