TvOS is the Apple TV’s operating system that was made available in 2015. Being a very new platform, designers are still figuring out how to create easy-to-use interfaces for it. Unlike apps for iPhone and iPad where there is a ton of well-designed apps to learn from, TV apps are still far from being in abundance.
Andrew Yates (who has, btw, also developed CouchQuiz) aims to change that with his side project TvOs.design. He collects excellent examples of UI on Apple TV to help designers follow design patterns.
I asked him to present his favourite examples of TvOS. Here’s what he sent over.
tvOS is still in it’s infancy and as such it can be tricky for designers and developers coming from the small screens of iOS to a large TV to know how things should be laid out for the big screen. Common patterns emerging are the use of large background imagery, blur and small animations.
I’d highly recommend reading the Apple TV Human Interface Guidelines. Especially regarding Visual Design, as they include some super useful guidelines about screen cropping, padding, typography and much more.
Hostelworld
GILT
Touchpress
HBO NOW
MLB
Airbnb
Reelgood
Notonthehighstreet
Dasher
Periscope
Kitchen Stories
Sing! by Smule
Haystack TV
Zova
Burberry
Big thanks to Andrew! If you want to view more examples of TV interface design, be sure to check out TvOS.design.
Liked this post? Let me and Andrew know by sharing it on Twitter!
Stunning Examples of TvOS Design Picked by @ay8s https://t.co/w9OHpEmRcJ #inspirationseries via @design4founders pic.twitter.com/ebmI4dIWRW
— Heidi Pungartnik (@design4founders) April 15, 2016
Design, but simple.
My popular design ebook is now on sale. Don't miss out!