Applications de divertissement

Nous abordons ici des idées de conception pour vous aider à créer des applications multimédias solides et populaires.

Vue d’ensemble

Windows 8.1 s’adapte comme jamais à une large gamme d’appareils, des tablettes tactiles aux ordinateurs portables et de bureau haute résolution. Un grand nombre des nouvelles fonctionnalités de Windows 8.1 sont adaptées de manière unique aux expériences multimédias et de divertissement, ce qui offre aux éditeurs de contenu de nouveaux moyens pour établir des connexions avec, impliquer et rester proches de leur public.

Le Windows Store offre également d’intéressantes opportunités aux éditeurs de contenu pour distribuer, promouvoir et vendre leur contenu. La terminologie commerciale du Windows Store vous permet d’utiliser le moteur de commerce fourni par Microsoft. Si vous préférez, vous pouvez utiliser votre propre moteur de commerce, ce qui vous permet de diriger vos affaires selon vos souhaits ainsi que d’optimiser la flexibilité et les revenus.

Ce document décrit les fonctionnalités de Windows 8.1 particulièrement importantes pour les éditeurs de contenu multimédia et de divertissement, notamment :

  • Applications du Windows Store—Langage de conception pour les applications, où votre contenu occupe le devant de la scène.
  • Vignettes dynamiques et notifications toast—Faites en sorte que l’utilisateur revienne vers votre application en promouvant votre contenu par des notifications appropriées et en temps voulu, même lorsque votre application n’est pas en cours d’exécution.
  • Contrats de recherche et contrats de partage—La recherche et le partage de contenu multimédia est à présent une fonctionnalité de système d’exploitation de niveau supérieur, qui crée une expérience utilisateur plus cohérente et permet aux utilisateurs de trouver et de partager plus facilement le contenu de vos applications.
  • Contrats de périphériques—Les utilisateurs peuvent envoyer du contenu de leur PC vers des périphériques réseau tels que des téléviseurs et des récepteurs audio/vidéo, ce qui permet l’engagement et la visualisation en groupe.

Disposition et navigation dans les applications multimédias

Les applications de divertissement ont tendance à avoir de nombreuses catégories différentes pour différents types multimédias. Par exemple, une application de films peut vous permettre de parcourir les films selon le genre, selon un réalisateur ou un acteur spécifique, selon vos préférences passées en matière de films ou selon le contenu proposé. De même, pour les applications de musique, les utilisateurs peuvent parcourir le contenu par artiste, album, genre et contenu proposé. Pour une expérience d’utilisateur final optimale avec une application multimédia, il est essentiel d’organiser le contenu de façon significative afin que les utilisateurs puissent trouver ce qu’ils recherchent rapidement et en toute confiance. L’utilisation du modèle hiérarchique et d’autres modèles de navigation pour les applications du Windows Store rendent vos applications plus rapides, fluides et simples à utiliser, ce qui permet aux utilisateurs de trouver ce qu’ils recherchent rapidement.

Pour vous aider à choisir le meilleur modèle de navigation pour votre application, voir Modèles de navigation.

Voir le Modèle de navigation plat en action dans le cadre de notre série Fonctionnalités d’application de A à Z.

Modèle hiérarchique

L’utilisateur peut découvrir et assimiler un grand nombre d’histoires et d’images avec les applications de divertissement et multimédias. En utilisant les modèles d’interactions et de navigation recommandés dans Windows 8.1, vous faites apparaître le contenu, ce qui permet de focaliser sur les histoires et images. La présentation des informations d’une manière générale à spécifique permet aux utilisateurs de trouver rapidement ce qu’ils recherchent.

Page Hub de votre application

Pour enrichir et diversifier la pratique de votre application, utilisez le modèle hiérarchique pour les applications du Windows Store. La page d’accueil de votre application, ou page hub, peut afficher le contenu proposé, le contenu recommandé pour l’utilisateur en fonction de ses centres d’intérêts, le contenu actuellement utilisé, les files d’attente enregistrées, les genres et les catégories sur une surface que vous pouvez aisément faire défiler. Vous pouvez mettre en évidence chaque groupe de catégories et, en appuyant sur l’en-tête, vous révélez davantage de contenu, comme illustré dans l’image suivante.

Image illustrant un exemple de page Hub

Affichez à plat les catégories de contenu dans la page Hub de l’application et présentez le contenu multimédia approprié dans chaque catégorie pour attirer les utilisateurs vers ces catégories. Pour indiquer à l’utilisateur qu’il existe davantage de contenu dans la catégorie, ajoutez un signe supérieur (>) à l’en-tête.

Image indiquant qu’il existe davantage de contenu dans un groupe

Signets, favoris et sélections

Il arrive souvent que les utilisateurs enregistrent des sélections ou ajoutent un contenu multimédia aux files d’attente pour y accéder ultérieurement. Si votre application prend en charge ces opérations de façon aisément accessible, les utilisateurs qui veulent accéder à leur contenu multimédia favori en toute transparence peuvent y avoir recours à plusieurs reprises.

Ajoutez une section à votre page d’accueil nommée Signets, Favoris ou Votre sélection, qui représente une collection de tout le contenu multimédia enregistré par l’utilisateur. Autorisez les utilisateurs à sélectionner ces éléments marqués en tant que signets et gérez-les en les déplaçant vers le haut de la file d’attente, en les supprimant de la file d’attente ou en les triant dans la file d’attente. L’exemple suivant illustre un contenu collecté dans une file d’attente « enregistrée pour un usage ultérieur ».

Illustre un groupe de contenus enregistré par l’utilisateur

Zoom sémantique

Dans la page d’accueil comme dans les pages de catégorie, les utilisateurs peuvent se servir du zoom sémantique pour afficher facilement l’intégralité de la surface et accéder rapidement aux éléments qui les intéressent.

La page Conception de l’interaction tactile contient plus d’informations sur le mode de prise en charge du mouvement panoramique par votre application. L’image suivante illustre un affichage de groupe pour le zoom sémantique.

Exemple illustrant les catégories de contenu

Lors de l’utilisation du zoom sémantique, vous pouvez permettre à l’utilisateur de réorganiser le placement des catégories dans la page d’accueil en sélectionnant le groupe et en le déplaçant. Les utilisateurs peuvent à présent personnaliser la page d’accueil de l’application, ce qui leur donne une autre raison d’utiliser votre application.

Ils peuvent aussi utiliser la barre de l’application supérieure pour la navigation, comme l’illustre l’image suivante.

Exemple illustrant les catégories déplacées

Vous pouvez également utiliser le zoom sémantique dans une page de catégorie spécifique pour naviguer entre différents films ou différentes chansons de cette catégorie. Les utilisateurs utilisent le zoom sémantique pour naviguer rapidement entre différentes chansons et vidéos.

Clic sur des éléments dans l’affichage de la page Hub

Cas 1 : lecture instantanée

Lorsqu’un utilisateur appuie sur des éléments multimédias sur la page d’accueil ou des pages de section, l’élément multimédia doit être lu. Dans la mesure où les utilisateurs s’attendent à ce comportement, il est préférable d’en faire la réponse par défaut à un clic. Cette image illustre les interactions pour la lecture instantanée.

Interactions illustrant la lecture instantanée

De la même manière, les utilisateurs voulant plus d’informations sur le contenu multimédia qu’ils lisent, procurez-leur un bouton dans la barre de l’application qui leur permet de passer d’un affichage en plein écran à un affichage détaillé. L’image suivante illustre une simulation de cela.

Interactions pour accéder à l’affichage détaillé du contenu

La lecture du contenu multimédia doit continuer même lorsqu’il n’est plus affiché en plein écran. Continuez d’afficher les contrôles multimédias même lorsque le contenu multimédia n’est plus affiché en plein écran. L’expérience est ainsi identique pour l’utilisateur à l’ouverture des contrôles multimédias, que l’application soit réduite à une échelle inférieure ou non.

Si vous appuyez sur le bouton bascule pour l’affichage en plein écran ou sur la vidéo ou musique présentée dans l’interface utilisateur, le mode de lecture en plein écran doit reprendre dans les deux cas.

Autrement, si l’application ne présente pas d’informations détaillées pour le contenu multimédia, un bouton dans la barre de l’application peut afficher ou masquer les informations supplémentaires au lieu de passer à un affichage détaillé à partir de la barre de l’application. Vous pouvez en voir une démonstration dans l’image suivante.

Interactions pour afficher des informations supplémentaires au cours de la lecture

Cas 2 : affichage d’éléments détaillés

Il existe des situations dans lesquelles il peut être plus pertinent de définir un clic pour diriger l’utilisateur vers une page d’éléments détaillés et non pour effectuer une lecture instantanée du contenu. Par exemple, si l’utilisateur doit choisir parmi plusieurs épisodes d’une émission de télévision, donnez-lui des options de liste avant le démarrage du contenu multimédia. En outre, si le contenu multimédia est uniquement disponible en paiement à la séance, l’utilisateur doit payer avant le démarrage ; il est donc préférable d’afficher d’abord les informations relatives au paiement.

L’image suivante illustre le choix de contenu multimédia spécifique à partir de contenu agrégé sur une page publicitaire pour une émission de télévision. L’utilisateur appuie sur une image associée à un épisode spécifique, peut lire des informations ainsi que des commentaires sur cet épisode avant d’appuyer à nouveau pour afficher les options de lecture de l’épisode.

Interactions pour parcourir le contenu présenté

Pour revenir à la page des informations détaillées pour cet épisode, appuyez sur le bouton Précédent dans la barre de l’application supérieure ou sur le bouton Plein écran pour passer à l’autre affichage.

Exemple d’expérience d’achat

Expérience de lecture en cours

Lorsque le contenu multimédia est réellement lu, votre application peut se distinguer en offrant une expérience qui présente le contenu utilisateur. Concevez votre expérience de lecture multimédia pour qu’elle soit totalement immersive, sans le moindre chrome. Les contrôles multimédias peuvent être affichés sur le contenu multimédia lorsque l’utilisateur le souhaite par un appui. Cette image illustre une expérience de lecture vidéo qui est totalement immersive.

Expérience vidéo immersive sans chrome d’application

Pour les applications vidéo et de musique qui ont le concept de sélections, l’expérience de lecture en cours permet aux utilisateurs de gérer la sélection et de la parcourir aisément. Envisagez de placer un bouton de sélection sur la zone de dessin ou dans la barre d’application supérieure qui affiche un contrôle Flyout de défilement avec la sélection à l’intérieur. Les utilisateurs peuvent sélectionner des éléments et les gérer en choisissant de les déplacer vers le haut ou vers le bas, ou en les supprimant complètement de la liste. L’image suivante illustre une liste de lecture en cours.

Sélection de musique à partir d’un menu volant de sélections

Autrement, si vous voulez toujours afficher la sélection dans l’écran de lecture en cours, vous pouvez utiliser un modèle d’affichage de liste et un défilement vertical pour permettre aux utilisateurs de parcourir aisément la sélection. Assurez-vous que le reste de la page est une largeur fixe afin qu’elle ne s’étende pas dans deux directions, ce qui peut perturber les utilisateurs. Affichez d’autres informations dans une zone de largeur fixe en regard de la sélection.

Vous pouvez également permettre l’utilisation du glisser transversal pour sélectionner des éléments et gérer la sélection comme illustré ici.

Exemple de gestion des éléments de sélection

Navigation entre des clips vidéo ou épisodes précédents et suivants

Les utilisateurs regardent souvent plusieurs épisodes ou clips liés d’affilée. En proposant des boutons Piste précédente et Piste suivante, vous permettez aux utilisateurs d’accéder rapidement à l’épisode ou au clip suivant. Cette image illustre les boutons Piste précédente et Piste suivante dans une expérience de lecture.

Contrôles Piste suivante et Piste précédente dans une expérience de lecture

Pour les applications de musique, où les interactions Piste précédente et Piste suivante sont plus courantes, il est préférable de présenter ces commandes sur le Canvas, comme décrit dans la section Commandes plus loin.

Commandes

Contrôles multimédias

Pour les applications multimédias avec lecture vidéo et de musique, le placement de contrôles de lecture dans un emplacement cohérent aide vos utilisateurs à interagir avec le contenu multimédia en toute confiance et de façon transparente. Pour en savoir plus sur les commandes, voir Conception des commandes des applications du Windows Store.

Dans la mesure où le bouton Lecture/Pause et le curseur de transport sont des contrôles généralement essentiels pour la lecture multimédia, ils peuvent être placés sur le Canvas et affichés dès que l’utilisateur appuie sur l’écran ou y effectue un mouvement de balayage. Le bouton Lecture/Pause doit être un bouton bascule qui reflète l’action qui se déroule lorsque l’utilisateur appuie dessus. Par exemple, lors de la lecture de musique, le bouton doit indiquer « Pause » comme action et inversement. Cette image illustre les contrôles dans une application multimédia.

Exemple de contrôles multimédias

Si votre application utilise un curseur de transport, les boutons Rembobiner et Avancer dupliquent les fonctions, car l’utilisateur peut employer le curseur pour rembobiner ou avancer le film ou la chanson. Pour éviter cette duplication, n’utilisez pas en même temps le contrôle de transport et les contrôles Rembobiner/Avancer.

D’autres contrôles multimédias, tels que Piste précédente et Piste suivante (chanson ou épisode) dépendent en fait des scénarios de votre application. Par exemple, lors de la lecture d’un film, les contrôles Piste précédente et Piste suivante ne sont pas vraiment appropriés mais, pour une sélection de musique ou une série télévisée avec des épisodes, ils sont très utiles. Si vous utilisez les contrôles Piste précédente et Piste suivante dans votre application, placez-les avec Lecture/Pause et le curseur de transport pour que l’utilisateur puisse voir tous les contrôles disponibles en même temps lorsqu’il appuie ou effectue un mouvement de balayage.

N’affichez pas les contrôles qui n’ont aucun sens dans un contexte donné. Par exemple, lors du démarrage d’une nouvelle sélection de musique, le bouton Piste précédente n’est pas valide avant le début de la lecture (car l’utilisateur est au tout début de la sélection et il n’existe aucune piste « précédente »).

Les contrôles multimédias s’affichent avec un appui et un balayage. La barre de l’application s’affiche avec un mouvement de balayage à partir du bord. Chaque fois que l’utilisateur effectue un mouvement de balayage pour afficher la barre de l’application, affichez également les contrôles de transport multimédias de zone de dessin pour qu’il puisse interagir avec le contenu multimédia tout en utilisant les commandes de la barre de l’application s’il le souhaite.

Outre les contrôles multimédias de l’interface utilisateur, vous pouvez donner aux utilisateurs davantage de contrôle sur leur expérience de lecture multimédia en leur permettant de contrôler votre application avec les boutons du clavier multimédias ou les boutons distants multimédias, tels que :

  • Lecture
  • Pause
  • Avance rapide

Un curseur du volume et un bouton Muet sont disponibles via les boutons matériels et ne doivent pas être dupliqués dans votre application.

D’autres commandes qui ne sont pas aussi essentielles pour la lecture multimédia peuvent figurer dans la barre de l’application, par exemple le basculement entre le mode plein écran, les sous-titres et les métadonnées. Pour plus d’informations sur l’utilisation de la barre de l’application, voir Recommandations et liste de vérification sur les barres d’application.

Pour la gestion des sélections, envisagez également de placer des boutons de type « Supprimer de la sélection », « Effacer la file d’attente », « Enregistrer la file d’attente », « Déplacer vers le haut de la file d’attente » et « Déplacer vers le bas de la file d’attente » dans la barre de l’application.

Taille de fenêtre étroite

Quand un utilisateur redimensionne l’application en utilisant une largeur étroite, l’interaction pour les contrôles multimédias ne doit pas changer :

  • Appuyez sur le Canvas de l’élément multimédia pour afficher les contrôles de lecture multimédias. Il est nécessaire de conserver Lecture/Pause dans les largeurs étroites.
  • D’autres contrôles, tels que le curseur de transport et les boutons Précédent et Suivant peuvent être disparaître pour les largeurs étroites.

Cette image illustre un bouton Lecture/Pause dans une application multimédia étroite.

Exemple d’application multimédia avec une largeur étroite

Lecture en arrière-plan et au premier plan

Si votre application multimédia lit de la musique et que l’utilisateur bascule vers une autre application, votre application peut permettre à l’utilisateur de continuer à écouter la musique en arrière-plan. La musique, la radio diffusée en continu, les podcasts et les vidéos musicales sont de bons exemples de scénarios multimédias qui fonctionnent correctement en arrière-plan. Lors de la lecture de contenu multimédia visuel comme des films et des émissions de télévision, votre application doit automatiquement se mettre en pause lorsque l’utilisateur bascule vers une autre application. Les utilisateurs peuvent ainsi reprendre à l’endroit précis où ils se sont arrêtés lorsqu’ils retournent à votre application, sans perdre aucun contenu.

Pour en savoir plus sur la lecture multimédia en arrière-plan, voir MediaControl.Soundlevel | soundLevel property et Lecture audio dans une application du Windows Store.

Contrôles de transport système

Pour les applications qui lisent du contenu multimédia en arrière-plan, les contrôles de transport système permettent aux utilisateurs de voir ce que votre application lit et de contrôler la lecture sans avoir à revenir à votre application. Les utilisateurs peuvent appuyer sur un bouton de volume matériel sur leur périphérique pour accéder aux contrôles multimédias et aux métadonnées de façon fluide et rapide à partir de l’extérieur de votre application. Fournissez aux utilisateurs des informations relatives à la piste et au nom de l’artiste. Si votre application charge du contenu ou télécharge, vous pouvez informer l’utilisateur de la situation pour qu’il connaisse l’état de leur lecture multimédia. L’image suivante illustre les contrôles de transport système.

Exemple de contrôles de transport système

Retour à l’expérience de lecture multimédia

Si un utilisateur se sert de votre application, la parcourt pour ajouter d’autres chansons à la sélection ou achète de nouveaux morceaux de musique, il est important de disposer d’un emplacement cohérent auquel accéder pour la lecture en cours de musique/vidéo. Cela permet aux utilisateurs de revenir rapidement à l’expérience de lecture en cours.

L’image suivante illustre à quel point il est simple d’accéder à la barre de navigation lorsque les utilisateurs effectuent d’autres tâches associées au contenu multimédia. Les utilisateurs peuvent rapidement accéder à la section de lecture en cours de l’application lorsqu’ils le souhaitent.

Le contenu qui est lu apparaît dans l’interface utilisateur et peut être sélectionné pour revenir à l’affichage Lecture en cours.

Évaluation et révision

L’évaluation et la révision de contenu multimédia représentent un scénario important pour la plupart des applications multimédias. Envisagez de placer des étoiles en haut d’une section de votre application qui affiche des commentaires pour que les utilisateurs puissent rapidement réviser le contenu multimédia. Pour que les utilisateurs rédigent des commentaires, vous pouvez afficher une zone de texte en haut pour laisser de la place afin que le clavier tactile s’affiche. Vous envoyez le commentaire en appuyant sur Entrée. La zone de texte peut s’agrandir sur place si nécessaire pour un commentaire plus long.

Les utilisateurs peuvent afficher davantage de commentaires en appuyant sur l’en-tête comme illustré ici.

Interactions pour évaluer le contenu

Typographie dans les applications multimédias

Suivez les conseils sur la gamme des types pour créer un sens de structure de contenu et un rythme. Pour aligner la typographie de votre application multimédia à celle de Windows 8, utilisez Segoe Semilight 11pt comme taille principale pour le contenu et Segoe UI Light 20pt pour les titres et les sous-titres. Si vous avez besoin d’une taille plus petite, utilisez Segoe UI Regular 9pt pour les courtes légendes et les bandes-annonces. Ne spécifiez pas de type sous 9pt.

Utilisez Segoe UI Light 42pt avec parcimonie pour les titres. Évitez de définir des en-têtes, tels que « Musique » ou « Films », avec la valeur 42pt. Réservez la taille de type la plus grande pour le nom du film, de l’album ou du morceau de musique. Lors de l’utilisation de la taille de type la plus grande, il est essentiel d’appliquer le crénage et une ponctuation correcte d’un point de vue typographique. Utilisez des guillemets typographiques, des apostrophes et des tirets et non des guillemets dactylographiques ou des traits d’union. L’exemple suivant illustre les utilisations correcte et incorrecte de la ponctuation.

Exemples de mise en forme du texte

Même si la personnalité de Windows 8 nécessite l’utilisation de majuscule en début de phrase, vous pouvez décider que la mise en forme de type « Tout en majuscules », « Tout en minuscules » ou « 1re lettre des mots en majuscule » est plus appropriée à votre contenu. Gardez à l’esprit que ces traitements typographiques ne peuvent pas s’appliquer à beaucoup de langues localisées. Veillez également à utiliser des styles de casse de façon cohérente et pour différencier des parties de contenu, et non juste pour ajouter un intérêt visuel à la typographie de l’application.

Si vous décidez de ne pas suivre ces conseils, essayez de ne pas utiliser plus de quatre largeurs et tailles de types différentes. Utilisez l’épaisseur de police et la couleur pour différencier le contenu affiché avec la même taille de type.

Recommandations en matière de polices contient plus d’informations sur les meilleures pratiques pour les polices, telles que la taille, la couleur et l’épaisseur.

Contrats

Partager

Le contrat de partage propose aux utilisateurs un moyen familier et naturel de partager du contenu entre deux applications. Il existe de nombreux scénarios pour le partage de contenu à destination ou à partir de votre application multimédia qui différencient votre application des autres. Pour permettre aux utilisateurs de partager du contenu à partir de l’application, cette dernière doit être une source de partage. Pour permettre aux utilisateurs de consommer des données provenant d’autres applications, l’application doit être une cible de partage. Vous pouvez également prendre en charge ces deux scénarios en fonction des besoins spécifiques de votre application.

Partage à partir d’une application de divertissement

Le partage de contenu multimédia est un scénario clé pour les applications de divertissement. En utilisant le contrat de partage, vous permettez aux utilisateurs de partager des vidéos qu’ils trouvent intéressantes et des chansons qu’ils écoutent avec toutes les applications qui prennent en charge ce format. Cela donne lieu à de nombreux scénarios attrayants, comme le partage de vidéos amusantes sur les réseaux sociaux ou l’envoi par courrier électronique de recommandations en matière de films ou de chansons à des amis. Cela permet également de transformer de la musique, des photos ou des vidéos issues de votre application multimédia de façon intéressante par le biais d’autres applications sur Windows, telles que des applications de filtres photographiques, des applications de réglage automatique, etc.

Partage de contenu vidéo

Partage vers une application de divertissement

Si votre application peut prendre en charge le stockage de photos, de musique et de vidéos dans le but de les partager avec des amis, de la famille ou publiquement, l’application doit s’inscrire pour le contrat de cible de partage. Cela permettra aux utilisateurs de tirer parti de votre application pour organiser aisément leur contenu multimédia issu d’autres applications et atteindre un public plus large.

Si votre application multimédia peut transformer le contenu provenant d’autres applications de façon intéressante (en appliquant des filtres spéciaux à des photographies, en réglant automatiquement des enregistrements musicaux, en composant des panoramas, etc.), il convient de l’inscrire pour le contrat de cible de partage. Cela permettra aux utilisateurs de tirer parti de votre application pour déverrouiller la valeur de votre application avec le contenu issu d’autres applications.

Recherche

La recherche est un scénario important dans les applications multimédias, et souvent celles-ci affichent les résultats de la recherche à partir de catégories multiples. L’icône Rechercher fournit une expérience centralisée pour tous les besoins de recherche de l’utilisateur, notamment le Web, tandis que la zone de recherche dans l’application permet de fournir une expérience de recherche entièrement personnalisée à vos utilisateurs.

Pour en savoir plus sur la recherche, consultez Recommandations en matière de recherche. L’image suivante illustre une expérience de recherche classique.

Exemple d’expérience de recherche

Si votre application dispose de scénarios de recherche plus avancés qui comprennent des zones de recherche et des filtres, indiquez ces derniers sur le Canvas de l’application lorsque cela vous semble approprié.

Par ailleurs, l’utilisation des suggestions de requêtes permet de compléter automatiquement les requêtes de recherche des utilisateurs et de rendre leurs recherches plus rapides sans avoir à taper l’intégralité de la chaîne.

Paramètres

Tous les paramètres applicables pour les applications multimédias comme les informations sur le compte d’utilisateur, les informations sur l’abonnement, les paramètres de confidentialité et les paramètres de notification doivent figurer dans l’icône Paramètres. Elle fournit un emplacement unique aux utilisateurs pour modifier leurs paramètres. Elle empêche également l’interface utilisateur de votre application d’être encombrée par différents paramètres. Cette image illustre les paramètres dans une application multimédia.

Exemple d’interface utilisateur de paramètres

Périphériques

Le contrat de périphériques fournit une option intéressante qui peut être intégrée à votre application multimédia. Il est possible que vos utilisateurs souhaitent regarder des films ou des vidéos sur leur télévision et lire de la musique sur des périphériques audio. L’intégration au contrat de périphériques permet à vos utilisateurs d’effectuer ces opérations d’un simple appui. L’image suivante affiche le contenu lu sur un périphérique.

Exemple d’expérience de périphériques

Connecté et dynamique

Vignettes et notifications

Il existe de nombreux scénarios intéressants pour les vignettes dynamiques dans les applications multimédias. Des vignettes pour les applications de films affichant les derniers films conseillés à l’utilisateur, les nouveautés disponibles sur DVD, les vidéos populaires devenues virales—tout cela permet de séduire à nouveau l’utilisateur. De même pour les applications de musique, des vignettes indiquant les nouveaux albums commercialisés par un artiste favori, la musique actuellement lue ou un artiste conseillé selon les goûts de l’utilisateur, tout cela permet d’attirer des utilisateurs vers votre application lorsqu’ils découvrent de manière inattendue un nouveau contenu sur votre vignette. Ces images illustrent des vignettes dynamiques présentant des informations.

Exemple de vignettes pour les applications multimédias

En permettant aux utilisateurs d’épingler différents genres de films, chaînes de télévision, artistes et sélections à l’écran d’accueil, ceux-ci sont en mesure de voir des notifications adaptées au contenu qui les intéresse le plus et d’y accéder rapidement. Il s’agit d’un autre moyen d’attirer à nouveau les utilisateurs vers votre application. Les images suivantes illustrent des vignettes épinglées pour les applications multimédias.

Exemple de vignettes épinglées pour les applications multimédias et de divertissement

Si vous autorisez les utilisateurs à s’abonner afin de pouvoir afficher les dernières nouvelles via des notifications toast même lorsque l’application n’est pas en cours d’exécution, l’utilisateur enthousiaste reste informé des dernières nouvelles et est attiré par votre application. Toutefois, assurez-vous que les notifications toast sont des options que l’utilisateur peut activer via les paramètres d’application accessibles par le biais de l’icône Paramètres, car elles peuvent importuner certains utilisateurs.

Itinérance

L’itinérance est la transmission des paramètres et préférences d’un périphérique à un autre. La plupart des gens disposent de plusieurs PC Windows. La création d’une application fournissant une expérience utilisateur cohérente entre tous leurs PC Windows 8 offre aux utilisateurs l’expérience qu’ils attendent. Partout où cela est possible, déplacez les paramètres d’application, le contenu multimédia enregistré, les favoris, l’historique des derniers éléments regardés et l’endroit précis où l’utilisateur s’est arrêté lors de la visualisation d’un contenu multimédia. Pour obtenir de l’aide supplémentaire sur l’itinérance, voir Recommandations en matière de paramètres d’application, Recommandations en matière de données d’application itinérantes et Gestion des données d’application.

Taille et orientation de fenêtre

Portrait et paysage

Lors de la conception de votre application multimédia pour Windows 8.1, pensez à toutes les tailles d’appareil, résolutions d’écran et orientations. Windows 8.1 facilite le redimensionnement de la conception des affichages portrait et des écrans haute résolution en incluant plus de contenu dans votre application pour les appareils plus grands. Présentez votre application en modes portrait et paysage. Pour certains affichages dans votre application, tels que la lecture d’un film, il peut s’avérer pertinent de verrouiller le mode paysage.

Redimensionnement de fenêtre

Windows 8.1 permet aux utilisateurs de travailler en multitâche en plaçant des applications côte à côte à l’écran. La conception de votre application pour des largeurs étroites permet d’accroître le temps d’affichage de l’application à l’écran et incite l’utilisateur à l’utiliser plus longtemps. Cela permet aux utilisateurs d’effectuer plusieurs tâches tout en utilisant votre application. Ils la conservent ainsi plus longtemps à l’écran, même quand ils effectuent d’autres opérations.

Il existe des scénarios dans lesquels l’utilisateur devra travailler en multitâche avec une application multimédia. Un utilisateur peut souhaiter regarder un match de sport diffusé en direct tout en navigant sur le Web ou écouter sa liste de lecture Spotify tout en lisant les actualités. Personnalisez les principales expériences de lecture pour toutes les tailles de fenêtre pour prendre en charge ces scénarios courants.

L’image suivante illustre des exemples d’applications de divertissement redimensionnées à des largeurs étroites. Notez qu’il existe une vue personnalisée et utile de chaque page, ce qui permet à l’utilisateur de conserver le contexte lorsque l’application est redimensionnée.

Exemples d’applications multimédias et de divertissement étroites

Dans la mesure où l’utilisateur peut utiliser n’importe quelle largeur, les proportions peuvent varier énormément. Affichez les vidéos et d’autres contenus multimédias en conséquence. Si les proportions de la fenêtre ne correspondent pas au contenu multimédia, affichez le contenu multimédia dans un format cadre afin de ne pas étirer le contenu.

Écran de démarrage

Les applications multimédias doivent souvent télécharger du contenu actualisé à partir du Web. Pour que votre application soit rapide et réactive, n’attendez pas que toutes les images de chaque catégorie soient téléchargées avant d’afficher la page d’accueil. Les utilisateurs pourraient s’impatienter. Affichez la page d’accueil de l’application à l’intention de l’utilisateur une fois que les titres du contenu sont téléchargés et chargez de façon asynchrone les images et autres données. Cette image présente un exemple d’écran de démarrage.

Exemple d’écran de démarrage

Meilleures pratiques en matière de musique et de vidéo

Applications musicales

RecommandationDescription

Inscrire votre application comme multimédia en arrière-plan

Si votre application peut lire des sélections de musique, vous pouvez l’autoriser à poursuivre la lecture en arrière-plan, même après que l’utilisateur soit passé à autre chose. Pour plus d’informations, voir Comment lire du contenu audio en arrière-plan.

Répondre à tous les boutons multimédias matériels

Enregistrez et répondez aux événements Lecture, Pause, Lecture/Pause, Piste suivante, Piste précédente et autres boutons multimédias, de manière à ce que l’utilisateur puisse contrôler l’application depuis des contrôleurs distants ou des boutons du clavier multimédias. Pour plus d’informations, voir Comment configurer les touches pour les contrôles multimédias.

Fournir les informations de « lecture en cours » dans les contrôles de transport système

Les applications capables de s’exécuter en arrière-plan doivent fournir le nom du morceau et de l’artiste, ainsi que la pochette de l’album, dans les contrôles de transport système, afin que que les utilisateurs disposent d’informations complètes sur le morceau en cours, même si elles ne se trouvent pas dans l’application. Si votre application comporte un délai lorsque l’utilisateur change de piste, renseignez le nom de la piste avec « Chargement de la piste suivante » afin d’éviter de penser que l’application a pu cessé de répondre. Pour plus d’informations, voir Guide du développeur sur les contrôles de transport système.

 

Applications vidéo

RecommandationDescription

Choisir le type de flux adéquat pour votre application

Dans la plupart des cas, inscrire l’application comme média d’arrière-plan uniquement

Si les utilisateurs ont une musique en cours de lecture en arrière-plan au démarrage de la vidéo, le flux interrompra automatiquement la musique en arrière-plan afin qu’ils puissent entendre le son provenant de la vidéo. Quand les utilisateurs laissent l’application de côté, interrompez automatiquement la vidéo de manière à ce qu’ils puissent y revenir ultérieurement à l’endroit précis où ils s’étaient arrêtés pour ne rien manquer de la vidéo. Pour plus d’informations, voir Lecture audio dans une application du Windows Store.

Si l’utilisateur lit des vidéos musicales ou crée une sélection vidéo, inscrire l’application comme média d’arrière-plan

Quand l’utilisateur se sert de l’application comme d’un lecteur de musique ou met les vidéos en file d’attente, il s’attend à ce que la lecture se poursuive même après avoir laissé l’application de côté. Pour plus d’informations, voir Comment lire du contenu audio en arrière-plan.

Répondre à tous les boutons multimédias matériels

Enregistrez et répondez aux événements Lecture, Pause, Lecture/Pause, Piste suivante, Piste précédente et autres boutons multimédias, de manière à ce que l’utilisateur puisse contrôler l’application depuis des contrôleurs distants ou des boutons du clavier multimédias. Pour plus d’informations, voir Comment configurer les touches pour les contrôles multimédias.

 

Rubriques associées

Découvrir les applications du Windows Store
Recommandations en matière d’expérience utilisateur pour les applications du Windows Store
Lecture de contenu multimédia de A à Z (HTML)
Lecture de contenu multimédia de A à Z (XAML)

 

 

Afficher:
© 2015 Microsoft