News Box


The users want to know about changes to the site


Add a news section to the home page that contains the most recent news headlines.


Use when

Sites that are regularly updated. For example, for product updates and press releases. Users want to know about updates but don't want to check often. News is not the main content of the site but still important to users.


Assign a separate area of the home page to news items. Each item should be short and to the point. Each item is a link that points to a larger description of the news or to the section it applies to. The number of news items shown is limited i.e. typically less than 5. The news items are sorted on date with the most recent item at the top. The heading of the news section may function as a link to a larger news section on the site. The news items remain there for a certain period of time after which they are removed, for example after a week. Alternatively, when new items are added to oldest ones are removed. The news section is typically placed in the center of the home page or at the right/left of the page.


When the news items are present on the home page, the users only need to check that page and can jump to the specific items from there.

More Examples

This example is Macromedia's home page and presents a news section in the center of the page. Each news item is short and uses "newspaper" style language. Clicking on the news item take the users to the full story.

plml logo


0 comments have been added to this pattern

Add a comment
Do you have something to add or say about this pattern? Perhaps some more examples of how this pattern is used in the wild? Add a comment to this pattern and I'll update the pattern when necessary. Please abstain from misuse. I reserve the right to delete or modify inappropriate postings.

Your Name


Enter the verification code you see in the image below