Comment créer des captures d'écran App Store qui génèrent des téléchargements
Ouvrez l'App Store, cherchez n'importe quoi, et comptez le temps que vous passez sur chaque résultat. Deux secondes ? Moins ? Vous ne lisez pas les descriptions. Vous regardez une icône, un nom et une bande de captures d'écran large comme votre pouce, et vous décidez.
Voilà toute l'ironie du design des captures d'écran pour les stores : c'est l'élément que la plupart des développeurs indépendants produisent en dernier, à minuit, sorti tout droit d'un simulateur — et c'est celui qui décide à leur place. Le premier écran de votre fiche sur un téléphone, c'est votre icône, votre titre et à peu près les deux premières captures. Tout ce qui vient après s'adresse à des gens déjà à moitié convaincus.
Concevons donc ces cinq images correctement, à partir d'un exemple réel.
Vos captures sont d'abord jugées en taille vignette
Voilà le piège. Vous travaillez en 1290 × 2796 sur un écran de 27 pouces, et le résultat est superbe. Puis quelqu'un cherche « liste de courses » et votre fiche apparaît dans les résultats avec trois captures tassées dans une bande à peine plus large qu'un pouce. Votre magnifique légende de 48 px n'est plus qu'une bouillie illisible.
J'appelle ça le test de la vignette, et il est impitoyable : réduisez votre image au tiers de sa taille et regardez-la à bout de bras. Si vous n'arrivez pas à lire la légende, ce n'est pas une légende — c'est une texture.
Concrètement, sur un canevas de 1290 × 2796, cela veut dire un texte de légende de 96 à 140 px, en gras, deux lignes maximum. Dans l'éditeur, ça paraît absurdement gros. C'est pourtant la bonne taille. Toute série de captures qui fonctionne semble sur-typographiée quand on est zoomé dessus.
La capture de l'écran, elle, n'a pas besoin de survivre à la vignette. Personne ne lit les libellés de votre interface dans la bande de résultats. L'écran, c'est la preuve — il dit « voici une vraie application, bien construite » en un coup d'œil. C'est la légende qui vend.
La légende vend le bénéfice, l'écran le prouve
La plupart des mauvaises séries de captures légendent la fonctionnalité. « Listes intelligentes ». « Saisie vocale ». « Synchronisation ». Ce sont des noms de choses, et un nom n'a jamais convaincu personne d'installer quoi que ce soit.
Séparez les rôles :
- La légende = le résultat que l'utilisateur recherche, formulé avec ses mots à lui. Court. À la deuxième personne, ou sans personne du tout.
- L'écran = la preuve que l'application le fait vraiment.
« Saisie vocale » devient « Ajoutez le lait sans déverrouiller votre téléphone ». « Synchronisation » devient « Deux personnes, une liste, zéro lait en double ». Même capture en dessous. Conversion radicalement différente.
Une idée par image. Si votre légende a besoin d'un « et », c'est que vous avez deux images.
Un exemple concret : cinq images pour une application de courses
L'application s'appelle Bunch — une liste de courses partagée pour les couples et les colocataires. Voici le scénario exact que je livrerais, image par image :
| # | Légende (96–140 px) | Écran montré | Rôle de cette image |
|---|---|---|---|
| 1 | Deux personnes. Une liste. Zéro lait en double. | Liste partagée avec deux avatars sur les articles | Tout l'argumentaire en une ligne |
| 2 | Dites « lait d'avoine ». C'est aussi sur sa liste à elle. | Ajout vocal en pleine animation, l'article qui apparaît | Tuer l'objection « c'est pénible d'ajouter des articles ? » |
| 3 | Trié par rayon, pas par chaos. | Liste groupée : Fruits et légumes / Crèmerie / Surgelés | La fonctionnalité qui fait plaisir |
| 4 | Rien d'oublié un mardi à 18 h. | Notification de rappel à l'arrivée en magasin | La récompense émotionnelle |
| 5 | Gratuit. Aucun compte pour démarrer. | Écran vide avec un gros bouton « Créer une liste » | Lever le dernier frein |
Remarquez que les images 1 et 2 font tout le gros œuvre : ce que c'est, et pourquoi ce n'est pas une corvée. Si l'utilisateur ne fait pas défiler plus loin, il a quand même reçu l'argumentaire complet. Les images 3 à 5 s'adressent à celui qui penche déjà pour le oui et cherche une raison de s'engager.
Remarquez aussi que l'image 5 n'est pas une fonctionnalité du tout. C'est un tueur d'objection. L'emplacement le plus sous-exploité de toute la fiche App Store, c'est le dernier — il devrait soit lever une crainte (« gratuit », « sans compte », « fonctionne hors ligne »), soit montrer une preuve sociale (« 4,8★, 12 000 listes partagées ce mois-ci »).
Des règles de mise en page valables pour toute la série
- Légende en haut, sur un bandeau de couleur pleine ; appareil en dessous, débordant du bord inférieur. Ce modèle domine pour une bonne raison — l'œil lit de haut en bas, et l'appareil rogné laisse entendre « il y a encore de l'application là-dedans ».
- Ne mettez jamais la légende à l'intérieur de l'écran du téléphone. Elle se lit comme de l'interface, et les utilisateurs sautent l'interface.
- Même fond et même typographie sur les cinq images. Faites tourner la couleur d'accent si vous voulez du rythme, mais une série qui change de police d'une image à l'autre se lit comme cinq applications sans rapport. C'est exactement la discipline d'un brand kit — on choisit une fois, on applique partout.
- Contraste : bandeau sombre + légende blanche, ou couleur de marque saturée + blanc. Une légende gris clair sur un bandeau blanc, c'est l'erreur que je vois le plus souvent, et c'est celle qui s'évapore le plus vite en taille vignette.
- Gardez la légende dans une marge de sécurité d'environ 8 % de chaque côté. L'interface des stores rogne plus agressivement que vous ne l'imaginez.
Construire la série dans Ridvay Studio
Vous n'avez besoin ni de cinq fichiers séparés ni d'une licence Figma. Studio construit toute la série en un seul design multipage, que vous retouchez ensuite image par image.
Collez ceci :
Crée une série de 5 pages de captures d'écran App Store, 1290x2796, pour « Bunch », une application de liste de courses partagée pour les couples. Fond bleu marine foncé, légendes blanches en gras en haut de chaque image, une maquette de téléphone en dessous débordant du bord inférieur. Légendes dans l'ordre : « Deux personnes. Une liste. Zéro lait en double. » / « Dites lait d'avoine. C'est aussi sur sa liste à elle. » / « Trié par rayon, pas par chaos. » / « Rien d'oublié un mardi à 18 h. » / « Gratuit. Aucun compte pour démarrer. »
Ce qui revient n'est pas une image plate qu'il faut relancer dès qu'un mot cloche. Ce sont cinq pages éditables — la légende est un vrai calque de texte, le bandeau une vraie forme, l'accent une vraie valeur de couleur. Et c'est tout l'intérêt, parce que la demi-heure qui suit, ce sont des retouches, pas des régénérations :
- Cliquez sur chaque légende et montez la taille jusqu'à environ 110 px. Puis dézoomez le canevas à 33 % et relisez. C'est le test de la vignette, fait directement dans l'éditeur.
- Déposez vos vraies captures d'écran sur le calque de la maquette pour remplacer l'espace réservé. La légende ne bouge pas ; seule la preuve change.
- Recolorez le bandeau au bleu de votre marque sur les cinq pages, et ne touchez pas à la typographie — la cohérence de la série vaut mieux que la variété à l'intérieur.
- Dupliquez la page 1 et réécrivez uniquement la légende pour tester un second angle (« Fini les SMS “tu as pensé au lait ?” »). Deux versions de l'image 1, c'est le test A/B le plus rentable de toute la fiche.
Utilisez ensuite le redimensionnement en un clic pour décliner la même série sur les canevas 6.9" et iPad au lieu de les reconstruire, puis exportez chaque page en PNG.
Construire la série de captures Bunch dans Studio →
Quatre erreurs qui coûtent des téléchargements
Ouvrir sur l'écran de connexion. Votre première image ne devrait jamais montrer un écran que l'utilisateur doit franchir. Montrez l'application en train de faire son travail, avec des données réalistes déjà dedans.
Des données de démo vides. « Article 1, Article 2, Article 3 » annonce à l'utilisateur que personne ne se sert de votre application. Remplissez-la de contenu plausible — de vrais noms de produits, de vrais prix, une liste de la longueur qu'aurait celle d'une vraie personne.
Ne penser qu'au portrait sur la dernière image. Si vous avez un visuel vraiment bluffant — un graphique, une carte, une photo plein cadre — c'est un excellent candidat pour l'image qui mérite qu'on fasse défiler.
Des captures qui contredisent l'application. Si vos légendes promettent une fonctionnalité encore à deux versions de distance, vos avis une étoile le diront. Livrez les images de l'application que vous avez, pas de celle que vous imaginez.
Les règles générales de hiérarchie et de contraste qui sous-tendent tout cela méritent elles aussi d'être assimilées — je les ai détaillées dans les principes de design pour les non-designers, et les captures d'écran d'application sont l'endroit où elles se jouent le plus gros, parce que vous disposez d'environ deux images et d'un coup de pouce pour plaider votre cause.
Faites le test de la vignette ce soir. Réduisez votre image 1 actuelle au tiers de sa taille, jetez-y un œil, et demandez-vous si un inconnu saurait dire ce que fait votre application. Si la réponse est non, c'est une soirée de travail qui vous sépare d'un taux de conversion nettement meilleur.