Una pantalla de TV normalmente se ve desde una distancia aproximada de 3 metros y, si bien es mucho más grande que la mayoría de las pantallas de los demás dispositivos Android, no proporciona el mismo nivel de precisión, detalle y color que los dispositivos más pequeños. Estos factores requieren que desarrolles diseños de apps pensados para dispositivos de TV que te permitan crear una experiencia del usuario útil y agradable en la sala de estar.
Principios básicos del diseño
Los diseños para dispositivos de TV deben seguir algunos lineamientos básicos para garantizar que sean utilizables y eficaces en pantallas grandes. Sigue estos consejos para crear diseños optimizados para pantallas de TV:
- Crea diseños con orientación horizontal. Las pantallas de TV siempre se muestran en modo horizontal.
- Coloca controles de navegación en pantalla sobre el lado izquierdo o derecho de la pantalla a fin de ahorrar espacio vertical para el contenido.
- Usa el ajuste de tamaño adaptable y relativo (como las unidades
dpysp) para que las interfaces de usuario se ajusten de forma clara en las diferentes resoluciones de pantalla. - Agrega márgenes y relleno suficientes entre los controles del diseño para evitar una IU con demasiados elementos en poco espacio.
Sobrebarrido
Los diseños para TV tienen algunos requisitos únicos debido a la evolución de los estándares de TV para presentar una imagen de pantalla completa a los usuarios. Por este motivo, los dispositivos de TV pueden recortar el borde exterior de un diseño de app para garantizar que se llene toda la pantalla. Este comportamiento normalmente se denomina sobrebarrido.
Coloca los elementos de la pantalla que deben permanecer visibles para el usuario en todo momento dentro del área segura de sobrebarrido. Al agregar un 5% de margen de 48 dp en los bordes izquierdo y derecho, y de 27 dp en los bordes inferior y superior del diseño, se garantiza que los elementos de la pantalla en ese diseño estén dentro del área segura de sobrebarrido.
No ajustes los elementos en el fondo de la pantalla con los que el usuario no interactúa directamente, y no los fijes dentro del área segura de sobrebarrido. Este enfoque garantiza que los elementos en el fondo de la pantalla se vean correctamente en todos los tamaños.
Crea texto y controles utilizables
Sigue estos consejos para que el texto y los controles de tu app para TV sean más fáciles de ver desde la distancia:
- Divide el texto en fragmentos pequeños que los usuarios puedan ojear rápidamente.
- Usa texto claro sobre fondo oscuro. Este estilo es más fácil de leer en una TV.
- Evita las fuentes ligeras o las que tienen trazos muy estrechos y muy amplios. Usa fuentes sans-serif y suavizado para aumentar la legibilidad.
- Asegúrate de que todos los widgets de vista tengan un diseño lo suficientemente grande como para que los usuarios puedan verlos claramente estando a 3 metros de la pantalla. Usa unidades de píxeles independientes de la densidad (
dp) en lugar de unidades de píxeles absolutas, y unidades de píxeles escalables (sp) para la tipografía.
Para obtener más información sobre píxeles independientes de la densidad y cómo crear diseños para controlar tamaños de pantalla más grandes, consulta Descripción general de la compatibilidad de pantallas.
Cómo administrar recursos de diseño para TV
Al igual que todos los demás dispositivos Android, las TVs tienen diferentes tamaños de pantalla y admiten diferentes resoluciones, incluidas 720p, 1080p y 4K. Asegúrate de que tu app admita diferentes tamaños de pantalla.
Los diferentes tamaños y resoluciones de pantalla tienen diferentes densidades de píxeles. Para preservar la apariencia de tu IU en los diferentes tamaños de pantalla, resoluciones y densidades de píxeles, define las medidas de la IU con píxeles independientes de la densidad (dp). La densidad de píxeles de la pantalla para las diferentes resoluciones del panel de TV se describe en la siguiente tabla:
| Resolución del panel | Densidad de píxeles de la pantalla |
|---|---|
| 720p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
Consulta Cómo brindar compatibilidad con diferentes densidades de píxeles y la Descripción general de la compatibilidad de pantallas para obtener más información.
Patrones de diseño que se deben evitar
Existen algunos enfoques para crear diseños que no funcionan bien en dispositivos de TV. Evita los siguientes patrones de interfaz de usuario cuando desarrolles un diseño para TV:
- Reutilizar diseños de teléfonos o tablets: No reutilices diseños de una app para teléfonos o tablets sin modificaciones. Los diseños creados para otros factores de forma de dispositivos Android no son apropiados para dispositivos de TV y deben simplificarse para su uso en una TV.
- Usar barras de acciones o menús de teléfonos: Las barras de acciones superiores y los menús desplegables no son apropiados para una interfaz de TV debido a la dificultad de navegar por este tipo de menús con un control remoto.
- Usar navegación solo con deslizamiento: Deslizar entre una pantalla y otra puede funcionar a la perfección en un teléfono o tablet, pero no lo intentes en una TV en la que los usuarios dependen de un control remoto con pad direccional.
Para obtener más información sobre cómo crear diseños apropiados para TV, consulta Diseño para TV.
Cómo controlar mapas de bits grandes
Los dispositivos de TV tienen memoria limitada. Si el diseño de tu app usa imágenes de resolución muy alta, podría alcanzar rápidamente los límites de memoria y provocar errores de falta de memoria. Usa bibliotecas eficientes de carga y decodificación de imágenes (como Coil o Glide) para obtener, decodificar y mostrar mapas de bits en tu app.
Para obtener más información sobre cómo obtener el máximo rendimiento cuando trabajas con mapas de bits, consulta Prácticas recomendadas de gráficos de Android.
Cómo brindar publicidad efectiva
Para un entorno de sala de estar, te recomendamos que uses soluciones de anuncios de video de pantalla completa y que puedan descartarse en 30 segundos. Se debe poder acceder a las funcionalidades de publicidad en Android TV, como botones para descartar y proporciones de clics, mediante el pad direccional, en lugar de controles táctiles.
Android TV no ofrece un navegador web. Tus anuncios no deben intentar iniciar un navegador web o redirigir a contenido en Google Play Store que no esté aprobado para dispositivos con Android TV.