Project Summary
When we were working on building the Field Employee App, we decided to use animation to show the progress of a sync.
The Problem
Employees using the Field Employee App need a way to know that the app is actively syncing. They also need to know which part of the content is being synced in case there is a problem syncing.
The Solution
We included three parts for the sync. First, the animation that loops. Second, a status bar that progresses across the page from 0% – 100% showing how much of the sync has been completed. Third, text that shows what portion is syncing. The image below shows the full view.
The image on the right was supplied to development with details used for implementation.
The gif on the left is a sample of the animation on the view.