Splash screen, or very often called as the launch or boot screen is the first screen that is displayed when an application loads. Normally, it comprises of the app logo, sometimes the company name, or very rarely their motto. While splash screens do not offer any practical advantage, they are considered as a source for brand strengthening and start out the app loading process.
As an old saying goes “First Impression Lasts”. No matter how old school this might sound, but this theory works well with modern mobile apps too. It is the welcome screen of your mobile app that the users encounter while launching the application. Hence, the truth of the matter is that your splash screen can play a pivotal role in creating a first perception about your application.
How to Master Splash Screen Designs: Let’s Learn from the Leaders
Although, splash screens only come into view for a while, it is important that users connect with your brand through it. Here are few tips that can help you to master the launch screen design of the app.
a. Manage Splash Screen Size. It Matters.
To get the best spalsh screen for mobile app, the key is to create right screen size. While Google offers general info for launch screen size, Apple provides a set of static images for all iOS devices. Here is a reference:
Android
Screen Type | Dimension | DPI |
Rectangular, landscape, HDPI | 800 x 480 | 240 |
Rectangular, landscape, LDPI | 400 x 240 | 120 |
Rectangular, portrait, HDPI | 480 x 800 | 240 |
Rectangular, portrait, LDPI | 240 x 400 | 120 |
Square-ish, landscape, HDPI | 800 x 480 | 240 |
Square-ish, landscape, LDPI | 320 x 240 | 120 |
Square-ish, landscape, MDPI | 480 x 320 | 160 |
Square-ish, portrait, HDPI | 480 x 800 | 240 |
Square-ish, portrait, LDPI | 240 x 320 | 120 |
Square-ish, portrait, MDPI | 320 x 480 | 160 |
iOS
Device | Dimension | DPI |
iPhone 4/4S | 640 x 960 | 72 |
iPhone 5/5C/5S | 640 x 1136 | 72 |
iPhone 6 | 750 x 1334 | 72 |
iPhone 6 Plus landscape | 2208 x 1242 | 72 |
iPhone 6 Plus portrait | 1242 x 2208 | 72 |
iPad non-retina landscape | 1024 x 768 | 72 |
iPad retina landscape | 2048 x 1536 | 72 |
b. Keep your Design Simple, but not Ordinary
c. Keep the User's Informed. Don’t Let them Wait
d. Show your Brand’s Awesomeness to the Users
The image displayed on splash screen must reflect the brand clearly. While a lot of companies opt to share their vision via motto, but with the boot screens, that’s not the right idea. Instead of text, capture user’s attention through interesting visuals that exhibit the true spirit of the brand. It works!
e. Engage or Entertain Users while the App Launches
Some apps are complex and thus they take time to load (example: Gaming apps). Therefore, it is not a good idea to display a logo or a loader to keep the users stay. You can entertain users with graphics, witty facts and thoughts etc.
These tips and examples must have given you a clue to get started with splash screen for your mobile app. The goal is to connect with the users, in those fractions of seconds that surely let’s the users perceive your app.