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.
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
-
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.
-
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
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