Empty states are displayed when your app can’t show its regular content. An empty list is what a user sees when no alarms are set, a gallery after all photos have been deleted, or an empty device list when the watch can’t find any Bluetooth device to connect to. To avoid completely blank screens, provide a simple image and text even when there is no content to show.
Basic empty states
Basic empty states display a non-interactive image and a tagline.
Empty states display an image and a tagline that explain the page’s current state.
An empty-state image should look good against the background. We recommend you use your app icon or an image that represents your brand identity.
Present empty states with a short amount of text that describes the current status of a page. It can either explain that the app doesn’t have any content to display or that the user doesn’t have any content for the app.
Adding items on empty states
Users can add content to empty states when there is no content to display. Any action must be initiated by tapping the empty state image.
Use a button-type icon so users can add content. We recommend using a text-based button which implies adding content.
Empty states can include a button-type icon to add more content.
Provide short and concise text to inform users if and how they can add content.
Title bars for empty states are provided only for apps, not for widgets.