Création d’images efficaces pour la boutique AppSourceCraft effective AppSource store images

Chaque liste AppSource contient des images qui informent l’utilisateur et font la promotion du complément.Each AppSource listing contains images that inform the user and promote the add-in. Les images AppSource fournissent aux utilisateurs une vue d’ensemble rapide des fonctionnalités et améliorent leur compréhension de la valeur d’un complément.AppSource images provide users with a quick overview of features and enhance their understanding of the add-in’s value. Afin de créer les meilleures images pour votre référencement AppSource, nous vous recommandons d’appliquer les instructions suivantes.To create the best images for your AppSource listing, we recommend that you apply the following the guidelines.

Rendre les images lisiblesMake images legible

Le contenu de chaque image doit être facile à lire et refléter la qualité de votre solution.The content of each image should be easy to read, and should reflect the quality of your solution. Il faut que les utilisateurs puissent distinguer clairement le contenu de l’image et lire la légende d’un seul coup d’œil.Users should be able to clearly view image content and read captions at a glance.

À faireDo À ne pas faireDon't
Utiliser un texte clair et des graphismes aux ratios de contraste adaptés.Use clear text and graphics with the appropriate contrast ratios. Ne pas afficher de textes ou de graphismes flous, pixelisés ou mal restitués.Don’t show blurred, pixelated, or poorly rendered text or graphics.
Fournir une image d’au moins 1366 x 768 pixels (largeur x hauteur) et de moins de 1 024 Ko.Provide at least one image that is 1366w x 768h pixels and no greater than 1024 KB. Ne pas étirer ou rétrécir vos images (mauvaises proportions).Don't stretch or pinch your images (poor aspect ratio).
Si nécessaire, rendez le contenu lisible avec des plans rapprochés ou rognés.Use magnified close-ups or crops when needed to make content legible. Ne pas rétrécir votre contenu au point de le rendre illisible.Don’t make your content so small that it is illegible.

Une image avec un contenu net en regard d’une image avec un contenu flou Une image avec du contenu correctement mis à l’échelle en regard d’une image avec du contenu condensé Une image avec un plan rapproché pour montrer un contenu de petite taille en regard d’une image avec du contenu illisibleImage with clear content next to an image with blurred content Image with correctly scaled content next to an image with pinched content Image with a close up to show small content next to image with illegible content

Éviter le contenu excédentaireAvoid excess content

Utiliser des images permettant de concentrer l’attention de l’utilisateur sur votre solution.Use images to focus the user’s attention on your solution. Les images contenant du contenu non pertinent sont déroutantes et distraient l’utilisateur.Images that contain unrelated content are distracting and confusing to the user.

À faireDo À ne pas faireDon't
Utiliser des personnages d’exemple en cas de besoin.Use example personas when needed. Ne pas afficher d’informations privées ou personnelles.Don't show private or personal information.
Afficher uniquement les éléments de l’interface pertinents pour le complément.Only show interface elements relevant to the add-in. Utiliser avec parcimonie l’interface utilisateur Office.Use the Office UI sparingly. Ne pas afficher d’éléments d’interface utilisateur non pertinents (barres de tâches, rubans, trop d’espace vide ou autres applications).Don’t show unrelated user interface elements such as task bars, ribbons, excessive empty space, or other applications.
Renforcer votre image de marque en incorporant des éléments reconnaissables, comme le logo ou les couleurs de la marque.Reinforce your brand by incorporating recognizable brand elements such as the logo or brand colors. Ne pas ajouter d’éléments graphiques inutiles qui bloquent le contenu.Don’t add unnecessary graphic elements that obstruct content.

Image avec un exemple de profil en regard d’une image avec des informations personnelles Image avec l’interface utilisateur pertinente en regard d’une image avec une interface utilisateur non pertinente Image avec un seul élément de marque simple en regard d’une image avec plusieurs éléments de marque qui bloquent le contenuImage with an example persona next to an image with personal information Image with relevant UI next to an image with unrelated UI Image with one simple branding element next to an image with multiple brand elements that block content

Afficher la valeur de votre complémentShow the value of your add-in

Les images doivent communiquer clairement la valeur de votre solution et ses fonctionnalités principales.The images should clearly communicate value of your solution and its main features. Chaque image doit communiquer un seul élément d’information.Focus each image on communicating one piece of information. Les utilisateurs ne jetteront qu’un coup d’œil à chaque image.Users will glance only briefly at each image. Montrer comment sera utilisée votre solution.Show how your solution will be used. Illustrer clairement la valeur fondamentale de votre solution.Show core value with clear illustrations.

À faireDo À ne pas faireDon't
Utiliser des légendes simples pour concentrer l’attention de l’utilisateur sur une fonctionnalité essentielle.Use simple captions or callouts to focus the user’s attention on one key feature. Ne pas communiquer plusieurs idées par image.Don’t communicate more than one point per image.
Afficher uniquement du contenu permettant d’illustrer ce qu’apporte le complément à l’utilisateur.Only show content that helps illustrate how the add-in creates value for the user. Ne pas afficher du contenu non pertinent.Don’t show unrelated content.
Placer des légendes, agrandissements ou rognages pour attirer l’attention des clients sur votre solution.Position callouts, magnifications, or crops to focus customers on your solution. Ne pas utiliser de légendes qui masquent du contenu important.Don’t use captions or callouts that obstruct important content.

Image avec légende et proche en regard d’une image avec légende, légende et image de fermeture avec légende et éditeur de contenu en regard d’une image avec légende et des informations non associées avec légende, closeup, pour se concentrer sur une action utilisateur et obtenir des résultats en regard d’une image avec une légende et une légende masquant le résultat de l’actionImage with caption and close up next to an image with caption, callout, and close up Image with caption and content editor next to an image with caption and unrelated information Image with caption, closeup to focus on one user action and result next to an image with caption and callout that hides the result of the action

Voir aussiSee also