Saturday 12 July 2014

Tips To Create A Great Splash Screen For Your Mobile Application

Splash Screen For Your Mobile Application


When you create your app for iPhone, Android, or any other platform, you must add a killer splash screen if you want to ensure a good launch experience for your users.
The splash screen is the first image that is seen when your app is opened. Let's review some tips that will help you to succeed in creating it.

1.Use the right size
From a smartphone to another, the screen's resolution can vary a lot.

Let's imagine you have crafted the perfect splash screen for an iPhone 5S. This image  should mesure 640 x 1136px. It will look great on the iPhone 5S, 5C and 5, which have the same screen resolution. But what about the iPhone 4 which has a 640 x 960 px screen resolution? Displayed on the iPhone 4S or 4, your splash screen will be distorted.

To make the perfect one, you should create as much splash screens as there are screen resolutions. If your are creating an iPhone app, it's not a big deal since there are few devices.

But, if you build an Android app, it's far more complicated. There are lot of manufacturers, a lot of devices ... implying a lot of screen resolutions. It would be crazy to embed in your Android app dozens of splash screens to handle all the existing resolutions on Android devices.
The best way to deal with this problem is to create 3 splash screens.  A small, a medium and a high res, and pull the one that is the closest to the screen resolution of the phone that opens the app. To quickly make those 3 images, read next tip.

2.Keep it simple

The splash screen doesn't last very long. So no need to put a long text on your splash screen. Your users won't have the time to read it. And moreover, that's not the purpose of the splash screen.
Use your brand name, your logo, your motto, or whatever that describes you and your app the best. Make a clear composition using those elements, and create one single image, in portrait mode.

If you want to create several sizes of your splash screen, I recommend you to focus on the center of the image to put your composition. Leaving the edges of the splash screen free will enable you to crop your image to the different desired sizes.



3.Tell your users it's loading

The splash screen is a still image. When you see it, it looks like your phone is frozen. Nothing happens. You can't interact with the app. You're stuck. You can only wait for the app to finish its loading.

A lot of things can happen in the background when your app is being launched. Your app may need to upload or download data before being ready to be used. Your app launches some processes to boot correctly a new session or restore an old one ... well, depending the user's phone processor and/or the bandwidth the phone has access to, the time to boot your app can vary a lot.

To reassure your users, you should mention in your splash screen that your app is loading, and that within a few seconds of patience, your user will be able to use and enjoy your app.


3 comments:

  1. Nice Post Thanks For Sharing

    For More Information You Can Visit This Website Android Application Development Solutions

    ReplyDelete
  2. According to Mobile App Design, this article is more helpful and gets information’s about splash screen application. Equally helpful for iphone, android and windows Phones.

    ReplyDelete
  3. I love to come back on a regular basis, please post more on the Mobile application development

    ReplyDelete