Procedimientos recomendados de Xbox

  • Artículo

Todas las aplicaciones para UWP se ejecutarán en Xbox One de manera predeterminada sin que tengas que hacer nada más. Sin embargo, si quieres que tu aplicación destaque, haga las delicias de los clientes y pueda competir con las mejores experiencias que ofrecen otras aplicaciones de Xbox, te recomendamos que sigas los siguientes procedimientos a continuación.

Nota:

Antes de comenzar, échales un vistazo a las pautas de diseño que encontrarás en el artículo Diseño para Xbox y televisión.

Crear las mejores experiencias para Xbox One

Cómo: desactivar el modo de mouse

A los usuarios de Xbox les encantan sus controladores. Para optimizar la entrada del controlador, deshabilite el modo del mouse y habilite la navegación direccional (también conocida como navegación de foco XY e interacción). Observe las capturas de foco y la interfaz de usuario inaccesible.

Cómo: crear un rectángulo de foco que sea adecuado para una experiencia de 10 pies

La mayoría de usuarios de Xbox tienen la consola conectada a la televisión del salón, así que recuerda que el rectángulo de foco estándar resulta difícil de distinguir a una distancia de 10 pies. Para garantizar que el usuario pueda ver claramente y en todo momento el elemento de interfaz de usuario que tiene el foco de entrada, sigue las instrucciones del foco visual. En XAML obtendrás este comportamiento de forma gratuita cuando la aplicación se ejecute en Xbox, pero ten en cuenta que para las aplicaciones HTML deberás usar un estilo CSS personalizado.

Cómo: integrar con la clase SystemMediaTransportControls

A los usuarios de Xbox les gusta controlar las aplicaciones multimedia con el mando multimedia Xbox, Cortana (especialmente los comandos de voz "Reproducir" y "Pausa") y Xbox SmartGlass. Para obtener estas características de forma gratuita, la aplicación debe usar la clase SystemMediaTransportControls, que se incluye automáticamente en los controles multimedia de Xbox. Si la aplicación tiene controles multimedia personalizados, asegúrate de integrarlos con la clase SystemMediaTransportControls para poder proporcionar estas características a los usuarios. Si vas a crear una aplicación de música en segundo plano, intégrala con la clase SystemMediaTransportControls para asegurarte de que los controles de música en segundo plano funcionan correctamente en la pestaña de multitarea de Xbox.

A tener en cuenta: dibujar hasta el borde de la pantalla

Muchos televisores cortan los bordes de la pantalla, por lo que todo el contenido de importancia de la aplicación debería mostrarse en la zona segura del televisor. UWP usa overscan para mantener el contenido dentro del área segura del televisor, pero este comportamiento predeterminado puede dibujar un borde obvio alrededor de la aplicación. Para proporcionar la mejor experiencia, desactiva el comportamiento predeterminado y sigue las instrucciones que se detallan en Cómo dibujar la interfaz de usuario hasta el borde de la pantalla.

Importante

Si deshabilitas la opción de sobrebarrido, tienes que asegurarte de que los elementos interactivos y el texto permanezcan dentro de la zona segura del televisor.

A tener en cuenta: usa colores seguros para el televisor

Los televisores no administran las intensidades extremas de color tan bien como los monitores. Evita los colores de gran intensidad en la aplicación para que así los usuarios no vean franjas extrañas o imágenes difuminadas. Asimismo, ten en cuenta las diferencias existentes entre televisores: es posible que aquellos colores que se vean perfectamente en tu televisión, no se vean tan bien en las de los usuarios. Lee Colores para comprender cómo hacer que tu aplicación tenga un aspecto excelente para todos!

Recuerda: puedes deshabilitar el escalado

Las aplicaciones para UWP se escalan automáticamente para garantizar que los elementos de interfaz de usuario (como los controles y las fuentes) sean legibles en todos los dispositivos. Aquellas aplicaciones que usan XAML se escalan en un 200 %, mientras que las aplicaciones que usan HTML se escalan en un 150 %. Si quieres controlar mejor el aspecto de tu aplicación en Xbox, deshabilita el factor de escala predeterminado y usa las dimensiones en píxeles reales de una HDTV (1920 x 1080). Eche un vistazo a Cómo desactivar el escalado para obtener información sobre cómo adaptar la aplicación para que tenga un aspecto excelente en Xbox.

Vea también