App Store Screenshot Guidelines in 2024: Best Practices for ASO and Compliance

1. First Impressions Matter:

• You get only a few seconds to grab users' attention.
• Screenshots are often the first thing users see.
• You need to make sure they are engaging and clear.

2. Showcase Your App’s Features:

• Use screenshots to highlight key features of your app.
• Users should understand what your app does quickly.
• Include visuals of the main functions and benefits.

3. Build Trust and Credibility:

• High-quality screenshots reflect a professional and well-designed app.
• Users are more likely to trust and download an app with appealing visuals.
• Make sure your screenshots look polished and represent your app accurately.

4. Improve App Store Visibility:

• Well-designed screenshots can help your app stand out in search results.
• Use them to enhance your app’s attractiveness in a crowded marketplace.
• The right screenshots can increase your app's chances of being noticed.

5. Encourage Downloads:

• Engaging and informative screenshots can persuade users to download your app.
• Good screenshots can increase conversion rates from views to downloads.
• Highlight unique aspects of your app to attract more users.

1. Upload Requirement:

• You must upload at least one screenshot.
• You can upload up to ten screenshots.

2. Consistent UI:

• If your app's user interface (UI) is the same across different device sizes and languages, you only need to upload screenshots with the highest resolution.
• The App Store will automatically scale these high-resolution screenshots to fit smaller devices.

3. Varied UI:

• If your app looks different on various devices or in different languages, or if you prefer not to use scaled screenshots, you can upload specific screenshots for each variation.
• Use the Media Manager to add these specific screenshots and app previews for each version of your app.

1. Select Your App: Go to the Apps section in your App Store Connect account. Click on your app to open its details.
2. Open the Distribution Tab: The Distribution tab will open automatically when you select your app.
3. Choose the App Version: In the sidebar, find and click on the app version for the platform you want to update.
4. Select the Language: At the top right of the page, choose the language for which you want to upload screenshots.
5. Access Media Manager: In the App Previews and Screenshots section, click on "View All Sizes" to open Media Manager.
6. Select the Device Tab: Choose the tab for the device size you want to upload custom screenshots for.
7. Edit the Device Size: Click "Edit" for the device size you are working with.
8. Upload Screenshots: Drag and drop your screenshots into the designated area for that device size.

To meet the App Store's screenshot guidelines, you need to use 3 specific screenshot sizes. These sizes are required for your app to be listed properly.

• 6.5-inch iPhone screenshots
• 5.5-inch iPhone screenshots
• 12.9-inch iPad screenshots (required if your app supports iPad)

1. Highlight Key Features of Your App: Showcase the most important and unique features of your app. Focus on what makes your app stand out. Use screenshots that clearly display these features in action.
2. Use User Testimonials and Ratings: Incorporate positive user testimonials and ratings in your screenshots. Highlighting good reviews builds trust and credibility. Choose testimonials that mention specific benefits of your app.
3. Make Screenshots Visually Appealing: Ensure your screenshots are visually attractive. Use bright colors and clean layouts. Avoid clutter and keep the focus on the main elements.
4. Convey a Story with the Screenshots: Tell a story with your screenshots. Show how a user can navigate through your app. Sequence your screenshots to guide the viewer through the user experience.
5. Use High-Quality Images: Always use high-resolution images for your screenshots. Blurry or pixelated images look unprofessional. High-quality images give a better impression of your app.
6. Localize Your Screenshots: Translate your screenshots into different languages for various markets. Localized screenshots make your app more appealing to non-English speaking users. Ensure all text and visuals are culturally relevant.
7. Show Real In-App Screens: Use actual screens from your app in the screenshots. Avoid mockups or overly edited images. Real in-app screens give an accurate representation of what users can expect.
8. Create Engaging Visuals: Incorporate engaging visuals that draw attention. Use arrows, highlights, and other graphics to emphasize key areas. Engaging visuals help in better communicating your app’s functionality.
9. Include Captions: Add short, descriptive captions to your screenshots. Captions provide context and explain the features shown. Keep the text concise and to the point.
10. Optimize for Different Devices: Ensure your screenshots are optimized for various devices. Create different sets of screenshots for iPhones, iPads, and Apple Watches. This optimization ensures your app looks great on all platforms.
11. Test Different Variations: Experiment with different versions of your screenshots. Test which variations perform best in terms of downloads and user engagement. Use data to refine and improve your screenshots.

Background

1. Gradient Backgrounds: Use gradient backgrounds to add depth and interest to your screenshots. Gradients with smooth transitions between colors are visually appealing. They make your app look modern and stylish.
2. Bold and Vibrant Colors: Incorporate bold and vibrant colors to make your screenshots pop. Bright colors catch the eye and draw attention. Use colors that complement your app’s theme and branding.
3. Subtle Textures: Add subtle textures to your backgrounds for a refined look. Textures can provide a sense of depth without overwhelming the main content. Use them sparingly to enhance visual interest.
4. Abstract Patterns: Utilize abstract patterns to create a unique and artistic feel. Patterns can add a creative touch to your screenshots. Make sure they don't distract from the main features of your app.
5. 3D and Depth Effects: Integrate 3D and depth effects to make your screenshots stand out. These effects create a more immersive experience. Use shadows and highlights to give a sense of dimension.
6. Illustrative Elements: Include illustrative elements to add character and charm to your screenshots. Illustrations can make your app feel more friendly and approachable. Use illustrations that align with your app’s purpose.
7. Personalized and Localized Imagery: Personalize and localize your imagery to connect with diverse audiences. Use images that reflect different cultures and regions. Personalized imagery makes users feel your app is tailored to their needs.

Text

1. Bold Typography: Use bold typography in your screenshots. Bold text grabs attention and makes your key messages stand out. It ensures users quickly see and understand important information.
2. Custom Handwritten Fonts: Incorporate custom handwritten fonts in your screenshots. These fonts add a personal and unique touch to your app's presentation. Handwritten fonts can make your app feel more relatable and friendly.
3. Geometric Text Designs: Utilize geometric text designs. These designs incorporate shapes and patterns within the text. Geometric text gives your screenshots a modern and stylish look.
4. Contrasting Text Colors: Use contrasting text colors to make your text pop. High contrast between the text and background ensures readability. It also helps highlight important features and messages.
5. Overlapping Text Effects: Apply overlapping text effects in your screenshots. This trend involves layering text over images or other text elements. Overlapping text creates a dynamic and visually interesting presentation.
6. Smooth Fonts: Choose smooth fonts for a sleek and clean appearance. Smooth fonts have rounded edges and a polished look. They enhance readability and give your screenshots a professional feel.
7. Text with Shadow and Depth: Add shadow and depth effects to your text. Shadows and depth make text appear three-dimensional. This effect adds a sense of realism and enhances the overall visual appeal.

Device Trends

1. Original Device: Use screenshots that show your app on the actual devices. This trend focuses on authenticity. Users see exactly how the app looks on their phones or tablets.
2. Bezel-Free Mockups: Create mockups without bezels. This trend makes your app screenshots look modern and sleek. The focus remains entirely on your app’s interface, not the device frame.
3. Transparent Device Frames: Use transparent device frames in your screenshots. This trend combines a realistic look with a stylish twist. It highlights your app while subtly showing the device.
4. 3D Device: Showcase your app on 3D models of devices. This trend adds depth and dimension to your screenshots. 3D devices make your app stand out and look more dynamic.
5. Floating Device Screens: Present your app on floating device screens. This trend gives a futuristic feel to your screenshots. It creates an impression of the app being in motion or suspended in space.
6. Multiple Device Displays: Display your app on multiple devices simultaneously. This trend emphasizes compatibility and versatility. Users see how your app works across phones, tablets, and watches.
7. Retro Device Aesthetics: Use retro device aesthetics in your screenshots. This trend appeals to nostalgia and adds a unique charm. It contrasts modern app designs with vintage device looks.
8. Minimalist Device Outlines: Incorporate minimalist device outlines in your screenshots. This trend keeps the design simple and clean. It draws attention to your app content without overwhelming visuals.

Color

1. Bold and Vibrant Colors: Use bold and vibrant colors to grab attention. Bright and eye-catching colors can make your app stand out. These colors create a strong visual impact and attract potential users.
2. Monochromatic: Adopt a monochromatic color scheme for a sleek and modern look. Stick to different shades of a single color. This approach provides a clean and cohesive appearance to your screenshots.
3. Gradient: Incorporate gradients in your screenshots for a dynamic and stylish effect. Gradients add depth and interest to your visuals. Use smooth transitions between colors to create a modern feel.
4. Earthy and Natural Tones: Use earthy and natural tones to evoke a sense of calm and authenticity. Colors like greens, browns, and beiges connect your app to nature. These tones create a soothing and trustworthy impression.
5. Pastel Palettes: Choose pastel palettes for a soft and inviting look. Pastel colors are gentle on the eyes and create a friendly atmosphere. They are perfect for apps targeting a broad audience.
6. High-Contrast Combinations: Employ high-contrast color combinations to make your screenshots pop. Contrasting colors highlight important elements and improve readability. This trend ensures that key features are easily noticeable.
7. Neon Accents: Add neon accents for a bold and futuristic touch. Neon colors can highlight specific areas and draw attention. Use them sparingly to create a striking effect without overwhelming the viewer.
8. Muted Colors: Opt for muted colors for a sophisticated and understated look. Muted tones are subtle and less intense, offering a relaxed and elegant vibe. These colors are ideal for apps with a professional or minimalistic design.

AppLaunchpad Screenshot Builder is a tool designed to help you create App Store and Google Play screenshots. It offers various features to customize your screenshots easily. You can access this tool online and start designing right away.

1. Create a New Project: Begin by creating a new project in AppLaunchpad. Click on the “New Project” button. Name your project to keep your work organized. This project will hold all your screenshot designs.
2. Choosing Device Frames: Select the device frames you want to use. AppLaunchpad provides frames for iPhones, iPads, and Apple Watches. Choose the frames that match the devices your app supports. This helps users see how your app looks on their devices.
3. Selecting Background Styles: Pick a background style that complements your app. You can choose from solid colors, gradients, or images. A good background enhances the visual appeal of your screenshots. Make sure the background does not distract from the main content.
4. Adding and Customizing Text: Add text to highlight key features and benefits of your app. Click on the text tool and type your message. You can customize the font, size, and color to match your app’s branding. Keep the text clear and concise.
5. Incorporating App Screenshots: Upload actual screenshots from your app. Click on the upload button and select your images. Position them within the device frames. Make sure the screenshots show the app’s most important features.
6. Utilizing Layout Templates: Use layout templates to arrange your screenshots and text. AppLaunchpad offers various templates to make your design process easier. Choose a template that best fits your app’s style. Templates help in maintaining a clean and professional look.
7. Previewing and Exporting Screenshots: Preview your designs before finalizing them. Check how your screenshots look on different devices. Make any necessary adjustments. Once you are satisfied, export your screenshots. Save them in the required formats for the App Store submission.