Recently I was given the opportunity to work on a side project with Alex Styl and another craftsman because Novoda wanted to showcase an Android TV demo to our client.

Firstly, I collected everything I could find about not only Android TV but anything to do with design for big screens including blog posts, videos and guidelines. Unfortunately, I have to say, compared to design resources for tablets and phones, there is very little available for Android TV.

For that reason I decided to create some resources myself! I came up with the idea of an Android TV design template that anyone interested in designing for the big screen could use as a starting point. It’s based on the screenshots from the Android TV Design Guidelines.

Sketch file contains:

  • Browse Lane (Collapse/Expand view)
  • Browse Row
  • Browse Row Scroll Down
  • Grid View
  • Video Player
  • Music Player
  • In App Search

alt

Feel free to download the kit from GitHub or sketchappsources website, use it in your projects, and share it with your coworkers!

Resources:

An in-depth look at the Leanback Library - Google I/O 2016

UI Patterns for TV

Designing for Android TV

Android TV Guideline

tvOS Human Interface Guidelines