r/iosdev • u/finitoMedicine • 27m ago
Tutorial Your app icon gets judged at thumbnail size, so test it at thumbnail size
In search results your icon sits next to a handful of competitors at a fraction of the size you designed it at. At that size it has one job: tell people what the app is before they read anything. Plenty of icons that look great at 1024x1024 don't manage that.
Four mistakes that come up a lot:
The app name inside the icon. It's unreadable that small, it shrinks the actual symbol, and the name is already printed right next to the icon anyway.
Three objects in one icon. A heart, a chart and a plate turn into one colored blob once it's shrunk. Pick one object and let it fill most of the canvas. My rule of thumb is around 60% of the space.
The category's default color. Finance is blue, fitness is green, meditation is purple. If yours is the eighth blue icon in a row, the eye skips it. Check which color your search results use least.
Thin line art on a gradient. Looks clean in Figma, turns into a grey smudge in search because the lines run into each other.
A quick test:
- Search your main keyword on your phone and take a screenshot.
- Paste your icon over one of the competitors, at the same size.
- Put the phone down an arm's length away and notice where your eye lands first.
If it doesn't land on yours, I'd change the icon before touching screenshots or copy. In search, the icon, name and first screenshots are most of what people see before deciding whether to tap.
If you get enough traffic, you can also A/B test icons with product page optimization in App Store Connect. The alternate icons have to ship in your binary first, and people who install from a variant keep that icon on their home screen, so plan for that.
What's the most common icon mistake you see in your category?