Skeleton Screens and Activity Indicators

Members should be able to pull (swipe) down on any of our main tabs to refresh those screens. While they are swiping down an activity indicator appears to indicate they can pull down to refresh. While we check for updates, the member sees an activity indicator spin directly on top of the content that is refreshing. 

 
And-Activity-Refresh.png
 

Where possible, we use skeleton screens instead of activity and progress indicators. Skeleton screens build anticipation for the content that is going to appear whereas activity and progress indicators put the focus on the wait time that the member has to endure. 

When the app is refreshing an already loaded screen (rather than loading content for the first time) it is okay to update content in the background without an activity indicator or a skeleton screen.

When showing a skeleton screen, don’t allow scrolling until the content loads. 

 
And-Skeleton.png
 

If you need to use an activity indicator, move the member to the page they are waiting for and have the indicator appear in the center of that blank page, subtly. Do not have an activity indicator appear before transitioning to that page. The indicator should disappear once the content starts to load.

 

We use one indicator throughout the experience.