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 splash 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.
We ask for an image with 320px by 480px resolution. If you upload an image with different dimensions, it will be adjusted to fit this size. Which means if you have a square or landscape image, we will scale the width and add in a background color behind it. The ideal image should be customized to the dimensions above.
Tip #2 – Anticipate how it will look on devices.
• It displays in portrait view on devices, so it should not be designed horizontally.
• The iPhone toolbar will overlap the top portion of the image you upload, so plan your text placement accordingly. Feel free to use this template when preparing your splash screen if you’re worried about spacing or overall dimensions.
Tip #3 – Kill two birds with one stone.
Tip #4 – Know your editing options.
If you do not have Adobe Photoshop or any other expensive 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 splash 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 #5 – Make it simple and catchy.
The loading screen can take anywhere from 1 second to 10 seconds depending on the speed of the user’s device and how much content is in your app. 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 splash screens here.
Tip #6 – Think ahead.
• Once submitted, your splash screen cannot be altered or substituted without going through the submission process all over 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!
• Pretty soon we will be requesting higher resolution splash screens for those who want to take advantage of the newer devices’ display capabilities, such as Apple’s retina screen on the iPhone 4 series. 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 as we make the transition to accommodate these new displays.
How the user is greeted does make a difference. The splash 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!