Los usuarios de Android interactúan con diferentes tipos de contenido multimedia, como audiolibros, música, podcasts y radio. Es importante diseñar apps que les permitan acceder de manera conveniente a este contenidos desde sus relojes. El reloj es una plataforma única en la que la prioridad se centra en la facilidad y la velocidad de las interacciones, ya que los usuarios pasan mucho menos tiempo interactuando con su reloj que con su teléfono o tablet.
Para obtener más información, consulta el kit de herramientas de contenido multimedia en GitHub.
Arquitectura de apps multimedia
Crea apps multimedia con ciertas restricciones y requisitos. Las apps multimedia suelen incluir páginas Explorar y Entidad. Explorar permite a los usuarios encontrar contenido multimedia para reproducir. Usa las páginas Entidad para brindar a los usuarios más información sobre lo que contiene un elemento multimedia. También pueden contener acciones adicionales, como descarga manual, reproducción o reproducción aleatoria.
Las apps multimedia también deberían incluir pantallas con controles multimedia. Crea controles multimedia con un diseño de cinco botones. De esta manera, se garantiza que se cumplan los objetivos mínimos de presión. Los siguientes son ejemplos de controles multimedia para una app de música y una de podcasts.
Adapta los controles multimedia que muestras según el tipo de contenido. Usa un ícono de menú ampliado de tres puntos para dirigir a los usuarios a una página adicional si quieres incluir más de cinco acciones. Puedes usar íconos y fuentes personalizados en tu app.
Cuando crees páginas de entidad, asegúrate de que las acciones y el contexto importantes estén disponibles de inmediato, como la descarga de contenido multimedia para la reproducción sin conexión o la velocidad de reproducción.
|
 |
| Ejemplo de página de entidad de una app de música | Ejemplo de página de entidad de una app de podcasts |
La mayoría de los dispositivos Wear OS tienen un botón lateral giratorio (RSB) o un bisel. Ciertos dispositivos para Wear también pueden tener botones de hardware adicionales para controlar el volumen. Usa el RSB, el bisel o el botón adicional para controlar el volumen. Muestra el indicador solo cuando se rota el RSB o el bisel, como se muestra en el siguiente ejemplo.
Reduce la jerarquía de tu app y muestra el contenido multimedia para el usuario. Realiza el diseño con una arquitectura de información plana que les permita a los usuarios acceder rápidamente a las listas y muestra miniaturas. Puedes usar los componentes de diseño personalizados para Wear OS. Para obtener más información, consulta las recomendaciones de diseño de tarjetas y chips.
Casos de uso comunes
Cuando diseñes apps multimedia, asegúrate de priorizar los siguientes casos de uso importantes.
Permite que el usuario haga lo siguiente:
- Escuchar contenido multimedia descargado
- Transmitir música desde el reloj
Escuchar contenido multimedia descargado
Los usuarios deben poder descargar manualmente los elementos multimedia de una página de entidad.
Informa al usuario dónde descargará el contenido, el progreso de la descarga, el tiempo que tardará y el tamaño de la descarga, como se muestra en el siguiente ejemplo:
Cuando el usuario explore el contenido multimedia, muestra el que se descargó más recientemente.
Si ya se descargó el contenido, para aclararlo, muestra una acción para quitar la descarga desde el reloj. En este caso, también debes mostrar cuánto espacio ocupa la descarga en el teléfono, como se muestra en la siguiente imagen.
Si el dispositivo de origen es el reloj, indica a los usuarios que conecten auriculares antes de empezar a escuchar música. Cuando se hayan conectado los auriculares, reproduce el contenido multimedia y abre los controles multimedia.
|
 |
 |
 |
Transmitir música desde el reloj
La transmisión desde el reloj puede agotar la batería. Prioriza el contenido descargado cuando los usuarios elijan escuchar contenido en el reloj. Para ello, muestra las descargas que se utilizaron recientemente en la lista de exploración. Considera agregar un botón que los lleve a una lista completa de descargas, como se muestra en las siguientes imágenes.