Messages modaux in-app.
Les fenêtres modales apparaissent au centre de l’écran de l’appareil avec une superposition d’écran qui lui permet de se démarquer de votre application en arrière-plan. Ils sont parfaits pour suggérer subtilement à votre utilisateur de profiter d’une vente ou d’un cadeau.
!Deux messages in-app modaux côte à côte, détaillant l’image et les recommandations textuelles. Voir les sections suivantes pour plus de détails.](/docs/fr/assets/img/modal-spec.png?c56fa5fbe28586c9dbb553c3888758d7){: style=”max-width: 801px; border: none;”}
Spécifications de l’image
Les messages in-app modaux sont conçus pour s’adapter le mieux possible aux proportions de l’appareil, tout en restant fidèle à la taille et aux rapports de l’image ou du texte de votre choix pour votre message.
Bien qu’il n’y ait pas de limite au nombre de caractères de texte que vous pouvez inclure dans un message in-app (ainsi que dans les boutons, le titre, le corps principal et autres), nous modérons le nombre de caractères de texte que vous utilisez. Un texte trop long obligera les utilisateurs à développer et à faire défiler le message.
Tous les messages in-app ont une taille d’image recommandée de 500 Ko, une taille d’image maximale de 5 Mo, et prennent en charge les types de fichiers PNG, JPEG et GIF.
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Portrait plein écran avec texte | 6:5 | Haute résolution 1200 x 1000 px Résolution minimale 600 x 500 px |
L’image peut être rognée de tous les côtés, mais elle occupera toujours la moitié supérieure de la fenêtre. |
| Portrait plein écran (image seule, avec ou sans boutons) | 3:5 | Haute résolution 1200 x 2000 px Résolution minimale 600 x 1000 px |
Sur les appareils grand format, l’image peut être rognée sur les bords gauche et droit. |
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Paysage plein écran avec texte | 10:3 | Haute résolution 2000 x 600 px Résolution minimale 1000 x 300 px |
L’image peut être rognée de tous les côtés, mais elle occupera toujours la moitié supérieure de la fenêtre. |
| Paysage plein écran (image seule, avec ou sans boutons) | 5:3 | Haute résolution 2000 x 600 px Résolution minimale 1000 x 600 px |
Sur les appareils grand format, l’image peut être rognée sur les bords gauche et droit. |
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Fenêtre contextuelle | 1:1 | Haute résolution 150 x 150 px Résolution minimale 50 x 50 px |
Les images de différents rapports hauteur/largeur seront insérées dans un conteneur d’images carré, sans rognage. |
| Type | Rapport hauteur/largeur | Qualité de l’image | Remarques |
|---|---|---|---|
| Modale (image seulement) | 1:1 | Résolution maximale recommandée : 1200 x 2000 px Résolution minimale : 600 x 600 px |
Le message sera redimensionné pour s’adapter à la plupart des tailles d’image. La résolution maximale recommandée a un rapport hauteur/largeur de 3:5, ce qui peut ne pas donner des résultats optimaux. Bien que les images plus grandes soient utilisables, elles peuvent entraîner des temps de chargement plus longs. Le rapport hauteur/largeur idéal pour les images est de 1:1. Le non-respect de ce rapport peut déclencher un avertissement lors du téléchargement. Cet avertissement est une suggestion pour de meilleurs résultats et n’empêche pas le téléchargement d’images plus grandes. |
| Fenêtre modale avec texte | 29:10 | Haute résolution 1450 x 500 px Résolution minimale 600 x 205 px |
Les images hautes seront réduites et centrées horizontalement. Les images larges seront rognées sur les bords gauche et droit. |
Des écrans plus grands
Sur une tablette ou un navigateur de bureau, un message in-app modal restera au centre de l’écran de l’application, comme le montre la capture d’écran suivante.
Modifier cette page sur GitHub
