Modelo espacial

Esta introducción a la plantilla de apps de música describe sus elementos principales, las funciones básicas que ofrecen y la arquitectura que los mantiene juntos.

En las secciones posteriores a este documento, se proporcionan descripciones más detalladas sobre el funcionamiento de cada elemento. Para obtener una guía sobre estas secciones, consulta la descripción general de esta sección.


Anatomía

La plantilla multimedia incluye lo siguiente:

  • Barra de la app: Incluye navegación principal de la app y controles de la app (para la configuración y la búsqueda en la app), además de un ícono de la app.
  • Espacio de contenido explorable: Muestra el contenido en vista de cuadrícula (aquí) o en vista de lista.
  • Controles de reproducción: La barra de control minimizada que se muestra aquí incluye metadatos multimedia básicos y controles de reproducción. Además, proporciona acceso a una superposición de reproducción con más controles.
1. Barra de la app con pestañas de navegación principales y controles de la app
2. Espacio de contenido explorable
3. Controles de reproducción (se muestran aquí en la barra de controles minimizada)

Este diseño de ejemplo muestra solo una disposición posible de estos elementos. Por ejemplo, los fabricantes de vehículos pueden decidir apilar los controles principales de navegación y de la app en lugar de mantenerlos en una sola barra horizontal, según las dimensiones de la pantalla. La jerarquía de navegación se describe con más detalle en las siguientes secciones.


Navegación principal

La navegación principal en la barra de la app consta de pestañas expuestas (excepto en casos excepcionales en los que la pantalla es demasiado pequeña).

En este ejemplo, se muestra una disposición típica de pestañas:

Los usuarios pueden seleccionar pestañas como Principal y Playlists en la barra de la app para navegar a estas vistas de nivel superior del contenido multimedia.
Si seleccionas una pestaña en la barra de la app, se reemplazará la vista actual por una vista diferente de la app de nivel superior.

Controles de la app

Los controles de la app (que se muestran en la esquina superior derecha en el siguiente ejemplo) ocupan la parte de la barra de la app que no se usa para el desarrollo de la marca ni para la navegación principal. Proporcionan acceso a las funciones de configuración y búsqueda dentro de la app para la app de música actual.

Si seleccionas un control de app, se abrirá una superposición. Por ejemplo, la opción de configuración que se muestra aquí abre una superposición que muestra la interfaz de configuración. Cuando los usuarios cierran la superposición, regresa a su ubicación anterior en la app.

Si seleccionas la opción de configuración en la barra de la app, se abrirá una superposición que permite a los usuarios acceder a la configuración de la app.
Cuando se selecciona un control de app, se abre una superposición sobre el contenido explorable, y la barra de la app cambia al encabezado.

Espacio de contenido explorable

Dentro del espacio de contenido explorable, los usuarios pueden desplazarse por el contenido y navegar por el espacio Z hasta llegar a elementos individuales, en niveles consecutivos de jerarquía.

Dado que navegar por varios niveles aumenta la carga cognitiva del conductor, Google recomienda mantener la arquitectura de la información relativamente plana, con la menor cantidad de niveles posible.

El nivel superior del contenido explorable permite a los usuarios elegir entre una cuadrícula (como se muestra aquí) o una lista.
Seleccionar a partir de contenido explorable abre el siguiente nivel con más detalles.

Controles de reproducción

Los controles de reproducción en las apps de música pueden aparecer de cualquiera de las siguientes dos formas, según las circunstancias:

  • Barra de control minimizada (disponible en todas las vistas)
  • Vista de reproducción (superposición con la barra de control completa)

Estas dos formas se alternan en la parte inferior de la pantalla en el ejemplo animado que sigue.

Barra de control minimizada

La barra de control minimizada flota en el nivel más alto del espacio de contenido explorable, por encima del contenido. Brinda información sobre lo que se está reproduciendo en el momento y condiciones básicas para que el usuario controle la reproducción.

Una vez que el contenido comience a reproducirse, la barra de control minimizada permanecerá disponible mientras el usuario explora el contenido multimedia. La configuración persiste hasta que se selecciona una nueva app de música o hasta que el usuario presiona la barra de control minimizada para mostrar la vista de reproducción.

Vista de reproducción

La barra de control completa solo está disponible en la vista de reproducción y también flota sobre el contenido. Además de las posibilidades disponibles en la barra de control minimizada, la barra de control completa puede proporcionar controles más amplios definidos por cada app multimedia.

Si seleccionas la barra de control minimizada en cualquier lugar fuera de los objetivos táctiles de sus controles, se expande a una superposición de reproducción en pantalla completa (la vista de reproducción), como se muestra aquí.
La superposición de la vista de reproducción se ubica sobre el espacio de contenido explorable, y la barra de control minimizada se reemplaza por la barra de control completa con controles adicionales.