I'm trying to clean up notifications for a client site and was wondering if the notification pattern that Stack Exchange employs has a name that I can use to search for more examples.
-
4Are you referring to the message that pops up when you earn a badge? We tend to call that the "flash", based on the same concept from Ruby on Rails, eg. rubypond.com/blog/useful-flash-messages-in-rails– RahulSep 17, 2010 at 6:23
Add a comment
|
6 Answers
The terms I see the most are "message bar", "notify bar" and "notification bar".
There are tons of examples with Google using the terms above. Below are a few.
Top Floating message box using jQuery
jQuery: How to show a message bar at the top of browser window
answered Sep 17, 2010 at 2:41
-
4
-
3The Stack Exchange team also call it a "notification bar." See google.com/… and twitter.com/jzy/status/24755401237 Sep 17, 2010 at 13:15
Within Google, we call it a Butter Bar, to disambiguate it from all the other types of notifications that might also be shown on a page.
answered Nov 16, 2010 at 19:45
-
5are you referring to the full width notification bars like here at SE, or the shorter butter-coloured bars which are overlaid top-centre of the page?– EricsOct 7, 2011 at 4:56
I just found a good page from Chromium project about this UI element. They call it infobar and have there quite nice guidelines, rationale and examples: http://www.chromium.org/user-experience/infobars
IE calls it "information bar".
As Rahul mentioned, this is called the "flash" in Ruby on Rails, CakePHP, Yii, Lithium and TYPO3 at least.
It's called banner in material design: https://material.io/design/components/banners.html