Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Cuando diseñes una app para navegar por contenido, deberás planificar lo que se incluye en cada vista, ya que Google y el fabricante de automóviles se encargan del diseño y la navegación para la navegación. Aquí se incluyen algunos aspectos a tener en cuenta:
Capas
¿Cuántos niveles de contenido quieres incluir en tu app?
Para minimizar la carga cognitiva, limita la cantidad total de niveles. Usa subtítulos para agrupar el contenido en subcategorías dentro de una vista, lo que aplana la jerarquía y mejora la navegación.
Formato
¿Quieres mostrar cada nivel de contenido en formato de cuadrícula o de lista? Un formato de cuadrícula muestra varios elementos que se muestran de forma simultánea en una disposición similar a una cuadrícula, mientras que un formato de lista (muestra elementos verticalmente en una lista).
Agrupación
¿Quieres agrupar el contenido en subcategorías dentro de cada vista de navegación?
Esto puede ayudar a organizar grandes cantidades de contenido y facilitar que los usuarios encuentren lo que buscan.
Búsqueda
Cuando diseñas una app para conducir, se recomienda implementar la función de búsqueda. Esto permite que los usuarios encuentren contenido específico rápidamente sin tener que navegar por varios niveles de vistas de navegación.
La forma en que definas el elemento multimedia raíz y sus elementos secundarios establece la jerarquía de contenido de tu app. Puedes aplicar estilos de contenido a los elementos multimedia explorables para determinar si sus elementos secundarios se muestran en vistas de cuadrícula o de lista, y si se organizan en función de títulos.
Si implementas la búsqueda en la app, no necesitarás diseñar la interfaz de búsqueda por voz ni por teclado, ya que los fabricantes de automóviles diseñan la indicación visual de la búsqueda por voz y los teclados.
En este ejemplo, el diseñador usa un formato de cuadrícula para mostrar los álbumes de música (Android Auto).En este ejemplo, se usa una lista que muestra una combinación de playlists y artistas (Android Auto).En este ejemplo, se usa una cuadrícula y una barra de control de contenido multimedia (AAOS).En este ejemplo, se usa una lista y una barra de control de medios (AAOS).Dos ejemplos (lista y cuadrícula) de apps de música en AAOS (vertical)
Requisitos de la vista de navegación
Ten en cuenta los siguientes requisitos y recomendaciones:
Nivel de requisito
Requisitos
DEBEN
Los desarrolladores de apps deben cumplir con los siguientes requisitos:
Proporciona texto para el subtítulo si decides crear subcategorías dentro de una vista de navegación.
DEBEN
Los desarrolladores de apps deben hacer lo siguiente:
Evita el contenido navegable que se extiende a más de tres niveles desde el nivel superior.
Decide si implementar una función de búsqueda en la app
MAY
Los desarrolladores de apps pueden hacer lo siguiente:
Para cada vista de navegación, determina si deseas mostrar el contenido en una cuadrícula o en una lista (la lista es la opción predeterminada).
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-25 (UTC)"],[[["\u003cp\u003ePlan the structure of browsable content views, including the depth of levels, formatting (grid or list), and subcategory grouping.\u003c/p\u003e\n"],["\u003cp\u003eConsider implementing in-app search to enhance user experience and aid content discovery.\u003c/p\u003e\n"],["\u003cp\u003eLimit content hierarchy to a maximum of three levels to minimize driver distraction.\u003c/p\u003e\n"],["\u003cp\u003eUse subheaders when grouping content into subcategories within a view.\u003c/p\u003e\n"],["\u003cp\u003eChoose between grid and list formats for displaying content, ensuring the format aligns with the content type.\u003c/p\u003e\n"]]],[],null,["# Plan browsing views\n\n\u003cbr /\u003e\n\nWhen designing an app for browsing content, you'll need to plan what's in each\nview, as styling and navigation for browsing are handled by Google and the car\nmaker. Here are some considerations:\n\n- **Layers** \n\n How many levels of content do you want within your app? \n\n To minimize cognitive load, limit the total number of levels. Use subheaders\n to group content into subcategories within a view, which flattens hierarchy\n and improves navigation.\n\n- **Format** \n\n Do you want to display each level of content in either a grid format or a\n list format? A grid format displays multiple items displayed simultaneously\n in a grid-like arrangement, whereas, a list format (displays items\n vertically in a list).\n\n- **Grouping** \n\n Within each browsing view, do you want to group content into subcategories?\n This can help organize large amounts of content and make it easier for users\n to find what they're looking for.\n\n- **Searchability** \n\n When designing an app for driving, it is recommended to implement search\n capability. This allows users to quickly find specific content without\n having to navigate through multiple levels of browsing views.\n\nHow you define the root media item and its descendants establishes your app's\ncontent hierarchy. You can apply content styles to browsable media items to\ndetermine whether their children are displayed in grid or list views and whether\nthey are organized under titles.\n\nIf you implement in-app search, you won't need to design the voice and keyboard\nsearch interface, as car makers design both the voice search affordance and the\nkeyboards.\n\nFor more details, see\n[Supporting voice actions](https://developer.android.com/training/cars/media/#support_voice)\nand\n[Displaying search results](https://developer.android.com/training/cars/media/#display_search).\n\nBrowsing view examples\n----------------------\n\nIn this example, the designer uses a grid format to display music albums (Android Auto). This example uses a list, showing a combination of playlists and artists (Android Auto). This example uses a grid as well as a media control bar (AAOS). This example uses a list as well as a media control bar (AAOS). Two examples (list and grid) of media apps on AAOS (portrait)\n\n\u003cbr /\u003e\n\nBrowsing view requirements\n--------------------------\n\nKeep in mind the following requirements and recommendations:\n\n| Requirement level | Requirements |\n|-------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **MUST** | App developers must: - Provide subheader text if you decide to create subcategories within a browsing view |\n| **SHOULD** | App developers should: - Avoid browsable content that extends more than three levels deep from the top level - Decide whether to implement an in-app search function |\n| **MAY** | App developers may: - For each browsing view, determine whether to display content in a grid or in a list (list is the default) |"]]
