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-railsRahul– Rahul2010-09-17 06:23:02 +00:00Commented Sep 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
-
4We also use "Notification Bar"Susan R– Susan R2010-09-17 11:59:23 +00:00Commented Sep 17, 2010 at 11:59
-
3The Stack Exchange team also call it a "notification bar." See google.com/… and twitter.com/jzy/status/24755401237Patrick McElhaney– Patrick McElhaney2010-09-17 13:15:48 +00:00Commented 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.
-
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?Erics– Erics2011-10-07 04:56:01 +00:00Commented Oct 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
