Within our iOS mobile app, we have a list of templates the user can choose from:
Each template has (initially) remote assets that need to be downloaded and cached before the user can go into edit-mode. If the user tapped on a template, two things could happen:
- If all the template assets are already cached - just go straight to the edit-mode screen.
- If one or more assets aren't cached - we present a modal that showing the "fetch progress". Once it's done download & cache - we go into the edit-mode screen.
The issue is that sometimes fetching the asset of the template could take 0.1/0.2 seconds. Which is far shorter than the modal presentation animation (takes around 0,5).
Here's the UI we designed for the modal:
My questions here:
- Is it appropriate to dismiss the modal without animation when the fetch completed?
- Is there a best practice for this kind of scenario, where the modal could be dismissed while it's presenting itself (during the presenting animation)?
- Will using a modal other than a full-screen one is more appropriate?
Here is the outcome of your answers. What do you think? (This showcasing a device with a fast internet connection)