About InstantEncore

InstantEncore is the leading provider of mobile solutions to performing arts organizations around the globe. Our partners use the InstantEncore platform to power their mobile apps, enhance live experiences and create deeper relationships with their audiences. InstantEncore partners include Chamber Music Society of Lincoln Center, Curtis Institute of Music and Dallas Summer Musicals. With Tessitura™ Network, Inc., our partners include the New York Philharmonic, The Shaw Festival and Santa Fe Opera.

Proud member of

Tips for Your Mobile App’s Loading Screen

As one of the many customizable features of your iOS and Android apps, the loading screen serves a few purposes and should not be ignored when first preparing your app. The real purpose of the loading screen is to hide the fact that the app is not instantly ready. It acts as a welcome to your app while reaffirming your branding. Your job is to provide an aesthetically pleasing experience while the user waits for his or her device to load the app’s content.

When you’re preparing any of the elements of your app, remember that you’re customizing a user experience. Style is important to your audience, and therefore should be important to you. From the second a user touches the icon to the second they exit the app, they are judging your app’s content as well as its presentation. They base future decisions upon their interactions with your app, whether it’s easy ticket purchasing, or simply returning to the app to see what’s new. With that said, let’s treat the loading screen as a first impression. The entire app should be easy to read, easy to navigate, and stylistically appealing – or else you are simply not taking full advantage of having a mobile-friendly digital presence.

Tip #1 – Prepare and upload an image according to the specified dimensions.
UPDATE: Since the release of iPad tablets with retina image displays, we ask for an image with 1800px by 2800px resolution. If you upload an image that is not 1800 x 2800 it will be adjusted to fit that size. Please note that this image will be scaled down for smaller devices. To accommodate devices with different aspect ratios, include a “bleed” area of 225px on the top and bottom and 115px on the left and right.

Do I need to worry about my loading screen’s DPI (Dots Per Inch) or PPI (Pixels Per Inch)? No! These measurements are only used for print media and do not apply to digital graphics.

Tip #2 – Anticipate how it will look on devices.
• It displays in portrait view on devices, so it should not be designed horizontally.
• Smartphone screen sizes vary from device to device. Make sure that any important text and graphics are within the “bleed” area so that nothing gets cut off on any device.

Tip #3 – Know your editing options.
If you do not have Adobe Photoshop or any other image editor on your computer, and your best friend who does have the Adobe Suite isn’t answering his or her phone, then there are a number of online image editors that have more than enough tools for you to customize a beautiful loading screen. Sumo Paint is one browser-based image editor that we recommend. It’s quick to upload a photo, add in text, and crop it to a specific size.

Tip #4 – Make it simple and catchy.
The speed of the user’s device, their internet connection, and how much content is in your App can affect how long the App takes to load, and therefore how long your loading screen displays. Since some devices are faster than others, you need an image that is easy to understand, easy to read, as well as tasteful. If you need ideas or inspiration, check out a sampling of great partner loading screens here.

Tip #5 – Think ahead.
• Once submitted, your loading screen cannot be altered or substituted without going through the submission process again. We generally only do this in outstanding cases, as each submission takes time, so spell check and make sure you’re happy with the result!
• It is conceivable that some day in the future, screen resolutions could continue to grow. One way to stay ahead of the game is to make sure you are using high quality images, and scalable vector graphics where appropriate. We will update you with specifications if we ever need to accommodate new displays.

How the user is greeted does make a difference. The loading screen should be thought of as just another part of the app experience, as well as a representation of your mobile identity. We look forward to seeing your designs!

Leave a Reply