Google Cast Design Checklist

  • This design checklist ensures a simple and predictable Cast user experience across all platforms by providing guidelines for app design.

  • The 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.

  • By 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.

  • The 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.

  • Developers can use this checklist as a reference to ensure their apps meet the Cast design standards and provide a user-friendly casting experience.

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.

Cast basics

  Cast sequence

  Cast home screen

  Cast terminology


Cast button

  Introduce Cast to users

  Cast button availability

  Cast button states


Cast dialog

  Cast dialog, not connected (receivers available)

  Cast dialog, connected but not casting

  Cast dialog, while casting


Cast autoplay

  Up Next notification

  Timeout notification

  Persistent control

  Full control

  Queue

  Add option

  Add/play option

  Added notification

  Reorder items

  Remove items

  Clear all items

  History


Sender app

  Sender volume controls

  Sender expanded controller

  Sender mini controller

  Sender notification

  Sender lock screen

  Sender resumes cast

  Sender stops cast


Receiver app: non-touch

  Receiver UI

  Receiver app idle

  Receiver app loading

  Receiver content loading

  Receiver playback

  Receiver paused

  Receiver buffering

  Receiver stops cast


Receiver app: touch

  Receiver UI

  Receiver app idle

  Receiver app loading

  Receiver content loading

  Receiver playback

  Receiver paused

  Receiver buffering

  Receiver stops cast


Changelog

   List of changes

 

Images used in this design guide are 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