Errors disappoint and frustrate users. Prevent them whenever possible. When errors happen, provide thoughtful feedback and exemplify the conversations Morningstar strives to have with our users.
System-level errors should use the Top Hat component. In the message, start by apologizing, describe what’s going on, and indicate how long it might take to resolve the issue.
If a user enters an input incorrectly or fails to take proper action, alert them with red, in-line error messaging. Ideally, this messaging would show as the user types.
See Input states for details.
If a user can’t access certain information, tell them why, or hide the component entirely if it’s not pertinent to their role. Provide a way to resolve access issues, if it’s possible.
Prevent errors ahead of time by identifying required/optional fields. See Forms for more information.
Character counters set users' expectations for how much content to enter, including any limits on characters.