Alert Module
Best Practices
Overview
The alert module is designed to call attention to breaking news or critical information. Based on the type of alert, the alert icon and module box color are standardized so that alerts are easy to recognize by intranet and internet visitors.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
The example above is a warning alert, one of four types of alert modules:
- Critical (red) for highest-level, urgent messages
- Warning (yellow) for urgent messages with less critical impact
- Information (blue) for important messages with no risk or urgency
- Success (green) for important messages with no risk or urgency, positive information
For comparison, examples of all four types are presented at the bottom of this page.
Guidance
- Place the alert as high on the page as possible.
- Be brief.
-
- Keep titles within five to seven words.
- Limit descriptions to one or two sentences.
- Link to details when necessary. (You can place a link on the module title or specify an action link/button.)
- Don’t leave an alert up too long. (You can set start and expiration dates.)
- Go to ExamplesSee examples on this page that illustrate key options.
- Building in the WCMSSee key tips and guidelines for working with alert modules in the WCMS.
- TP4 UX Best Practices [PPT - 14 MB]For general guidance on colors, layouts, and overall presentation, see this overview of TP4 best practices.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.