What people see first
Before anyone reads a description, they see a small square icon and a row of screenshots. These images do a lot of work in a few seconds. They suggest what the app is for, how polished it is, and whether it looks trustworthy. The goal is not to dazzle but to be clear and accurate, so the right people recognize the app as something they want and the wrong people are not disappointed after installing.
Designing the icon
An icon is seen at many sizes: large in a store, tiny on a phone’s home screen, smaller still in notifications or settings lists. Good app icon design starts from that fact.
Keep it simple. One recognizable shape or symbol usually works better than a detailed scene. Fine detail disappears when scaled down.
Avoid text. A single letter can work, but words become unreadable at small sizes and are hard to translate.
Use strong contrast. The main symbol should stand out from its background. The same principles that apply to color contrast in an interface apply here, and it is worth checking how the icon looks in grayscale and against both light and dark wallpapers. Platforms often support themed or dark variants, so look at the current guidance.
Follow platform conventions. Each platform has rules about shape, safe areas and how the system masks or rounds the corners. Do not draw your own rounded corners or add built-in borders when the system handles that. Check the current design guidelines for exact specifications.
Be distinctive, but not deceptive. Your icon should look different enough from others in your category that people can tell them apart. Copying the look of a well-known app, or of the phone’s own system apps, can confuse people and often breaks store rules. It is also the kind of thing that makes people suspect a copycat. Readers who study fake app signs will notice exactly this pattern.
Choosing screenshots
Screenshots are your best chance to show what the app does. A few principles help.
Show the real app. Use images captured from the actual interface, perhaps with a short caption added. If a screenshot shows a feature that is not in the app, or a paid feature without saying so, it is misleading and may be rejected under store guidelines.
Lead with value. The first one or two images matter most, since people often see only those before deciding whether to scroll. Put the main use of the app there, not a logo or a login screen.
Tell a short story. A sequence that follows a simple path, such as open, do the main thing, see the result, is easier to grasp than a random sample of screens.
Keep captions short and readable. Large type, plain words, and sufficient contrast. If your captions are translated, check that longer words still fit.
Use realistic content. Fill screens with sample data that looks plausible, and avoid real people’s names, photos or messages. Never include anyone’s private information.
Show a variety of devices if required. The stores require particular sizes for specific device types, and the required sizes change, so check the developer pages for the current list.
Where visuals can mislead
It is easy to cross the line without meaning to. Examples to avoid:
- Showing features, characters or results that the app does not deliver
- Implying an endorsement, award or partnership that does not exist
- Using screenshots from another product
- Hiding a subscription or in-app costs in the visuals while highlighting the benefits, which feeds the complaints about unexpected charges
- Using reward-style graphics, such as piles of coins or large “free” banners, to suggest benefits the app cannot actually give
- Using fabricated ratings or reviews as imagery, a practice that overlaps with fake reviews
Besides being unfair to users, these practices risk removal from the store, and they tend to attract poor reviews from people who feel misled.
Keep visuals in step with the app
Screenshots go stale. After a redesign, update them, because mismatched visuals confuse existing users and new ones alike. A quick check each time you ship a significant update is enough. Include dark mode screenshots if your app supports it, and note that dark mode design affects how well captions and colors read.
Test your first impression
You can learn a lot cheaply. Show the icon and first screenshots to a few people for a few seconds, then ask what they think the app does and who it is for. If their answers differ from your intent, change the images, not the audience. Where the store offers listing experiments, treat the results with caution, since small samples can mislead.
Accessibility matters here too
Many people have low vision or color perception differences. Use legible type, do not rely on color alone to convey meaning in screenshots, and write the text description of your app so it does not depend on the images. The store listing as a whole, including the title and description, should work even if someone never sees the pictures.