Experiencia del usuario con la plataforma Chromecast

Chromecast permite que las apps web para iOS, Android y Chrome "transmitan" contenido (como video, audio y uso compartido de pantalla [duplicación]) a dispositivos compatibles con Cast, como los siguientes:

  • Chromecast
  • TV con Chromecast integrado (también conocida como TV con Chromecast integrado)
  • Bocinas con Chromecast integrado (también conocidas como bocinas con Chromecast integrado)
  • Pantallas inteligentes (una pantalla LCD portátil que se usa como cliente liviano)
  • Tablets Android

En el modelo de interacción de Cast, el teléfono celular, la tablet o la laptop son el remitente que actúa como control remoto para controlar la reproducción, y la TV, la pantalla o la tablet conectada es el receptor que recibe las instrucciones del remitente y muestra el contenido de la conexión a Internet del receptor. Todas las acciones del usuario (presionar y deslizar) pueden tener lugar en el dispositivo emisor o en el receptor web.

La transmisión depende de la coordinación entre dos o más pantallas; la IU del remitente y la del receptor, deben funcionar en conjunto. Por ejemplo, si presionas un botón en un dispositivo móvil para pausar el contenido, la TV debe indicar que está pausado, mientras que el dispositivo móvil debe proporcionar un botón de reproducción para reanudar la reproducción.

Consideraciones

Debido a las limitaciones de hardware y recursos, se aplican ciertas restricciones a las aplicaciones compatibles con Chromecast:

  • El dispositivo de transmisión es de baja potencia y tiene limitaciones de memoria, CPU y GPU. Por lo tanto, la aplicación receptora web debe ser lo más liviana posible.
  • En el caso de los modelos de interacción de Chromecast y Chromecast integrado, las pestañas, ventanas o ventanas emergentes se pueden crear tanto en el receptor web como en la app emisora, y se pueden aceptar directamente las entradas del usuario, como toques o deslizamientos. Por ejemplo, la app de Receptor web en una tablet o pantalla conectada puede mostrar un botón de pausa y recibir el toque de un usuario. De esta manera, todas las acciones en la aplicación deben activarse desde un receptor web o una aplicación emisora.
  • Las pantallas inteligentes admiten las entradas del usuario a través de una app emisora o a través de la IU.
  • El receptor web es un navegador Chrome optimizado para la reproducción de videos. Por lo tanto, los WebGL y el cliente nativo de Chrome (NaCL) no son compatibles en este momento.
  • Cast admite la reproducción simultánea de una transmisión multimedia en las etiquetas <audio> y <video>, o varias pistas de audio con la API de WebAudio. Solo un elemento de video puede estar activo en el DOM a la vez. Además, no se admiten la composición de videos, la manipulación, las transformaciones, las rotaciones ni el zoom.

Principios generales del diseño

Ten en cuenta lo siguiente cuando desarrolles tu interfaz de usuario.

Interfaz del receptor web:

  • El receptor web puede tener elementos interactivos y informativos para describir el estado de la app, como los mensajes pausados o en reproducción o los mensajes de error. La interacción del usuario puede ocurrir en el dispositivo de envío de Cast (teléfono, tablet o navegador Chrome) o en el receptor web (TV, pantallas o tablets).
  • Recuerda que la acción de video ocurre en medio de la pantalla de la TV, y que los elementos de la IU no deben interferir con la presentación. Coloca los elementos de la IU dentro del tercio inferior de la pantalla del receptor web y deja un margen del 10% de los bordes de la pantalla para un posible sobrebarrido.
  • Siempre que sea posible, las transiciones de un estado de pantalla a otro deben ser fluidas y tener un aspecto cinematográfico. En lugar de movimientos abruptos de estado a estado, usa transiciones como fundido de entrada y salida. Por ejemplo, el estado de carga de contenido permanece en pantalla y se atenúa y pasa a la experiencia de reproducción de contenido multimedia.

Interfaz de remitente:

  • El remitente admite acciones de usuario, y el receptor web muestra información de estado. Por ejemplo, si se pausa el contenido, la TV debería indicar que está pausado, mientras que el dispositivo móvil indica que está listo para comenzar a reproducir (por ejemplo, se le muestra al usuario un botón de reproducción).
  • La velocidad es importante. Los usuarios deben poder encontrar rápidamente el control de transmisión y ver que el contenido comienza a reproducirse de inmediato en la pantalla grande. Mientras se carga el contenido, proporciona indicadores de carga animados y usa transiciones para que parezca que el proceso es más rápido.

La forma más fácil de asegurarte de que tu aplicación de Cast siga estos principios es revisar la interfaz de usuario con la lista de tareas de diseño de Cast y probar las aplicaciones de Cast.

Lineamientos de desarrollo de la marca

Los siguientes lineamientos de marca de Chromecast son para desarrolladores de apps y se enfocan en los requisitos adicionales que debes cumplir para describir tu app en texto. Para los lineamientos de marca de dispositivos de transmisión, consulta el Centro de marketing para socios. Puedes informarles a los demás que tu app funciona con Chromecast integrado mediante el término "compatible con Chromecast". Sin embargo, asegúrate de que tu app cumpla con las Condiciones del Servicio adicionales para desarrolladores de Cast y la lista de tareas de diseño, y que el uso de "habilitado para Chromecast" cumpla con los lineamientos de desarrollo de la marca.

De manera similar, puedes usar una insignia de Chromecast siempre que tu app o dispositivo cumplan con nuestros lineamientos de insignias. Google se reserva el derecho de solicitar que modifiques o dejes de usar la insignia si no satisface los lineamientos de marca.

Usar "Chromecast" en el texto

  • Cuando describas una app (no un producto de hardware) como compatible con Cast, usa la frase "compatible con Chromecast". Por ejemplo: "Esta app es compatible con Chromecast".
  • Cuando describas un producto de hardware de terceros compatible con Cast, usa "TV con Chromecast integrado", "Bocina integrada de Chromecast" o solo "Chromecast integrado".
  • Cuando se escribe en texto, "Chromecast" debe ir en mayúsculas y "integrado", en minúscula.
  • En cualquier activo de marketing que use "Chromecast" en el texto o la insignia o el logotipo, debes incluir la siguiente atribución legal: Chromecast es una marca registrada de Google LLC.
  • No escribas Chromecast en el título de la aplicación (por ejemplo, Aplicación XYZ Chromecast).

Mensajes compatibles con Chromecast

Puedes promocionar tu app de la siguiente manera:

  • "XYZ es una app compatible con Chromecast que te permite transmitir tu contenido de entretenimiento favorito desde tu dispositivo móvil a la TV".
  • "La app de XYZ ahora está disponible para TV con Chromecast integrado".
  • "La app de XYZ ahora está disponible para todos los productos de Chromecast, incluidos Chromecast, Chromecast Audio, y TVs y bocinas con Chromecast integrado".
  • "La app XYZ es compatible con Chromecast, por lo que puedes disfrutar de todos tus programas, películas, música y juegos favoritos en la TV con Chromecast integrado".
  • "La app XYZ ahora es compatible con Chromecast, lo que permite a los usuarios transmitir contenido desde su teléfono a su TV con Chromecast integrado".

Insignia de Chromecast

Puedes usar las insignias de "Chromecast" en tu sitio web, ficha de Play Store, materiales de marketing y materiales promocionales para mostrar la compatibilidad con dispositivos que usan el protocolo de Cast.

  • No modifiques el color, las proporciones, el espaciado ni ningún otro aspecto de la imagen de insignia.
  • Cuando se usan junto con logotipos de otras tecnologías de ingredientes (por ejemplo, Bluetooth, Spotify Connect, AirPlay, etc.), la insignia de Chromecast debe ser de igual o mayor tamaño.
  • No coloque la insignia como el elemento principal de su página.
  • Mantenga un poco de distancia entre la insignia y otros logotipos e íconos en su página.
  • Cuando la uses sobre un fondo blanco, claro o medio, usa una insignia negra.
  • Cuando la uses sobre un fondo negro u oscuro, usa la insignia blanca.
  • No uses la insignia en una página que contenga o muestre contenido para adultos, que promueva juegos de apuestas, que promueva la violencia, que contenga incitación al odio o a la violencia, que tenga relación con la venta de tabaco o alcohol a personas menores de veintiún años de edad, que infrinja otras leyes o normas aplicables, o que sea inaceptable de cualquier otra forma.

Vinculación de insignia

Cuando se usa en línea, la insignia de Chromecast debe vincularse a uno de los siguientes elementos:

  • Lista de productos y apps compatibles con Chromecast de Google, disponibles actualmente en g.co/castapps.
  • Una lista de productos publicados por ti
  • Una página específica de detalles del producto publicada por usted
  • Una lista de apps que publicaste
  • Una página específica de detalles de la app que hayas publicado, en Google Play o en la App Store de Apple

Descargar recursos de la insignia de Chromecast

El paquete de descarga incluye los formatos Portable Network Graphics (.png), Adobe Illustrator (.ai) y Enapsulated Postscript (.eps).

Vista previa de las insignias de Chromecast

Logotipo azul y texto blanco sobre un fondo negro
Logotipo y texto blancos sobre un fondo negro
Logotipo azul y texto gris sobre un fondo blanco