Recommandations en matière de miniatures

Applies to Windows and Windows Phone

Ces recommandations décrivent comment utiliser les images miniatures pour aider les utilisateurs à afficher un aperçu de leurs fichiers quand ils naviguent dans votre application du Windows Store.

Est-ce que mon application doit inclure des miniatures ?

Si votre application permet aux utilisateurs de parcourir les fichiers, autorisez-les à visualiser rapidement un aperçu de ceux-ci en affichant des images miniatures.

Utilisez des miniatures dans les cas suivants :

  • Affichage d’aperçus pour de nombreux éléments (tel que fichiers et dossiers). Par exemple, une application de galerie de photos doit utiliser des miniatures pour donner à l’utilisateur un petit aperçu de chaque image quand il parcourt ses fichiers de photos.

  • Affichage d’un aperçu pour un élément unique (comme un fichier spécifique). Par exemple, un utilisateur peut avoir besoin de voir davantage d’informations sur un fichier, notamment via une miniature de plus grande taille, avant de décider d’ouvrir ou non le fichier.

Pratiques conseillées et déconseillées

  • Indiquez le mode de miniature (picturesView, videosView, documentsView, musicView, listView ou singleItem) quand vous appelez une méthode pour récupérer des miniatures. Cela permet de garantir que les images miniatures sont adaptées aux types de fichiers que l’utilisateur veut voir.
  • Utilisez le mode singleItem pour récupérer une miniature pour un seul élément, quel que soit le type de fichier. Les autres modes de miniature (picturesView, videosView, documentsView, musicView et listView) sont destinés à afficher des aperçus de plusieurs fichiers.
  • Affichez des images d’espaces réservés génériques à la place des miniatures pendant le chargement des miniatures. Cette utilisation des espaces réservés semble améliorer la réactivité de l’application car les utilisateurs peuvent interagir avec les éléments avant le chargement des aperçus des images.

    Une image d’espace réservé doit être :

    • Spécifique au genre d’élément auquel elle se substitue. Par exemple, les dossiers, les images et les vidéos doivent disposer d’espaces réservés personnalisés qui n’utilisent pas les mêmes icônes, texte et/ou couleurs.
    • De la même taille et des mêmes proportions que l’image miniature à laquelle elle se substitue.
    • Affichée jusqu’à ce que l’image miniature soit chargée. Si une miniature ne peut pas être récupérée, affichez une image d’espace réservé à la place.
  • Utilisez des images d’espaces réservés avec des étiquettes de texte pour représenter les dossiers et les groupes de fichiers. Cela permet de distinguer des constructions système telles que les dossiers et groupes de fichiers des fichiers individuels. Une distinction visuelle entre ces types d’éléments facilite la navigation avec votre application pour les utilisateurs. Veillez à inclure une étiquette de texte pour l’espace réservé qui peut être le nom du dossier ou le critère utilisé pour former le groupe de fichiers.
  • Si vous ne pouvez pas récupérer une miniature pour un élément (tel qu’un fichier, un dossier ou un groupe de fichiers), affichez une image d’espace réservé.
  • Affichez des informations de fichier en plus des images miniatures quand vous fournissez des aperçus de documents ou de fichiers de musique. Cela permet aux utilisateurs d’identifier des informations clés ne pouvant pas être directement accessibles via une miniature. Vous pouvez par exemple afficher le nom de l’artiste pour un fichier de musique avec une miniature montrant la pochette d’album.
  • N’affichez pas des informations de fichier supplémentaires avec des miniatures pour les fichiers images et vidéo. Dans la plupart des cas, une image miniature est suffisante pour les utilisateurs qui parcourent les images et vidéos.

Recommandations d’utilisation supplémentaires

Modes de miniature recommandés et leurs fonctionnalités

Affichage d’un aperçu pourModes de miniatureCaractéristiques des images miniatures récupérées
Images
Vidéos
picturesView
videosView
Taille : moyenne, de préférence au moins 190 (si la taille de l’image est 190 x 130)
Proportions : uniformes, largeur d’environ .7 (190 x 130 si la taille est 190)
Rogné pour les aperçus
Proportions uniformes particulièrement adaptées pour l’alignement des images dans une grille
Documents
Musique
documentsView
musicView
listView
Taille : petite, de préférence au moins 40 x 40 pixels
Proportions : uniformes, carrées
Adapté aux aperçus des pochettes d’album du fait de sa forme carrée
Les documents ont la même apparence que dans la fenêtre d’un sélecteur de fichiers (les mêmes icônes sont utilisées)
N’importe quel élément individuel
(quel que soit le type de fichier)
singleItem
Taille : grande, au moins 256 pixels pour le côté le plus long
Proportions : variables, utilisent le rapport hauteur/largeur original du fichier.

 

Astuce  Les caractéristiques des images miniatures correspondant aux différents modes pourraient devenir encore plus spécifiques dans le futur. Nous vous recommandons ainsi de spécifier le mode de miniature qui décrit au mieux le type de fichiers dont vous voulez afficher un aperçu. Par exemple, si vous voulez afficher des fichiers vidéo, vous devez utiliser le mode de miniature videosView (sauf si vous affichez un fichier vidéo unique, auquel cas utilisez le mode singleItem).

Pourquoi utiliser les modes de miniature recommandés ?

Voici des exemples illustrant la différence entre des images miniatures récupérées en fonction du type de fichier et du mode de miniature.

Type d’élément

Récupération avec :

Récupération avec :

Récupération avec :

Image

Image miniature

La miniature est détourée aux proportions d’un carré.

Image miniature rognée de photo

L’image miniature utilise les proportions originales du fichier.

Image miniature

Vidéo

La miniature possède une icône qui la différencie d’une photo.

Image miniature de vidéo dotée d’un bouton de lecture.

La miniature est détourée aux proportions d’un carré.

Image miniature rognée de vidéo

L’image miniature utilise les proportions originales du fichier.

Image miniature de vidéo

Musique

La miniature est une icône sur un arrière-plan de taille appropriée. La couleur de l’arrière-plan est déterminée par l’application associée au fichier. (Si l’application associée est une application du Windows Store, la couleur d’arrière-plan de la vignette de l’application est utilisée.)

Capture d’écran de l’icône d’un fichier de musique avec en arrière-plan la couleur de l’application associée

Si le fichier a une pochette d’album, la miniature correspond à la pochette d’album. Sinon, la miniature est une icône sur un arrière-plan de taille appropriée. La couleur de l’arrière-plan est déterminée par l’application qui est associée au fichier. (Si l’application associée est une application du Windows Store, la couleur d’arrière-plan de la vignette de l’application est utilisée.)

Image artistique d’album

Si le fichier a une pochette d’album, la miniature correspond à la pochette d’album et elle utilise les proportions originales du fichier. Sinon, la miniature est juste une icône.

Image artistique d’album

Document

La miniature est une icône sur un arrière-plan de taille appropriée. La couleur de l’arrière-plan est déterminée par l’application qui est associée au fichier. (Si l’application associée est une application du Windows Store, la couleur d’arrière-plan de la vignette de l’application est utilisée.)

Capture d’écran d’une icône de document avec en arrière-plan la couleur de l’application associée

La miniature est une icône sur un arrière-plan de taille appropriée. La couleur de l’arrière-plan est déterminée par l’application qui est associée au fichier. (Si l’application associée est une application du Windows Store, la couleur d’arrière-plan de la vignette de l’application est utilisée.)

Capture d’écran d’une icône de document avec en arrière-plan la couleur de l’application associée

La miniature du document, s’il en existe une.

Capture d’écran de la miniature d’un document.

Sinon, la miniature est une icône.

Capture d’écran d’une icône de document.

Dossier

S’il y a un fichier image dans le dossier, la miniature de l’image est utilisée.

Image miniature

Si le dossier ne contient pas d’image, aucune miniature n’est récupérée.

Aucune image n’est récupérée.

La miniature est une icône qui représente un dossier.

Image du glyphe d’un dossier

Groupe de fichiers

S’il y a un fichier image dans le groupe de fichiers, la miniature de l’image est utilisée.

Image miniature

Si le groupe de fichiers ne contient pas d’image, aucune miniature n’est récupérée.

S’il y a un fichier qui possède une pochette d’album parmi les fichiers du groupe, la pochette d’album sert de miniature.

Image artistique d’album

Si aucune pochette d’album n’existe dans le groupe de fichiers, aucune miniature n’est récupérée.

S’il y a un fichier qui possède une pochette d’album parmi les fichiers du groupe, la pochette d’album sert de miniature et les proportions originales du fichier sont utilisées.

Image artistique d’album

Sinon, la miniature est une icône qui représente un groupe de fichiers.

Image d’une icône représentant un groupe de fichiers.

 

Rubriques associées

ThumbnailMode enumeration
StorageItemThumbnail class
StorageFile.GetThumbnailAsync

 

 

Afficher:
© 2014 Microsoft