Creating Apple TV Apps. Key Things to Keep in Mind

25
Creating Apple TV apps. Key things to keep in mind Anna Iurchenko (@anatinge), UX Designer at stanfy.com

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

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 can’t 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 forShared 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 don’t 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 can’t open web

pages inside your app either.

Key Takeaways

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

Use the remote’s touch surface, accelerometer, and gyroscope to help people feel connected to your app even though they’re sitting at a distance.

Leverage Apple’s recommendations on grid parameters, component sizes, spacing, typography and layout templates.

We build TV apps. Write to us!

[email protected]

Check our infographic on Apple TV Design Guides!

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