Comment créer une icône d'application scientifiquement conçue pour augmenter les téléchargements

août 14, 2018

On dit qu'il ne faut pas se fier aux apparences, mais c'est exactement ce que nous faisons lorsque nous recherchons une application qui non seulement résout nos problèmes, mais qui est en même temps visuellement attrayante. Il existe un si grand choix d'applications que les clients doivent savoir rapidement lesquelles obtenir. Qu'est-ce qui motive quelqu'un à télécharger une application depuis un app store ?

Selon une enquête technographique européenne en ligne sur les technologies grand public réalisée en 2012 par Forrester Research Inc., 63% des applications sont découvertes en effectuant une recherche dans un app store, ce qui en fait la méthode la plus courante pour rechercher et télécharger des applications. En 2016, il y avait 90 milliards de téléchargements depuis l'App Store d'Apple et le Google Play Store combinés. Ayant ce chiffre impressionnant à l'esprit, l'optimisation de l'app store est essentielle pour se démarquer de la concurrence et influencer les téléchargements.

Qu'est-ce que l'App Store Optimization?

L'App Store Optimization, également connu sous le nom d'ASO, est le processus aidant les applications mobiles à se classer plus haut dans les résultats de recherche de l'app store. L'application se classant plus haut dans les résultats, elle devient plus visible et détectable pour les clients potentiels. Le trafic devient plus fréquent sur la page de votre application, ce qui signifie : plus de téléchargements.

Plusieurs facteurs entrent en ligne de compte pour améliorer l'optimisation de l'app store. Avoir un titre, un excellent design d'icône, une description, un emplacement, des captures d'écran et des tutoriels vidéo sur la page de votre application font tous partie du processus. Il est également important de penser aux mots-clés et à la langue que votre public cible et vos clients potentiels utiliseront pour rechercher des applications similaires à la vôtre.

Utiliser le design de votre icône d'application pour augmenter les taux de conversion

Ayant ces facteurs à l'esprit, la conception épurée de l'icône de votre application joue également un rôle majeur dans le processus d'optimisation de l'app store, car c'est la première chose que les gens remarquent lorsqu'ils recherchent des applications. Avoir cet attrait visuel et ce design unique est important pour se démarquer de la concurrence.

Une forte première impression est essentielle pour améliorer les taux de conversion, qui peuvent augmenter jusqu'à 35%. En général, basé sur de solides premières impressions, 50% des personnes decident d'installer l'application et 60% des visiteurs ne scrolleront pas plus loin . (Si vous vous demandez ce qu'est un taux de conversion normal, un taux moyen serait de 26.4%, le plus élevé est de 82% et le plus bas est de 0.36% pour les applications de jeu).

Créer la meilleure icône d'application possible

Branding pour votre application

Avant même de commencer à penser aux éléments de votre icône, vous devriez réfléchir sérieusement au branding de votre application. Pour vous aider, vous pouvez vous poser quelques questions sur votre marque : Qui va utiliser votre application et pourquoi ? Qu'est-ce qui rend votre application unique par rapport à la concurrence ? Quel message souhaitez-vous faire passer aux utilisateurs de votre application ? Quel est le ton de votre application ? Quelles émotions voulez-vous que vos utilisateurs ressentent lorsqu'ils utilisent votre application ? En répondant à ces questions, vous aurez une image claire de qui vous êtes en tant que marque.

Aujourd'hui, nous n'aborderons que l'icône de l'application en particulier, mais il est important de garder à l'esprit que ce n'est pas la seule chose à prendre en compte. Tout, de la palette de couleurs au nom, à la typographie, au ton de la voix et aux directives de branding visuel, aide à construire la personnalité de la marque, ce qui crée une connexion plus profonde et plus facile avec les clients.

Voici quelques ressources que vous pouvez lire et utiliser pour vous assurer que votre branding game est au point :

Choisir les bonnes couleurs

Choisir la bonne couleur pour l'icône de votre application peut aider à déterminer son succès, car elle reflète la personnalité et le thème de votre marque. Ils ont un fort pouvoir de persuasion avec 90% des consommateurs jugeant les produits uniquement sur leur couleur.

En effet, l'aspect visuel d'un produit joue un grand rôle dans le processus d'achat avec 92.6% des personnes disant que c'est le facteur le plus important lors de l'achat de quelque chose. Par exemple, lorsque Heinz changé à titre expérimental leur ketchup du rouge au vert en 2000, 10 millions de bouteilles ont été vendues au cours des 7 premiers mois, rapportant 23 millions de dollars de ventes. À cette époque, il s'agissait de la plus forte augmentation des ventes qu'ils aient jamais connue.

Les couleurs montrent le sentiment et l'ambiance que représente votre marque, elles indiquent inconsciemment aux consommateurs ce qu'ils sont censés ressentir lorsqu'ils voient votre application. Les émotions et les traits sont souvent associées aux couleurs, par exemple, le bleu est souvent associé à la confiance et à la sécurité, le violet à la sophistication, le marron au plein air et le rouge à la passion. Ils doivent être une représentation précise des valeurs importantes que votre marque incarne et que vous souhaitez insuffler à vos visiteurs et utilisateurs.

Maintenant que vous êtes conscient de l'impact qu'ont les couleurs sur le succès de votre marque, voici quelques bonnes pratiques à garder à l'esprit lorsque vous choisissez celles qui vous conviennent :

Connaissez vos options. Vérifiez ce qui existe avant de choisir une couleur. Le diagramme ci-dessous montre les couleurs les plus souvent utilisées lors de la conception des icônes d'application.
Soyez cohérent. Assurez-vous d'utiliser un jeu de couleurs cohérent. Votre icône doit correspondre à ce qui se trouve à l'intérieur de votre application lorsque les utilisateurs l'ouvrent. Cela n'a pas de sens si votre icône a une belle palette de couleurs, mais que l'intérieur de l'application elle-même semble très terne.
Contraste. Avoir des contrastes élevés et faibles peut également être utile pour faire ressortir les couleurs les unes des autres à différents degrés. Il est important qu'il y ait un contraste entre votre texte ou objet et leurs arrière-plans. Naturellement, le jaune est une couleur vive et le bleu est plus doux et plus foncé, ce qui en fait un contraste plus élevé. Les contrastes plus faibles utilisant des tons différents dans la même couleur peuvent être difficiles à lire et donc un contraste élevé est généralement préféré. Cependant, certains contrastes élevés peuvent faire mal aux yeux, comme par exemple, le vert vif avec le noir. Il est préférable de trouver une palette de couleurs équilibrée avec juste ce qu'il faut de contraste pour rendre votre icône agréable.
Couleurs complémentaires. Il y a un dicton qui dit que les opposés s'attirent, et donc l'utilisation de couleurs complémentaires peut être une bonne option pour concevoir votre icône afin de la faire ressortir. Ce sont des couleurs complètement opposées sur la roue chromatique, par exemple, le rouge et le vert, le bleu et l'orange, le jaune et le violet.
Soyez prévenant. Le daltonisme est un point important qui nécessite certaines réflexions. L'utilisation d'un contraste élevé résout ce problème en rendant les choses plus faciles à lire et agréables à voir. Il n'est pas étonnant que le bleu soit un choix populaire pour les icônes, car il a tendance à être la couleur que même le daltonisme peut surmonter.

Si vous ne savez toujours pas quelle couleur convient le mieux à votre marque, vous pouvez essayer ce petit quiz sur les couleurs de l'entreprise pour vous aider à démarrer. Ce site internet base les résultats de votre quiz sur des articles marketing et des études de recherche. Quelques-unes des questions incluent comment décririez-vous vos clients, à qui est destiné votre produit ou service et quelles caractéristiques décrivent le mieux votre entreprise.

Concevoir les éléments de l'icône de votre application

Le site web de Material Design fournit une aide sur les principes de design de votre application, y compris en vous guidant à travers une grille et des formes de bordures, des spécifications et des traitements d'icônes. Nous avons pris les points suivants directement depuis leur site web pour vous aider.

Grille and formes de bordures :

Tailles d'icône : « Lors de la création d'une icône, affichez-la et modifiez-la à 400 % (192 x 192 dp), ce qui affichera les bords à 4 dp. En maintenant ce rapport, toute modification apportée à l'original sera agrandie ou réduite proportionnellement, ce qui préserve les bords nets et l'alignement correct lorsque l'échelle est ramenée à 100 % (48 dp). La grille d'icônes établit des règles claires pour le positionnement cohérent, mais flexible, des éléments graphiques. »
Formes de bordures : « Les formes de bordure sont basées sur la grille. En utilisant des formes de base comme référence, vous pouvez conserver des proportions visuelles cohérentes dans toutes les icônes de vos produits. Carré = hauteur : 152 dp, largeur : 152 dp ; Cercle=Diamètre : 176 dp ; Rectangle vertical = hauteur : 176 dp, largeur : 128 dp ; Rectangle horizontal=Hauteur : 128 dp, largeur : 176 dp. »
Géométrie : "Ces formes de bordures utilisent des normes prédéfinies : cercle, carré, rectangle, orthogonal et diagonales. Ils unifient les icônes du produit et maintiennent un placement cohérent sur la grille. »

Spécifications :

Anatomie : « Pour exprimer un langage visuel partagé, les éléments graphiques qui composent une icône de produit doivent être cohérents pour toutes les icônes d'une marque. Les logos, en particulier, doivent avoir des caractéristiques qui aident à établir une familiarité entre les éléments de la marque. La structure sous-jacente d'une icône de produit positionne chaque élément devant le précédent, de sorte que chaque logo est conçu de bas en haut.
Eclairage : « Dans l'environnement Material Design, des lumières virtuelles illuminent la scène et permettent aux éléments de projeter des ombres. La lumière est projetée sur le dessus des éléments, créant une ombre qui met en évidence le bord supérieur et inférieur de l'icône. Une lumière inclinée renforce l'impression de dimension à travers les éléments.
Ombre de contact : “Une ombre de contact est le résultat de la lumière virtuelle depuis le haut. Une ombre douce entoure légèrement un élément Material en haut et à gauche, et avec un peu plus d'accentuation en bas et à droite de l'élément. L'ombre est contenue dans la silhouette d'arrière-plan de l'icône.
Teinte et ombre des bords : “Les bords supérieur et inférieur des éléments de Material donnent une impression de profondeur, qui est accentuée par la teinte et l'ombrage des bords : les teintes mettent en évidence le bord supérieur d'un élément (les bords gauche, droit et inférieur ne sont pas teintés) ; Les ombres assombrissent le bord inférieur d'un élément (les bords gauche, droit et supérieur ne sont pas ombrés).
Finition : "La couche de finition exprime l'effet de la source lumineuse virtuelle à 45º de Material Design. Il s'étend du coin supérieur gauche au bord extérieur de la silhouette de l'icône.

Vous pouvez consulter le guide complet sur le site web de Material Design si vous souhaitez approfondir vos principes de conception.

Test A/B de l'icône de votre application

Une fois que vous avez quelques idées d'icônes en tête, le plus difficile est de prendre votre décision finale en n'en choisissant qu'une seule. En fin de compte, cette décision décide du sort de votre marque d'application et de son succès dans les app stores. C'est là que les tests A/B entrent en jeu.

Le test A/B est un moyen de tester deux versions différentes d'une application pour voir laquelle fonctionne et s'exécute le mieux. Dans ce cas, vous examinerez quel design d'icône est le plus populaire et obtient le plus de clics. Ce test peut faire une grande différence pour le succès de votre application. Par exemple, l'application CashQuizz a pu doubler ses téléchargements quotidiens en faisant des ajustements et en ajoutant plus de variations de couleur à son ancien design d'icône, ce qui a augmenté le nombre total de téléchargements de plus de 150 %. Gram Games est une autre application qui a pu augmenter ses conversions de 26 % grâce aux tests A/B de son icône.

Le procédé de test implique que la moitié de votre trafic affiche une version originale tandis que l'autre moitié affiche une version modifiée de l'icône de votre application. Les expériences des utilisateurs sont ensuite enregistrées, mesurées, collectées et analysées via un moteur statistique. Lors de l'expérimentation, il est important de s'assurer que les deux versions soient extrêmement différentes et audacieuses pour obtenir des réponses de test claires.

Pour Android, les développeurs peuvent utiliser la fonctionnalité de test A/B de Google Play, une option expérimentale de leur console qui leur permet de tester leurs icônes. Avec iOS, il y a des tests A/B payants sur Facebook. Si vous souhaitez connaître les étapes exactes pour effectuer ces deux options de test A/B, consultez ce lien.

Voici quelques autres outils en ligne pour vous aider avec les taux de conversion de vos applications avec les tests A/B :

Storemaven
SplitMetrics
Five Second Test

Bonnes pratiques d'App Store Optimization pour le design de l'icône de votre application

Comme nous l'avons mentionné plus haut dans cet article, la conception de l'icône de votre application est l'une des clés du succès dans le processus d'App Store Optimization. Jetons un coup d'œil sur quelques bonnes pratiques utilisées pour attirer les clients et augmenter les téléchargements :

Qualité. Une icône de bonne qualité doit être simple, reconnaissable et suffisamment unique pour être repérée parmi une foule d'applications.
Identité de marque. Le design de votre icône doit établir un lien émotionnel avec les valeurs de votre entreprise. Il doit refléter l'identité de votre marque.
Clarté. L'icône doit transmettre aux clients un message clair sur l'application et être suffisamment accrocheuse pour qu'ils veuillent cliquer dessus et la télécharger.
Accéder à la page des applications recommandées. Les clients consultent la page des recommandations de l'app store pour voir les meilleures applications récentes. Les applications sur cette page ont généralement de très bons résultats dans les téléchargements, car seules les applications les plus performantes sont choisies pour être recommandées par l'app store. Avoir une icône d'application, des évaluations d'application, une description d'application et des captures d'écran sur la page de présentation de votre application dans l'app store augmente les chances d'être téléchargée et de se retrouver sur cette page.
Taille des icônes. Assurez-vous que le design de l'icône fonctionne sous différentes formes et tailles. Même si vous avez testé l'apparence de l'icône de votre application sur téléphone et tablette, il est important de vérifier qu'elle fonctionne dans l'App Store d'Apple et le Google Play Store. Après tout, c'est le premier endroit où la plupart des clients la verront. Voici quelques tailles de base que votre icône devrait avoir pour s'adapter à différentes plates-formes et appareils : 512 pt x 512 pt, 256 pt x 256 pt, 128 pt x 128 pt, 32 pt x 32 pt, 16 pt x 16 pt.
Pas besoin de texte. N'oubliez pas que les icônes sont petites et qu'il peut donc être très difficile de lire du texte dans le design de l'icône. C'est également inutile puisque le texte est déjà écrit sous l'icône de l'application.
Evitez les lettres. Évitez d'utiliser la première lettre de la marque de votre application comme icône, surtout si elle partage la même première lettre que certaines des applications les plus populaires comme Facebook, Pinterest ou Skype. Votre application sera éclipsée. Cependant, si vous décidez d'emprunter cette voie, assurez-vous de lui donner quelques caractéristiques distinctives par rapport à ses concurrents. Votre application ne doit pas être confondue avec une application différente ayant un design similaire d'icône en lettre.
Soyez original. Essayez de ne pas trop coller aux tendances et à vos concurrents. Il est toujours bon d'être original dans votre design.
Rendez-la visible. Assurez-vous que l'icône est reconnaissable et représente l'objectif de votre marque. Il est normal de prendre le temps de concevoir le design et la forme de votre icône pour qu'elle soit parfaite.
Simplicité. L'icône est la première chose que les clients potentiels voient lorsqu'ils regardent votre application donc assurez-vous que l'icône de votre application ne soit pas trop chargée visuellement. Il peut y avoir quelques petits détails, mais gardez-les au minimum. Il ne faut pas embrouiller les clients potentiels et rendre l'icône difficile à regarder, surtout lorsqu'elles sont de si petite taille.
Point de mire. Assurez-vous qu'il n'y ait qu'un seul point de mire centré sur l'icône de l'application. Cela attire l'oeil des visiteurs vers un seul endroit.
Soyez prudent avec les couleurs. N'utilisez pas trop de couleur juste pour rendre l'icône plus flashy. Les tons plus doux sont également bons à utiliser.
Attention aux faux textes. Si vous prévoyez d'utiliser du faux texte dans votre icône, assurez-vous de ne pas trop attirer l'attention sur les mots et de les réduire au point où ils sont illisibles, ce qui rend évident que le texte n'est pas destiné à être lu.
Pas de captures d'écran ni de photos. Évitez d'utiliser des captures d'écran et des photos dans les icônes car les détails des photographies peuvent être difficiles à voir dans le petit espace des icônes et cela ne montre pas précisément l'objectif de votre marque.

Voici quelques points spécifiques à Apple :

Ne copiez pas Apple. Tous les produits Apple sont protégés par le droit d'auteur et vous ne pouvez donc pas utiliser leurs éléments d'icône dans votre propre icône d'application.
Donnez à votre icône un contour et une forme uniques. Les applications sur macOS peuvent avoir des icônes qui prennent la forme des objets qu'elles décrivent, par exemple, l'icône des contacts a la forme d'un carnet d'adresses. Le contour unique attire l'attention, ce qui est une priorité.
Changez l'icône macOS. Modifiez l'icône de votre application iOS si vous en concevez également une pour macOS. Elles ne doivent pas être une copie exacte l'une de l'autre.

Voici un point spécifique à Google:

Taille et résolution. Assurez-vous que votre application s'affichera correctement sur tous les appareils. Il est bon de garder à l'esprit lors de la création de votre application qu'Android s'exécute sur différents appareils, ce qui signifie que la taille et la résolution de l'écran changent. Dans ce cas, vous devriez créer une icône différente pour chaque type de densité d'écran.

Dernières réflexions sur l'App Store Optimization

Comme vous pouvez le voir, même le simple fait de choisir un jeu de couleurs pour votre icône peut avoir un impact sur le succès de votre application. L'optimisation du design de l'icône est la première étape pour faire grimper votre ranking de recherche dans l'App Store d'Apple et le Google Play Store.

Soyez créatif, rappelez-vous des valeurs de votre marque, n'hésitez pas à expérimenter et gardez à l'esprit ces bonnes pratiques pour l'optimisation de l'app store et le design d'icônes. Vous serez sur la page des recommandations en un rien de temps!

by Guarana
Filed under App Funding
Tagged A/B Testing, Mobile App Design