creating apple tv apps. key things to keep in mind

Creating Apple TV apps. Key things to keep in mind

Anna Iurchenko (@anatinge), UX Designer at stanfy.com

https://twitter.com/anatingehttp://stanfy.com

There is NO big INNOVATION in new Apple TV

but it is connected TV that finally done RIGHT!

The new

remote

Universal

search

Easy to use

interface

TV apps cant replicate smartphone or web apps

1. Who are the users?

2. What problems would this product solve for them?

3. What is the context in which the product would be used?

and on one picture

It is ideal for

Shared Experiences

Office space

Restaurant or Cafe

Family Environment

The interaction is fully based on a focus model. By pressing buttons and swiping, users move their focus from element to element, stop and click to

access particular content.

You have to minimize the amount of text in your app and seriously consider using more pictures or

animations rather than writing about something.

Remote has a touch surface, an accelerometer, and a gyroscope that you can leverage in your app to deliver

a compelling experience.

TVs vary in size and TV app layouts dont automatically adapt to the size of the screen.

Design for 1920X1080 (1080p, 16:9 aspect ratio)

Use Apple standard navigation components such as page controls, tab bars, segmented controls, table views, collection views, and split views. They can

cover most of your UI needs so use them to provide an optimal viewing experience.

No Web BrowsingThere is no web browser on Apple TV and moreover you cant open web

pages inside your app either.

Key Takeaways

Think about experiences that you can bring to a group of people.

Use the remotes touch surface, accelerometer, and gyroscope to help people feel connected to your app even though theyre sitting at a distance.

Leverage Apples recommendations on grid parameters, component sizes, spacing, typography and layout templates.

We build TV apps. Write to us!

[email protected]

mailto:[email protected]

Check our infographic on Apple TV Design Guides!

https://stanfy.com/apple-tv-ui-guides

http://www.apple.comhttps://stanfy.com/apple-tv-ui-guides