Bonnes pratiques pour Xbox

  • Article

Par défaut, toutes les applications UWP sont exécutées sur Xbox One sans aucune action de votre part. Toutefois, si vous voulez que votre application sorte du lot, suscite l’enthousiasme de vos clients et compte parmi les meilleures expériences d’applications sur Xbox, vous devriez suivre les pratiques ci-dessous.

Notes

Avant de commencer, lisez les recommandations de conception présentées dans Conception pour Xbox et télévision.

Pour créer des expériences optimales sur Xbox One

À faire : Désactiver le mode souris

Les utilisateurs Xbox adorent leurs contrôleurs. Pour optimiser l’entrée du contrôleur, désactivez le mode souris et activez la navigation directionnelle (également appelée navigation et interaction au focus XY). Attention aux pièges de focus et à l’interface utilisateur inaccessible.

À faire : Tracer un rectangle de focus qui soit approprié à une expérience TV (« 10-foot experience »).

La plupart des utilisateurs Xbox sont assis dans leur salon face à leur télévision, donc gardez en tête que le rectangle de focus standard est difficile à voir à une distance de 3 mètres ( 10-foot). Pour être sûr que l’utilisateur voit toujours clairement l’élément d’interface utilisateur qui a le focus d’entrée, suivez les recommandations présentées dans Visuel du focus. En XAML, vous obtenez ce comportement sans rien faire lorsque votre application s’exécute sur Xbox. Par contre, vous devez utiliser un style CSS personnalisé pour les applications HTML.

À faire : Intégrer la classe SystemMediaTransportControls

Les utilisateurs Xbox veulent pouvoir contrôler les applications multimédias avec la télécommande multimédia Xbox, Cortana (en particulier les commandes vocales « Lecture » et « Pause ») et Xbox SmartGlass. Pour bénéficier gratuitement de ces fonctionnalités, votre application doit utiliser la classe SystemMediaTransportControls, qui est automatiquement incluse dans les commandes multimédias de la Xbox. Si votre application utilise des commandes multimédias personnalisées, veillez à les intégrer à la classe SystemMediaTransportControls afin de fournir ces fonctionnalités à vos utilisateurs. Si vous créez une application de musique en arrière-plan, intégrez la classe SystemMediaTransportControls afin que les contrôles de musique en arrière-plan fonctionnent correctement dans l’onglet multitâche de la Xbox.

À envisager : Étendre jusqu’au bord de l’écran

Sur de nombreux téléviseurs, les bords de l’affichage sont coupés. Tout le contenu important de votre application doit donc être affiché dans la zone adaptée à l’écran de TV. UWP utilise le surbalayage pour maintenir le contenu dans la zone adaptée à l’écran de TV, mais ce comportement par défaut peut dessiner une bordure visible autour de votre application. Pour une expérience optimale, désactivez le comportement par défaut et suivez les instructions de l’article Comment étirer l’IU vers le bord de l’écran.

Important

Si vous désactivez le surbalayage, vous devez vous-même vous assurer que les éléments et le texte interactifs demeurent dans la zone adaptée à l’écran de TV.

À envisager : Utiliser des couleurs adaptées aux écrans de télévision

Les écrans de télévision ne gèrent pas les intensités de couleurs extrêmes aussi bien que les écrans d’ordinateur. Évitez d’utiliser des couleurs trop intenses dans votre application. Celles-ci peuvent en effet produire un effet de bandes ou apparaître délavées. En outre, n’oubliez pas que les téléviseurs présentent des différences, donc les couleurs qui semblent parfaites sur votre téléviseur peuvent apparaître autrement chez vos utilisateurs. Lisez Couleurs pour comprendre comment rendre votre application agréable pour tout le monde!

Ne pas oublier : Vous pouvez désactiver la mise à l’échelle

Les applications UWP sont automatiquement dimensionnées pour garantir la lisibilité des éléments d’interface utilisateur tels que les commandes et les polices sur tous les appareils. Les applications sont mises à une échelle de 200 % pour XAML et de 150 % pour les applications HTML. Si vous souhaitez contrôler davantage l’apparence de votre application sur Xbox, désactivez le facteur d’échelle par défaut et utilisez les dimensions en pixels réelles d’un téléviseur haute définition (1920 x 1080). Consultez Comment désactiver la mise à l’échelle pour plus d’informations sur l’apparence de votre application sur Xbox.

Voir aussi