Feedback
Intro
Feedback provides users with timely responses to actions or informs them about the state or condition of content or processes. There are two types of feedback:
- System feedback: provides system-generated feedback about the status of activities and processes, such as the network activity indicator, loading indicator.
- User-triggered feedback: provides information to the user in response to a specific action, such as the progress indicator, processing indicator and the toast message.
Network Activity Indicator
The network activity indicator is located in the status bar, and it rotates while information is being accessed by the system. When the network activity indicator is active, on-screen interactions remain available to the user.
Network activity indicator in the status bar
Loading Indicator
The loading indicator appears at the center of the screen, and it informs the user that app content is currently loading. Where possible, use an appropriate loading label to inform the user on what is loading.
When the user scrolls through a list, the inline loading indicator may appear below the current content to show that additional list content is being loaded.
Examples of a loading indicator used in full screen and lazy loading
Processing Indicator
The processing indicator communicates that data is being processed by the system. Processing indicators should be used when the system is analyzing, sending or syncing information based on an action the user has taken. It can be displayed with an optional label.
Example of a processing indicator flow
Progress Indicator
The progress indicator helps the user understand the status of an action. It provides different visuals for the different states. In this example, the user initiates downloading a document. Tapping on the “Stop” icon will abandon the loading process.
Behavior of a progress indicator
Toast Message
The toast message is an indicator that appears briefly in the center of the screen in response to a user action. This type of feedback is intended to show that the user’s action has been processed and completed.
Your feedback has been sent to the SAP Fiori design team.