Google Cast Design Checklist
Stay organized with collections
Save and categorize content based on your preferences.
The design checklist below is provided to make the Cast user experience simple and predictable
across all platforms. Following these guidelines when designing your app will ensure the best Cast
experience for your users.
Images used in this design guideare courtesy of the Blender Foundation, shared under copyright or Creative Commons license.
- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute /
www.elephantsdream.org
- Sintel: (c) copyright Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org
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-09-18 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-09-18 UTC."],[[["\u003cp\u003eThis design checklist ensures a simple and predictable Cast user experience across all platforms by providing guidelines for app design.\u003c/p\u003e\n"],["\u003cp\u003eThe checklist covers key aspects of Cast integration, such as the Cast button, dialog, autoplay functionality, sender application behavior, and receiver application behavior for both touch and non-touch devices.\u003c/p\u003e\n"],["\u003cp\u003eBy adhering to these guidelines, developers can create apps that offer the best possible Cast experience for users, including seamless casting, intuitive controls, and consistent behavior across different devices.\u003c/p\u003e\n"],["\u003cp\u003eThe checklist includes detailed recommendations for handling various user interactions and scenarios, such as prompting users to cast, managing the Cast dialog, implementing autoplay features, and controlling playback on both sender and receiver devices.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can use this checklist as a reference to ensure their apps meet the Cast design standards and provide a user-friendly casting experience.\u003c/p\u003e\n"]]],["This guide provides a comprehensive design checklist for creating a consistent Cast user experience. It covers Cast basics, button behaviors, and dialog states. It details Cast autoplay features like queue management, notifications, and control options. The checklist also addresses sender app controls (volume, mini/expanded controllers, notifications) and receiver app UI for both touch and non-touch interfaces, including various states like idle, loading, and playback. Finally, there is a changelog.\n"],null,["# Google Cast Design Checklist\n\nThe design checklist below is provided to make the Cast user experience simple and predictable\nacross all platforms. Following these guidelines when designing your app will ensure the best Cast\nexperience for your users. \n\n### Cast basics\n\n[Cast sequence](/cast/docs/design_checklist/cast-basics#cast-session-sequence)\n\n[Cast home screen](/cast/docs/design_checklist/cast-basics#cast-home)\n\n[Cast terminology](/cast/docs/design_checklist/cast-basics#cast-terminology)\n\n### Cast button\n\n[Introduce Cast to users](/cast/docs/design_checklist/cast-button#prompting)\n\n[Cast button availability](/cast/docs/design_checklist/cast-button#sender-cast-icon-available)\n\n[Cast button states](/cast/docs/design_checklist/cast-button#sender-cast-icon-states)\n\n### Cast dialog\n\n[Cast dialog, not connected (receivers available)](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-available)\n\n[Cast dialog, connected but not casting](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-connected)\n\n[Cast dialog, while casting](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-casting)\n\n### Cast autoplay\n\n[Up Next notification](/cast/docs/design_checklist/cast-autoplay#up-next-notification)\n\n[Timeout notification](/cast/docs/design_checklist/cast-autoplay#timeout-notification)\n\n[Persistent control](/cast/docs/design_checklist/cast-autoplay#persistent-control)\n\n[Full control](/cast/docs/design_checklist/cast-autoplay#full-control)\n\n[Queue](/cast/docs/design_checklist/cast-autoplay#queue)\n\n[Add option](/cast/docs/design_checklist/cast-autoplay#add-option)\n\n[Add/play option](/cast/docs/design_checklist/cast-autoplay#add-play-option)\n\n[Added notification](/cast/docs/design_checklist/cast-autoplay#added-notification)\n\n[Reorder items](/cast/docs/design_checklist/cast-autoplay#reorder-items)\n\n[Remove items](/cast/docs/design_checklist/cast-autoplay#remove-items)\n\n[Clear all items](/cast/docs/design_checklist/cast-autoplay#clear-all-items)\n\n[History](/cast/docs/design_checklist/cast-autoplay#history)\n\n### Sender app\n\n[Sender volume controls](/cast/docs/design_checklist/sender#sender-control-volume)\n\n[Sender expanded controller](/cast/docs/design_checklist/sender#sender-expanded-controller)\n\n[Sender mini controller](/cast/docs/design_checklist/sender#sender-mini-controller)\n\n[Sender notification](/cast/docs/design_checklist/sender#sender-control-notification)\n\n[Sender lock screen](/cast/docs/design_checklist/sender#sender-control-lockscreen)\n\n[Sender resumes cast](/cast/docs/design_checklist/sender#sender-control-resume)\n\n[Sender stops cast](/cast/docs/design_checklist/sender#sender-control-end)\n\n### Receiver app: non-touch\n\n[Receiver UI](/cast/docs/design_checklist/receiver#receiver-ui-elements)\n\n[Receiver app idle](/cast/docs/design_checklist/receiver#receiver-ui-idle)\n\n[Receiver app loading](/cast/docs/design_checklist/receiver#receiver-player-loading)\n\n[Receiver content loading](/cast/docs/design_checklist/receiver#receiver-content-loading)\n\n[Receiver playback](/cast/docs/design_checklist/receiver#receiver-ui-seek)\n\n[Receiver paused](/cast/docs/design_checklist/receiver#receiver-ui-pause)\n\n[Receiver buffering](/cast/docs/design_checklist/receiver#receiver-ui-buffer)\n\n[Receiver stops cast](/cast/docs/design_checklist/receiver#receiver-ui-complete)\n\n### Receiver app: touch\n\n[Receiver UI](/cast/docs/design_checklist/receiver_touch#receiver-ui-elements)\n\n[Receiver app idle](/cast/docs/design_checklist/receiver_touch#receiver-ui-idle)\n\n[Receiver app loading](/cast/docs/design_checklist/receiver_touch#receiver-player-loading)\n\n[Receiver content loading](/cast/docs/design_checklist/receiver_touch#receiver-content-loading)\n\n[Receiver playback](/cast/docs/design_checklist/receiver_touch#receiver-ui-seek)\n\n[Receiver paused](/cast/docs/design_checklist/receiver_touch#receiver-ui-pause)\n\n[Receiver buffering](/cast/docs/design_checklist/receiver_touch#receiver-ui-buffer)\n\n[Receiver stops cast](/cast/docs/design_checklist/receiver_touch#receiver-ui-complete)\n\n### Changelog\n\n[List of changes](/cast/docs/design_checklist/changelog)\n\n**Images used in this design guide**\nare courtesy of the Blender Foundation, shared under copyright or Creative Commons license.\n\n- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org\n- Sintel: (c) copyright Blender Foundation \\| www.sintel.org\n- Tears of Steel: (CC) Blender Foundation \\| mango.blender.org\n- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org"]]
