Google Cast Design Checklist

The design checklist below is provided to make the Cast user experience simple and predictable across all platforms. Early research and experience with Google Cast has led to the development of this checklist. Following these guidelines when designing your app will ensure the best Cast experience for your users.

Review the Google Cast Autoplay UX Guidelines for best practices when designing an autoplay/queueing experience for Cast.

Also, for a video overview and general guidelines to developing user experience for Cast, see UX Guidelines.

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


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 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