UI Loading

UI for loading status, notifications, success and failure messages
9 Pin323 Pengikut
Software update failed error gives two options: Close indicating that the user knows of the failure, and Settings, a way of potentially fixing the error.

Software update failed error gives two options: Close indicating that the user knows of the failure, and Settings, a way of potentially fixing the error.

download error triggers an alert which the user must dismiss

download error triggers an alert which the user must dismiss

In the list, the loading is shown as a progress indicator. Prior to connection, the loader spins but has nothing in the center.

In the list, the loading is shown as a progress indicator. Prior to connection, the loader spins but has nothing in the center.

Loading is now in progress and the center has changed to a square to indicate "stop" (taken from icons in the audio/video player paradigm)

Loading is now in progress and the center has changed to a square to indicate "stop" (taken from icons in the audio/video player paradigm)

Further progress on loading. The outer circle changes in relation to the amount of progress made. When done installing the update, the item on the list is moved below to the completed list.

Further progress on loading. The outer circle changes in relation to the amount of progress made. When done installing the update, the item on the list is moved below to the completed list.

Loading is indicated from the home screen with a circular progress indicator.

Loading is indicated from the home screen with a circular progress indicator.

Manually pausing the download by tapping while loading adds a pause icon within the circle. Tapping again resumes the download.

Manually pausing the download by tapping while loading adds a pause icon within the circle. Tapping again resumes the download.

When the item is done downloading, it enters the installation process. This gives another indicator that changes are being made and you are nearing the end. Makes the time from start to completion of update appear shorter.

When the item is done downloading, it enters the installation process. This gives another indicator that changes are being made and you are nearing the end. Makes the time from start to completion of update appear shorter.

When load is complete and successful, a blue dot appears next to the icon to indicate it's new. The blue dot clears when you open the app.

When load is complete and successful, a blue dot appears next to the icon to indicate it's new. The blue dot clears when you open the app.

Pinterest
Cari