Apple

How to design screenshots for the new App Store layout

The App Store is getting a major overhaul for the release of iOS 11.

There are a lot of things to consider in getting your app ready for iOS11. However, updating your app’s creative is arguably one of the most important. The platform has been redesigned with a new emphasis on discovery.

To increase user activity, the store design has changed to a feed style UI. This will likely increase installs as users begin to discover new and exciting apps. The important takeaway for you is all of the new image sizes and using that new visual real estate to entice thumb-warriors to stop scrolling and check out your app!

Let’s take a look at the new UI of iOS 11 and what you need to know to optimize your creative for success.

Screenshots

Let’s face it, no one wants to download an ugly app. Your screenshots are a major factor to conversion optimization. iOS 11 will allow 5 screenshots to be displayed in your app listing. It’s important to use these images to convey the user experience in your app. However, it’s also important that these create a visually striking call to action to download! In the current App Store when a user performs a search, they’re displayed a list of apps with [generally] an ad at the top of the page. The ads contain 3 (portrait) screenshots and the normal app listings are shown with 2 (portrait) screenshots. The major change in iOS 11 is that users will now see 3 screenshots, just like ads.

One surefire way to draw attention is to think of each separate screenshot as parts of a whole image. Using a continuous design draws users in and invites them to scroll through all 5 images rather than just glancing at the first 1-2 screenshots.

App Previews

An exciting new feature in iOS 11 is App Preview Videos. Apple says the app preview “demonstrates the features, functionality, and user interface of your game or app in a short video that users watch on the App Store.” Each can run up to 30 seconds and you can have 3 per app listing. The best part?

They autoplay to give you the best chance at capturing user attention! By utilizing multiple videos, you can quickly demonstrate key pieces of your app or game, and highlight the unique features and views.

Apple has an easy-to-follow guide here for creating basic app videos.

Sizing

For most apps, we recommend using vertical video and screenshots to optimize the viewer experience and utilize all the screen real estate of your user’s device. Exceptions can be made for landscape oriented games. A quick way to setup your screenshots is to design the largest 5.5″ screens (or iPad Pro for iPad apps) and then use the Media Manager to apply those to the smaller screen sizes.

iPhone 6, iPhone 6s, and iPhone 7
1334 x 750 (Landscape)
750 x 1334 (Portrait)

iPhone 6 Plus, iPhone 6s Plus, and iPhone 7 Plus
1920 x 1080 (Landscape)
1080 x 1920 (Portrait)

iPad and iPad Pro
1600 x 1200 or 1200 x 900 (Landscape)
1200 x 1600 or 900 x 1200 (Portrait)

iOS 11 is Coming Soon!

The launch of iOS 11 is right around the corner and we’re already helping clients to optimize for the new store front and make the best use of the new changes. Need some help with yours? No problem; contact us for more information!

Erin Schnittker

Erin Schnittker is a graphic design & digital marketing expert with 8 years of experience in content strategy, creation and design. She has worked on a significant number of household brand names, successfully optimizing their inbound marketing schemes to best attract, covert, close and delight consumers on an international basis. Erin’s unique understanding of user behavior and App Store Optimization, has proven to be a winning combination when applied to the creative optimization of our clients’ apps.

Share
Published by
Erin Schnittker

Recent Posts

Apple Search Ads Expands to 21 New Countries

Apple has announced the expansion of Apple Search Ads to 21 new countries, opening up…

1 week ago

View-through attribution coming to ASA Attribution API

Apple has just announced a significant update for Apple Search Ads campaigns. Starting in Spring…

2 weeks ago

New ASA Search Tab Ad Format

Since their introduction 3 years ago, Search Tab Ads in the App Store have been…

4 months ago

New Apple Search Ads Tap-Through & View-Through Metrics

Apple has again improved its Search Ads reporting by introducing “Tap-Through” and “View-Through” metrics, along…

4 months ago

App Store Enhancements from WWDC

More WWDC updates and this time they’re especially relevant to the ASO world — editorial…

5 months ago

WWDC 2024: AI, Innovation and Excitement

Apple’s Worldwide Developers Conference (WWDC) 2024 has begun, leaving the tech community buzzing with excitement…

5 months ago