Therefore, how to solve the problem of user anxiety through progress indication is what user experience design needs to consider. The form of executive email list progress indication When it comes to progress indicators, your first reaction may be a bar-shaped progress bar. In fact, in addition to bar-shaped progress bars, there are many forms of progress indicators. 1. Progress bar Progress This is a form that most people can think of. If it is subdivided, it can also be executive email list divided into bar progress bar, circular progress bar, step progress bar, water wave progress bar (such as mobile phone charging effect) and so on.
Progress bars are often used with percentages. Interaction Design | Relieve User Anxiety of Waiting - Progress Indicator progress bar 2. Loading Loop executive email list loading animations, the most common style is the chrysanthemum type. The looping loading animation lets users know that the program is still running, instead of thinking the page is stuck or executive email list frozen. Used for loading state. However, during the loading process, the user cannot perform further operations, and must wait for the loading to complete before continuing to operate, so it is more suitable for the situation where the user does not need to continue the operation during the loading process. Interaction
Design | Relieve User Anxiety of Waiting - Progress Indicator loading 3. Skeleton Screen Also called loading a placeholder image. Before the page data executive email list is loaded, at the position where the content needs to be loaded, the general structure of the page is displayed to the user with a placeholder graphic, and the specific data content is displayed after the data request is returned. Interaction Design | Relieve User Anxiety of Waiting - Progress Indicator executive email list skeleton screen 4. Step bar Step Divide a process into specific steps and guide users to complete tasks according to the process. Interaction Design | Relieve User Anxiety of Waiting - Progress Indicator step 3.