Empty states

Use this pattern during moments in the application where there is no data to display to the banker, or if a search query returns zero results. The pattern comes either with an illustration for when iit’s used to represent an entire page of data, or a simplified version that can be used within a page section. 

What’s happening here?

• Instruction. The banker is informed that there is no data to display 
• Next steps. When relevant, there is a CTA that can try to refresh the results on the page or section, take the banker to another task or area of the application, or direct the banker to a step that is required to be completed before the information can display. 

Why do we do it this way?

Gives a sense of security 

• Empty states are crucial for providing a seamless banker experience by reducing confusion and helping bankers understand the context of an empty area within the form. 

Where does it sit in the application?

This pattern can be used wherever in the application it is required. 

How do we want our bankers to feel?

Our bankers should feel informed and clear about what is happening on the page and what they need to do to take the next step. The smoothness of experience should make them feel confident, especially when things aren’t working as expected.

Looking for detailed designs?

Here are links to detailed specifications of the pattern in Figma. This information is only available to Westpac Group employees:

• Figma resources - Empty states (BizEdge library)

More patterns

• Back to Patterns