Splash screen Mobile app

Go from app opening to real content without keeping users waiting.

6 checks · 3 content groups

Checklist contents

Review progress

Screen and context

Compare information and presentation in context of use.

Keep your identity short and clearUse the logo or name on a background with appropriate contrast.Open the application when there is a network outage and when data loading is slow. The splash screen shouldn't keep users waiting indefinitely; transition to load or error state with continuation path.Example After the start-up step, “Not connected” is displayed with a “Retry” button; If there is saved data, open that content.Only visible during initializationDon't extend the opening screen just to showcase your brand.Measure boot times on slow devices; End the splash when the content is ready, don't hold back just for the duration of the effect.Report pending work when neededIf initialization takes a long time, give a meaningful state instead of leaving the screen frozen.If waiting long enough to cause confusion, add a meaningful initialization signal and respect the choice to reduce motion.

Action and feedback

Try the operation, change the status and continue working.

Go to the correct home screenKeep the experience consistent between first opening, returning, and opening from links.Try opening new, going back, and deep linking; Avoid flashing the wrong screen before reaching the target content.There is a way to handle errors when initializing errorsDo not place decorative buttons on the splash; Moving to an error state has a way to continue.Splash is used for transitions and does not contain action options. If initialization fails, go to the error screen with instructions to continue.

Branches need to be checked

Try specific scenarios when starting, changing, and completing tasks.

Do not place tasks on the initialization screenThe launch screen remains visible during initialization; Options and instructions are on the next screen.Try cold booting and from the background; There are no buttons that need to be pressed and then disappear when the download is complete.Example The logo moves to the main screen, the login button only appears on the login screen.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Test booting with weak network

Open the application when there is a network outage and when data loading is slow. The splash screen shouldn't keep users waiting indefinitely; transition to load or error state with continuation path.

EXAMPLES

Usage examples

The application cannot connect

After the start-up step, “Not connected” is displayed with a “Retry” button; If there is saved data, open that content.