Create your app
Stay organized with collections
Save and categorize content based on your preferences.
Creating your media app for Android Automotive OS involves 6 basic design tasks.
This section provides an overview of those tasks. It also describes how both car makers and app developers contribute to the media app experience.
Task overview
Because most of media app design is up to car makers, the design-related tasks for app developers are relatively simple.
Here are the 6 basic tasks for app developers:
1) Plan navigation tabs: Choose up to 4 top-level views of content and decide on icons or labels for navigation tabs.
2) Plan browsing views: Plan how top-level and lower-level views of content will be organized and formatted (grid or list?).
3) Customize playback controls: Decide whether you want to provide custom actions and icons and whether to implement a queue.
4) Adapt sign-in flow: Adapt the provided code to create a sign-in flow for your app, if it requires sign-in.
5) Design settings: Design settings screens for your app, if settings are needed.
6) Provide branding elements: Provide your app icon and accent color, so that car makers can represent your brand onscreen.
Use the links above to access more detailed guidance about each task. For a summary of the design elements you’ll need to provide, consult the checklist.
Division of roles
The table below summarizes the design roles of car makers and app developers in ensuring a unified media app experience.
| Aspect of the media experience |
Car maker’s design role |
App developer’s design role |
| Navigating media apps |
Decide where the app bar goes and support app navigation and controls that can appear in the app bar
|
Decide which top-level content views to represent in the app bar’s tabs and provide icons and labeling as needed
Visit Plan navigation tabs
|
| Browsing content details |
Determine size and content of grid or list items and implement app header at lower levels of content
|
Determine format (grid or list) and organization for browsable media content at each level
Visit Plan browsing views
|
| Playing media |
Implement playback view and minimized control bar with appropriate media metadata and playback controls, including controls for any custom actions in the app. Provide a queue affordance in playback view and styling for the queue.
|
Decide whether to implement custom actions on the control bar, and provide icons for them. Decide whether to implement a queue and whether to provide an indicator for the currently playing track.
Visit Customize playback controls
|
| Sign-in, settings & search |
Provide affordances for search and settings on the app bar bar, design search keyboards, and connect users to sign-in screens as needed
|
Provide sign-in flow (adapted from sample code) and settings screens if needed
Visit Adapt sign-in flow and Design sign-in & settings
|
| Brand attribution |
Display the app icon on all content screens and choose where to apply the third-party app color as an accent
|
Provide app icon and specify accent color
Visit Provide branding elements
|
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-07-23 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-07-23 UTC."],[[["\u003cp\u003eDeveloping media apps for Android Automotive OS involves six key design tasks for app developers, including planning navigation and browsing, customizing playback, adapting sign-in, designing settings, and providing branding elements.\u003c/p\u003e\n"],["\u003cp\u003eCar makers handle the broader user interface and experience while app developers focus on content presentation and app-specific features.\u003c/p\u003e\n"],["\u003cp\u003eApp developers have specific responsibilities for navigation tabs, browsing views, playback controls, sign-in flow, settings design, and branding elements.\u003c/p\u003e\n"],["\u003cp\u003eResources are available for detailed guidance on each design task, including links to specific sections and a design checklist.\u003c/p\u003e\n"],["\u003cp\u003eCollaboration between car makers and app developers is crucial to ensure a seamless and unified media experience for users in vehicles.\u003c/p\u003e\n"]]],[],null,["# Create your app\n\n\u003cbr /\u003e\n\nCreating your media app for Android Automotive OS involves 6 basic design tasks.\n\nThis section provides an overview of those tasks. It also describes how both car makers and app developers contribute to the media app experience.\n\n*** ** * ** ***\n\nTask overview\n-------------\n\nBecause most of media app design is up to car makers, the design-related tasks for app developers are relatively simple.\n\nHere are the 6 basic tasks for app developers:\n\n[**1) Plan navigation tabs:**](/cars/design/automotive-os/apps/media/create-your-app/plan-navigation-tabs) Choose up to 4 top-level views of content and decide on icons or labels for navigation tabs.\n\n[**2) Plan browsing views:**](/cars/design/automotive-os/apps/media/create-your-app/plan-browsing-views) Plan how top-level and lower-level views of content will be organized and formatted (grid or list?).\n\n[**3) Customize playback controls:**](/cars/design/automotive-os/apps/media/create-your-app/customize-playback) Decide whether you want to provide custom actions and icons and whether to implement a queue.\n\n[**4) Adapt sign-in flow:**](/cars/design/automotive-os/apps/media/create-your-app/adapt-signin-flow) Adapt the provided code to create a sign-in flow for your app, if it requires sign-in.\n\n[**5) Design settings:**](/cars/design/automotive-os/apps/media/create-your-app/design-settings) Design settings screens for your app, if settings are needed.\n\n[**6) Provide branding elements:**](/cars/design/automotive-os/apps/media/create-your-app/provide-branding-elements) Provide your app icon and accent color, so that car makers can represent your brand onscreen.\n\nUse the links above to access more detailed guidance about each task. For a summary of the design elements you'll need to provide, consult the [checklist](/cars/design/automotive-os/apps/media/app-checklist).\n\n*** ** * ** ***\n\nDivision of roles\n-----------------\n\nThe table below summarizes the design roles of car makers and app developers in ensuring a unified media app experience.\n\n| Aspect of the media experience | Car maker's design role | App developer's design role |\n|---------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **Navigating media apps** | Decide where the app bar goes and support app navigation and controls that can appear in the app bar | Decide which top-level content views to represent in the app bar's tabs and provide icons and labeling as needed Visit [Plan navigation tabs](/cars/design/automotive-os/apps/media/create-your-app/plan-navigation-tabs) |\n| **Browsing content details** | Determine size and content of grid or list items and implement app header at lower levels of content | Determine format (grid or list) and organization for browsable media content at each level Visit [Plan browsing views](/cars/design/automotive-os/apps/media/create-your-app/plan-browsing-views) |\n| **Playing media** | Implement playback view and minimized control bar with appropriate media metadata and playback controls, including controls for any custom actions in the app. Provide a queue affordance in playback view and styling for the queue. | Decide whether to implement custom actions on the control bar, and provide icons for them. Decide whether to implement a queue and whether to provide an indicator for the currently playing track. Visit [Customize playback controls](/cars/design/automotive-os/apps/media/create-your-app/customize-playback) |\n| **Sign-in, settings \\& search** | Provide affordances for search and settings on the app bar bar, design search keyboards, and connect users to sign-in screens as needed | Provide sign-in flow (adapted from sample code) and settings screens if needed Visit [Adapt sign-in flow](/cars/design/automotive-os/apps/media/create-your-app/adapt-signin-flow) and [Design sign-in \\& settings](/cars/design/automotive-os/apps/media/create-your-app/design-settings) |\n| **Brand attribution** | Display the app icon on all content screens and choose where to apply the third-party app color as an accent | Provide app icon and specify accent color Visit [Provide branding elements](/cars/design/automotive-os/apps/media/create-your-app/provide-branding-elements) |"]]