Zero Statenew pattern Proposal
Zero state’s goal and purpose is to provide our customers with the single most important value proposition for any offering or feature within QBO, and compel our customers to take action. At a quick glance, our customer’s should grock the “how” and “why” of this product or offering. Zero states should always align with the end-2-end workflows within the ecosystem.
How it works:
A visual icon is centered at the top of the Zero state page. The icon uses a visual metaphor to connote the value proposition for the Zero state page. Icons follow brand guidelines.
Headline: Primary messaging used to provide the value proposition for that particular product or offering. The headline should provide the “why” for our customers and prompt our user’s into insightful action.
Sub Headline: Secondary messaging used in support of the primary value proposition. Messaging should always speak to a targeted customer segment.
The “action component” is located directly underneath the value proposition provides the “how” for what’s next in the workflow.
Primary Call to Action:
Is located in close proximity and/or directly below the action component.
Secondary Call to Action:
Drives to our learn more page if customers need additional information about the offering or feature.
Tertiary Call to Action:
Can be utilized only if it’s in support of the primary call to action.
Zero states are targeted based on our customer segments. Depending on the use cases, targeting can enable multiple zero state to target specific customer segments.
Two Zero states can be used for complex use cases with 2 workflows that work together for an e2e experience. Eg. A Zero State for signing up for payroll, and another Zero state for setting up Payroll.
Zero states can be accessed from any point. Prioritized focus will be dashboard and left navigation access points for the Zero state.
Appearance and Behavior:
Screens and specs:
Screens and specs: