Google Cast Design Checklist

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