Skip to content

App Preview Guidelines

jeselleobina edited this page Sep 27, 2015 · 5 revisions

Getting Started

Paraphrasing from Create Effective App Screenshots for App Page by Smashing Magazine

The Basics

Deciding the story direction of the app screenshots. Thought questions to figure out the story direction.

  • What problem does my app solve?
  • What is unique and special about it? If you can answer this with your app screenshots, you've done your job.

Types of Screenshots

  1. The main screen and what your app does
    Captures the epitome of what your app does. Keep it as clear and self-explanatory as possible. Highlight the core purpose of your app.

  2. Feature Overviews and What Your App Includes
    Explains how your app is set up and how it works. Must be easily understandable. This is your chance to create product differentiation.

PressViewer does this by breaking up a step by step of how to use the app.

  1. Behavior of Your App and How Your App is Used
    Show how your app deviates from traditional functions like tapping and scrolling (swipes! pinches! shakes!). You can add the intended gestures as an overlay to the respective app screenshot as a demonstration.

  2. Additional Captions to Describe the App
    Coachmarks! Very important but don't overdo it.

  3. Media Mentions and Awards

Quick Design Tips for Screenshots

  • Whether you use a solid color or blurred lines, ensure that they don’t interfere with your app screenshot and the message the screenshot sends.
  • Consult color palettes to discover interesting color matches you wouldn’t have otherwise considered.
  • Less is more. Remember, you are trying to show the viewer what your app really looks like in use.
  • Don’t forget to consider customization: create screenshots that appeal to your user’s nationality, culture, language, and so on.

For further reading, go to each Source link.

Apple App Store

Source: iTunes App Preview Video Guide Source 2: iTunes Connect Developer Guide Source 3: Design Your App's Product Page Tools: Launckit Screenshot Builder

Screenshots

Manual:

  • Creating the walkthrough "story" direction by curating screens
  • Writing up coach marks for selected screens
  • Edit to avoid "sales feel"
  • Create a lifestyle context screenshot (refer to iTunes App Store Trends Wiki Page

Automated:

Preview Video

Manual:

  • Creating video
  • Designating preview poster [https://www.snappymob.com/blog/2015-01-16-how-to-make-an-app-preview/](Snappy Mob blogpost)

Google Play Store

Source: https://support.google.com/googleplay/android-developer/answer/1078870?hl=en

Screenshots

To publish your Store Listing, you must provide a minimum of 2 screenshots. Up to eight screenshots for five different devices. ( Phone, Tablet (7 inch & 10 inch), Android TV, and Android Wear. )

Manual: Creating the walkthrough "story" direction by curating screens Writing up coach marks for selected screens

Automated: Resizing for the five different devices.

  • JPEG or 24-bit PNG (no alpha)
  • Minimum dimension: 320px
  • Maximum dimension: 3840px
  • The maximum dimension of your screenshot can't be more than twice as long as the minimum dimension.

Video #manual

Youtube video that will be placed as the first thumbnail. Not required.

Resizing Icon #automated

  • 32-bit PNG (with alpha)

  • Dimensions: 512px by 512px

  • Maximum file size: 1024KB

  • Where it's displayed

  • Your high-res icon is used in various locations on Google Play.

Feature Graphic

This is required Manual: Design

Automated:

  • JPEG or 24-bit PNG (no alpha)
  • Dimensions: 1024px by 500px

Windows Store

Source 1:App Screenshots and Images Source 2: Create App Descriptions

Screenshots (1 Required)

Each screenshot must be a .png file in either landscape or portrait orientation, and the file size can't be larger than 2 MB. For mobile screenshots, each screenshot must be either 768 x 1280, 720 x 1280, or 480 x 800 pixels. For desktop, each screenshot should be at least 768 x 1366 pixels for best display.

App Tile Icon (Optional)

Source: Tile Design Guidelines Manual Decide content for wide tile w/ wide image

Automated Optimally resize for small, medium, wide tiles

Promotional Artwork (Optional)

The Description page will accept promotional artwork in a number of different sizes. Providing a promotional image in the **2400 x 1200 pixel size **is highly recommended, as this image gives the Windows Store editorial team the most flexibility in featuring your app in various promotional layouts.

Clone this wiki locally