As users move throughout a digital experience, varying levels of attention are given subconsciously. Having multiple levels of emphasis ensure designers can craft experiences that allow the user to speed up or slow down at appropriate moments.
Throughout the component documentation, and during conversations about digital experiences, designers will reference moments of no emphasis, low emphasis, medium emphasis, and high emphasis. Each level of emphasis represents a moment in which a user could and/or should interact with an element.
No emphasis moments represent a piece of the experience in which a user can freely and quickly pass over without missing anything important or critical to the task at hand. These moments are great for ancillary actions or details.
Low emphasis moments represent a piece of the experience in which a user can briefly recognize some piece of content but quickly continue on without missing anything important or critical to the task at hand. These moments are great for ancillary actions or details.
Medium emphasis moments represent a high value (but non-critical) piece of the experience in which a user should readily see and recognize as an option, but can still quickly identify a different path forward. These moments are great for secondary actions or details.
High emphasis moments represent critical pieces of the experience in which a user needs to engage to complete a task or trigger an action. These moments are the only way to present primary calls to action.
The following examples illustrate how the levels of emphasis are used throughout the documentation. Please note this is not every instance of emphasis used with components — just a handful of examples.
The purpose of showing these examples is to demonstrate how some component variants are structured around the concept of high, medium, low, and no emphasis. Also some components represent moments of high emphasis (prompt); while others are only appropriate for lower emphasis moments (notification).