L'art des icônes de l'App Store

Publié: 2020-04-14

Les icônes de l'App Store sont le visage des applications. Tout votre travail acharné et toutes vos heures GitHub se résument à un petit carré de 1024 x 1024. La création d'une grande icône est assez bien reconnue comme l'une des meilleures choses que vous puissiez faire pour l'optimisation de l'App Store (ASO). Traduction? Votre icône est la dernière chose entre les développeurs et les riches au-dessus du seuil de pauvreté. Nous allons donc passer en revue quelques bonnes pratiques que vous pouvez appliquer pour faire briller (métaphoriquement) la conception de votre icône.

Pourquoi c'est important

c'est un banc très important
Image via Flickr

Avant d'aborder ce que dit Apple à propos des icônes (pas grand-chose) et ce que les autres disent à propos des icônes (beaucoup et beaucoup), pourquoi la conception des icônes est-elle si importante ? C'est une bonne question.

Tout d'abord, une image vaut mille mots, et si un utilisateur fait défiler des dizaines ou des centaines d'applications à la fois, votre icône doit se démarquer. C'est assez évident. Ce défi est devenu encore plus pertinent depuis qu'Apple a publié sa mise à jour iOS 8 en 2014. Le passage au défilement continu signifie que les utilisateurs peuvent parcourir les applications beaucoup plus rapidement qu'auparavant.

Le résultat? Moins de temps par application, vous avez donc vraiment besoin de clouer vos photos et captures d'écran.

Ce qu'Apple a à dire

Alors qu'est-ce qu'Apple a à dire sur le sujet ? Un coup d'œil rapide à la bibliothèque de développement iOS et ils ont toute une section sur les icônes d'application. Il s'agit principalement de faire en sorte que l'icône soit belle une fois qu'elle est sur l'appareil, plutôt que dans l'App Store, mais ils offrent des conseils de très haut niveau comme :

"Créez une interprétation abstraite de l'idée principale de votre application"
"Si vous voulez représenter des substances réelles, faites-le avec précision"

Donc, Apple ne donne pas exactement des conseils pratiques, mais c'est un bon point de départ - essentiellement, n'utilisez pas d'image et faites en sorte que votre icône soit liée de manière tangible à ce que vous voulez que les utilisateurs voient dans votre application.
Par exemple, Desk (dont j'ai parlé la semaine dernière) a une super icône. C'est une minuscule machine à écrire, et sans rien connaître du produit, je dirais que la plupart des gens supposeraient que cela a quelque chose à voir avec la dactylographie ou le traitement de texte. Voir? Lié concrètement.

À la fin de la journée, Apple reste un peu bouche bée sur ce qui fait une bonne icône.

Meilleures pratiques pour les icônes d'application (avec exemples !)

Alors, que devriez-vous faire pour aider à transmettre toute la beauté de votre application au monde extérieur ?

Conception générale

Bien qu'il existe de nombreuses astuces pour vraiment se démarquer, comme l'ajout d'une balise "gratuite" ou l'utilisation du personnage principal (plus sur celles-ci plus tard), il existe également quelques directives de conception de base que vous devez suivre. Naturellement, ceux-ci peuvent tous être brisés avec de superbes résultats, mais pour la plupart :

Envisagez d'avoir une bordure, de sorte qu'une fois votre application téléchargée, elle sera belle quel que soit l'arrière-plan
Ne rendez pas votre logo transparent. Cela réduira la lisibilité
N'utilisez pas de mots - ils se perdront simplement dans des tailles plus petites
Ne rendez pas votre icône brillante - cela en rendra une grande partie invisible
Restez simple - les icônes d'application sont petites et les détails se perdent

Ressortir

Plus facile à dire qu'à faire, je sais. Quoi qu'il en soit, cela reste l'une des fonctions essentielles de votre icône - vous différencier et amener l'utilisateur à appuyer sur votre application par-dessus toutes les autres.
Pensez-y de cette façon. Il y a 1,2 million d'applications dans l'App Store - il est peu probable que vous soyez le seul à proposer votre produit. Alors, comment les gens savent-ils que vous avez la meilleure application de calculatrice par rapport aux autres ? Votre icône, c'est comme ça.
Par exemple, voici une capture d'écran des résultats de recherche des applications de calculatrice pour iPhone.

Savez-vous ce qui m'a marqué ? La balise "gratuit" sur l'application de la calculatrice.
capture d'écran de la calculatrice modifiée
C'est plus qu'un peu ridicule puisque la grande majorité des applications de l'App Store sont gratuites, mais quand même - en mettant cette petite étiquette dessus, cela me fait automatiquement penser que si elles sont étiquetées comme gratuites, alors le reste ne doit pas l'être . Et cette différence d'une fraction de seconde est vraiment tout ce dont vous avez besoin dans l'App Store.

Changez-le

Poisson éclaboussant

Pas trop, mais changer un peu l'icône de votre application est un excellent moyen de revigorer les téléchargements. Les icônes saisonnières en sont le meilleur exemple.

Le dernier Halloween, par exemple, Splashy Fish a changé son icône pour être plus Halloween-y. C'est un petit changement, mais si vous êtes propriétaire d'une application bien connue, c'est peut-être ce qu'il vous faut pour augmenter vos téléchargements.

l'image de marque

Si vous avez une forte valeur de marque, une image de marque simple est une excellente solution. Mais rappelez-vous: restez très simple. Nike, par exemple, fait un très bon travail - voici ce qui se passe lorsque vous les recherchez :
Applications Nike
Cela permet de reconnaître à peu près instantanément quelles applications sont les leurs, donc si je cherche quelque chose de Nike, alors c'est agréable et rapide. De plus, puisqu'il s'agit d'une marque incroyablement fiable, l'image de marque pour eux a beaucoup de sens.

Un autre point concernant l'image de marque est que si c'est la voie que vous emprunterez (espérons-le) à l'avenir, choisissez quelque chose qui peut être adapté à de nombreux paramètres différents. Le swoosh Nike, par exemple, s'intègre parfaitement dans de nombreuses icônes d'applications différentes.
icone choc des clans

L'icône Clash of Clans, en revanche, n'est pas aussi flexible, et bien qu'il puisse y avoir une exception pour les icônes de jeu qui présentent des personnages principaux, je dirais qu'il faut faire preuve de prudence lorsqu'il s'agit d'icônes de personnages hautement stylisées.

Marque Piggy-Backing

C'est une façon amusante d'obtenir une meilleure reconnaissance de votre public. (NB : Je ne préconise pas que vous enfreigniez la loi ou induisiez vos utilisateurs en erreur, alors faites-le avec prudence).

Donc, nous sommes clairs sur ce que je veux dire, regardons un exemple. Hipstamatic est une application photo numérique qui augmente de manière exponentielle les fonctionnalités de votre téléphone avec appareil photo. Fondamentalement, c'est une très belle version d'Instagram. Sachant que le designer d'icônes Aravind Kaimal a proposé ceci :
icône hipstamatique
Image via Dribbble

Il est assez clair d'où vient son insta-ration si vous voyez ce que je veux dire. Mais ce n'est pas une mauvaise chose ! Instagram a construit cette marque étonnante et son iconographie est synonyme d'images filtrées – c'est exactement ce que fait Hipstamatic . Alors pourquoi ne pas capitaliser sur la reconnaissance d'autres marques ?

Si le ferroutage de la marque est bien fait, comme s'il était suffisamment similaire pour être reconnu et forger le lien, mais suffisamment différent pour qu'il n'y ait pas de clics accidentels « oh je pensais que c'était ça », alors c'est vraiment une excellente stratégie.

Google Androïd

Enfin, je voulais faire un clin d'œil au Play Store, qui est si souvent négligé dans le chat de l'application, et je pense qu'il le fait injustement.
~~Google a en fait un~~ Générateur d'icônes astucieux créé par Roman Nurik, pour vous aider probablement à améliorer votre icône et à la cibler davantage pour le Google Play Store. Il me semble que même si ce n'est pas un outil très utile pour la création d'applications, c'est un excellent outil pour tester et itérer l'icône de votre application très rapidement (surtout si vous n'avez pas de concepteur parmi les compétences du personnel/de la conception). C'est donc une chose.

Deuxièmement, la plupart de ce qui s'applique à l'App Store s'appliquera également au Play Store.

Nous ne traitons pas vraiment de logiciels différents, nous traitons de la psychologie de ce qui fait que les gens voient quelque chose et pensent "oui, c'est l'application qu'il me faut".

Dans un marché hyper-saturé, c'est absolument en or. (cela dit il y a bien sûr quelques différences techniques)

Emballer

Votre icône App Store/Play Store est très importante. C'est une petite fenêtre d'opportunité que vous avez pour attirer l'attention des navigateurs de l'App Store et les convaincre que vos captures d'écran, votre vidéo promotionnelle, votre description et éventuellement le téléchargement de votre application en valent la peine. Malheureusement, il n'y a pas de formule volontaire pour ce qui fait une bonne ou une mauvaise icône de l'App Store. Il s'agit plutôt de ce qui va vous différencier suffisamment pour vous démarquer, tout en restant suffisamment reconnaissable pour que votre public sache instantanément ce que fait votre produit.

C'est beaucoup à faire, et pas beaucoup d'espace pour le faire, alors vous feriez mieux de craquer.