Saturday, January 19, 2013

What's the best color for an app icon?

An icon represents your app on the App Store. Just like walking in the street, some people will notice your store and stop by, some won't.
What does it take to catch the attention? Color? Suggestive draw? Link with the name? Preview of the graphical interface? All of that?

How to attract attention in the App Store?

Being an amateur, I don't have a definitive answer BUT I do have a few clues. Let's start with colors.

Studies have shown that people tend to associate colors with emotions: white is pure, cold or high tech since Steve Jobs decided so but it is a mourning color in Asia; red is associated with heat, passion and is the color the eye recognizes most quickly; black is associated with sophistication, power or underground (Anonymous for example); green is nature, environment, more generally associated with wisdom; yellow is the most attractive color for the eye, the most tiresome also, supposed to go with fun and used with black it's a strong teaser; purple is power but difficult to use; brown is both nature and strength; blue which is the most popular color especially for men often associated with trust. No wonder  why most brands use blue. And finally pink which is associated with romance and the favorite color for women (which I challenge since I won't bet on any guy dressed up in pink for a date).

Colors help you get noticed from the App crowd

Now what's the best color for an app icon on the App Store? Remember that the App Store is a grey world, so avoid grey of course but also black, at least for the background. 
Depending on the target you have, I suggest you choose the following:
For business, productivity or any category which is serious, I would pick blue, brown or white as favorites and handle with care the others. 
For health I would pick white and blue.
For everything around games, I'd go for more vivid colors like red, yellow, everything which catches the eye of young folks. 

If you've been clever, your graphical interface was already in line with your target and all you need is to duplicate.
You are still not sure? Well, make a test. Like for name get random people in line with you target audience and make them choose between several png colors for the same name and see how it goes. 


Make sure your color attracts the right target audience

To tell the truth, we didn't act this way since we were more or less in a rush. Our app icon has been designed after our graphical interface which was brown so we didn't get it completely wrong. But not having it right the first time is not that critical, you can change your icon with a new version, so there is always time to do things right.

If you want to explore some more about colors: 

Generic about colors:

More specific about icons
- Mobile testing blog which has some very useful information
- Adrien Friggeri experience on the iphone

And if you need inspiration, check out AppStorm review of most gorgeous icons. They didn't pick iTakeNotes but we are forgiving.

No comments:

Post a Comment