10 conseils et astuces pour mettre en avant l'icône de votre application

Au printemps dernier, Apple annonçait la tendance : ils avaient franchit la barre des 50 milliards de téléchargements d'appli via l'App Store. Idem pour Google Play qui n'était pas très loin derrière avec 48 milliards d'appli téléchargées .
Dans un contexte tel que celui-ci, la différenciation s'impose et commence par le design de vos icônes d'application !
Vous trouverez dans cet article des conseils et astuces pour vous aider à faire la différence et peut être créer la tendance !

Notre regard est constamment sollicité : affiches, publicités, produits, ... nous nous attardons seulement sur ce qui nous intéresse, les éléments qui ont su capter notre attention, transmettre une émotion...   
ll nous arrive souvent de juger un film par rapport à son affiche, comme un livre par rapport à sa couverture ou un produit pour son packaging et sa couleur dominante. Le tri se fait assez rapidement sur ce qui nous attire.
L'affiche d'un film est un composant très important, c'est le premier contact avec le spectateur. Elle a pour but de transmettre aux futurs téléspectateurs l'univers, le ton, l'image du film dans un seul et même espace via images, typographies, couleurs, etc.
Tout doit s'accorder pour faire passer le bon message aux futurs téléspectateurs, chaque détail compte.

Pour les icônes d'application, c'est pratiquement la même chose, elle est aussi le premier contact que vous aurez avec vos utilisateurs sur iPhone ou Android.

Les icônes doivent avant tout être graphiques. C'est un point important !
Essayez d'utiliser le moins de texte possible lors de leur mise en forme.
Choisissez d'intégrer une image, un logo, représentatif de votre marque/univers plutôt que du texte.
Simplifiez vos informations au maximum de façon à optimiser l'espace de manière qualitative.

Cf. image : le texte est pratiquement illisible et les icônes sont chargées - mauvaises idées et réglages
 

Créer des icônes simples, oui ! Mais attention ! Simple ne veut pas dire pauvre, il ne faut supprimer tous les éléments de votre design en espérant la simplifier de la sorte.
Posez-vous la question suivante : Si vous deviez penser à un seul élément qui représenterait votre application, qu'est-ce que vous choisiriez ? Cela vous aidera à capitaliser sur ce qui vous représente le mieux. Puis les détails feront la différence : taille, ombre, lumière, couleur, forme, reflet, etc.
Si vous avez besoin d'intégrer plus d'un élément, essayez de les faire correspondre un maximum pour rester le plus clair possible.
 

Vous n'avez pas envie de créer la plus belle des icônes ?
Celle que les utilisateurs, en se promenant sur les stores ne pourront pas louper dans le dossier ou la barre de menu ! 
Ne soyez pas standard, sortez des sentiers battus et créez là !

Si vous avez plus d'une application dans les stores, faites en sortes de garder une certaine cohérence entre les icônes.
Principalement au niveau des couleurs et de la charte graphique. Cela vous permettra d'être reconnu par vos utilisateurs habituels et le rendu sur leur écran sera tout aussi sympa dans le système ;)

Cf. l'exemple de SFR qui décline ses icônes en fonction de son service.

Tester votre application dans les stores est une étape primordiale. Vous aurez l'occasion de vous comparer dans son environnement et d'évaluer ses différences avec les autres. 
Cela vous donnera la possibilité d'effectuer des ajustements si vous en avez besoin.

Faites une copie d'écran du store avec votre iPhone et intégrez facilement la vôtre pour avoir une image du rendu avant publication.

Idée connexe :  De la même manière que l'icône doit prendre place harmonieusement à l'écran, il existe des conseils pour optimiser la visibilité de son app dans les Stores en ligne pour iOS et Android.

Apple vous donne la possibilité d'intégrer un effet "gloss" sur votre application. Ce qui leur permet d'unifer les applications dans l'App store. 
La plupart du temps les icônes ressortent mieux sans. Donc si vous avez besoin d'intégrer des effets dans la vôtre, faites le manuellement avant la soumission sans passer par ces widgets.

Cf. exemples, les icônes ressortiraient mieux sans le gloss.