SlideShare ist ein Scribd-Unternehmen logo
Apple TV UX: 8 Guidelines for greater Apps
Best practice:
Using the TV itself is super easy and
almost the same for the past 40 years.
Best practice:
Using the TV itself is super easy and
almost the same for the past 40 years.
Even my grandma knows how to do it!
Best practice:
„The future of TV is apps.“
Best practice:
But how do you build an
outstanding TV App?
Best practice:
CELLULAR’s 8 Guidelines:
Best practice:
„Already little deviations to the standard Apple TV UI, can eventually
pose a bigger challenge for the development than an iOS app.“
SVEN JANSEN , DEVELOPMENT CELLULAR
STICK TO THE
APPLE GUIDELINES
Best practice:
Apple TV works different from other TV
boxes. The all new touch remote changes
the interaction with the box and implies
new UI principles.
STICK TO THE APPLE GUIDELINES
Best practice: Showtime
Recommendations
If you decide to deviate from the
guidelines, your layout needs to
create a new value for the user
Use interface elements from UI Kit
Best practice:
MAKE FOCUS OBVIOUS
„The speed of the Touch Remote is one of the best features on the new Apple TV.
Therefore, a clear focus is essential for a good orientation.“
TARA WESTON , CREATION CELLULAR
Best practice:
While using the Apple TV, the user sits
at a distance and needs to have a clear
view on what he is doing and where he
is navigating. Additionally, he is able to
skip through content extremely quickly.
MAKE FOCUS OBVIOUS
Best practice: ZDF App
Recommendations
Therefore content needs to
be clearly visible at all times
Add certain information when your
item comes on focus.
Apple for example is adding the title
Don’t let other content distract your focus
Best practice:
„Don’t see the focus as a limitation, but as a chance.“
JOHANNA OPPENHEIM , CREATION CELLULAR
DISCOVER THE FOCUS
AS A VALUE
Best practice:
Focus gains a totally new and higher
significance on TV and needs to be
rethought.
DISCOVER THE FOCUS AS VALUE
Recommendations
See, that focus on TV gives you a whole
new level to show information
Know, that focus on a TV Box works
completely different than a mouse over in
web and is of way greater importance
Distinguish which information need to
always be shown and which on focus
Best practice: Airbnb
Best practice:
„The remote does not support diagonal directions.
Therefore you should avoid diagonal routes for your user.“
THORSTEN JONAS , CREATION CELLULAR
NO DIAGONAL
NAVIGATION
Best practice:
Even though the touch remote invites the
user to make diagonal touch gestures,
the Apple TV does not support diagonal
navigation.
NO DIAGONAL NAVIGATION
Best practice: Movies
Recommendations
Build a structure that is easy to use
with up, down, left and right navigation
Arrange contents in vertical and horizontal
lines and avoid dimensional grids
If that’s not possible, change your structure
and stay with one of the templates
Best practice:
„Finally I can touch the TV without having to get up from the couch.“
JÖRN SIEDENTOPP , CREATION CELLULAR
USE THE
TOUCH PAD
WISELY
Best practice:
The new Apple TV remote works completely
different than all other remotes. It has a touch
pad, which enables a much faster navigation
and uses a floating instead of a fixed focus,
for example.
USE THE TOUCH PAD WISELY
Recommendations
Make use of animations as a result to
an user interaction to explain context
whenever possible
Support the users feeling of touching
the interface by providing teasers with
parallax effect
Best practice:
„Simplicity and reduction need to be the guiding
principles during the creation process.“
SIMONE BRAUNER , CREATION CELLULAR
REDUCE
Best practice:
The Apple TV impresses with its light and airy
design, which only works without overloaded
screens. Furthermore, no one wants to read
long copies on TV.
REDUCE
Best practice: Airbnb
Recommendations
Detect the essential information
Know at what point which
information is relevant for your user
Try to show as much information
as possible by using images
Best practice:
„Latency in visual feedback to touch input can harm the user experience extremely.
That‘s why we made every effort in optimizing the performance of the user interface.“
KAI HUPPMANN , DEVELOPMENT CELLULAR
PERFORMANCE DEFINES
THE QUALITY
Best practice:
The new Apple TV lives through its fluent
and vivid navigation. Every jiggle strikes even
more attention than on mobile devices.
People are used to having their TV work
perfectly at all times.
PERFORMANCE DEFINES
THE QUALITY
Best practice: Plex
Recommendations
Technology builds the basis
Improve the performance of your app
and make it work perfectly for your user
Performance is a feeling -
Use structure, UX, UI, and technology
to generate this feeling
Best practice:
„TV is great, because it is getting personal.“
GUNNAR HAMM, CREATION CELLULAR
BE EMOTIONAL
Best practice:
The TV is the flagship for big and beautiful
visuals. Make every screen a cinematic
experience
BE EMOTIONAL
Best practice: Yummly
Recommendations
Don’t try to fill every empty space
Use rather less content and arrange
it generously
Avoid tiny artwork, but use fullscreen
images to support the cinematic feeling
Best practice:
A TV app should be as easy
to use as the TV itself.
Naturally this leads to one principle:
Thank you.
CELLULAR
Hamburg, Germany
info@cellular.de
Thorsten Jonas
Head of Concept
tjonas@cellular.de
Tara Weston
Concept
Constantin Rueff
Design
Credits: Apple TV Product Photos by Apple, ZDF App Photos by CELLULAR

Weitere ähnliche Inhalte

Was ist angesagt?

What is MVP?
What is MVP?What is MVP?
What is MVP?
Ready4S
 
Benefits of Enplug for Customers
Benefits of Enplug for CustomersBenefits of Enplug for Customers
Benefits of Enplug for Customers
Colin Bovet
 
Lytro
LytroLytro
Indoor Location / iBeacon @ Digital Summit Ireland by LocalSocial
Indoor Location / iBeacon @ Digital Summit Ireland by LocalSocialIndoor Location / iBeacon @ Digital Summit Ireland by LocalSocial
Indoor Location / iBeacon @ Digital Summit Ireland by LocalSocial
Sean O'Sullivan
 
Phoneography, by KPCC's Grant Slater
Phoneography, by KPCC's Grant SlaterPhoneography, by KPCC's Grant Slater
Phoneography, by KPCC's Grant Slater
Eric Athas
 
What I Learned about Mobile UX... The Hard Way
What I Learned about Mobile UX... The Hard WayWhat I Learned about Mobile UX... The Hard Way
What I Learned about Mobile UX... The Hard Way
Josh Jeffryes
 
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
TheFamily
 
Diary of editing
Diary of editingDiary of editing
Diary of editing
kreeve98
 
QASMT - PAJ 2015
QASMT - PAJ 2015QASMT - PAJ 2015
QASMT - PAJ 2015
LifeTec
 
Five Things You Should Experience This Week: 11.24.14
Five Things You Should Experience This Week: 11.24.14Five Things You Should Experience This Week: 11.24.14
Five Things You Should Experience This Week: 11.24.14
Joanna Peña-Bickley
 
Google Glass - Explorer's Eye View
Google Glass - Explorer's Eye ViewGoogle Glass - Explorer's Eye View
Google Glass - Explorer's Eye View
Kimberly Mahan
 
9 Engagement Emails You Can Send To Your Mobile App Users
9 Engagement Emails You Can Send To Your Mobile App Users9 Engagement Emails You Can Send To Your Mobile App Users
9 Engagement Emails You Can Send To Your Mobile App Users
Dave Goldstein
 
2013 04 prime guide
2013 04 prime guide2013 04 prime guide
2013 04 prime guide
Droidcon Berlin
 
The new new mobile web
The new new mobile webThe new new mobile web
The new new mobile web
Johannes Brodwall
 
Lens That - Facebook Camera & Snapchat AR Creative Studio
Lens That - Facebook Camera & Snapchat AR Creative StudioLens That - Facebook Camera & Snapchat AR Creative Studio
Lens That - Facebook Camera & Snapchat AR Creative Studio
Lens That
 
Aps2013 opening slides - #APS2013
Aps2013 opening slides - #APS2013Aps2013 opening slides - #APS2013
Aps2013 opening slides - #APS2013
App Promotion Summit Conference
 
The five best photo booth apps
The five best photo booth appsThe five best photo booth apps
The five best photo booth apps
Incubasys
 
Zoom & Enhance: A State of the Art
Zoom & Enhance: A State of the ArtZoom & Enhance: A State of the Art
Zoom & Enhance: A State of the Art
Phillip Herndon
 
How did you use new media technologies in
How did you use new media technologies inHow did you use new media technologies in
How did you use new media technologies in
shannonbutler2412
 

Was ist angesagt? (19)

What is MVP?
What is MVP?What is MVP?
What is MVP?
 
Benefits of Enplug for Customers
Benefits of Enplug for CustomersBenefits of Enplug for Customers
Benefits of Enplug for Customers
 
Lytro
LytroLytro
Lytro
 
Indoor Location / iBeacon @ Digital Summit Ireland by LocalSocial
Indoor Location / iBeacon @ Digital Summit Ireland by LocalSocialIndoor Location / iBeacon @ Digital Summit Ireland by LocalSocial
Indoor Location / iBeacon @ Digital Summit Ireland by LocalSocial
 
Phoneography, by KPCC's Grant Slater
Phoneography, by KPCC's Grant SlaterPhoneography, by KPCC's Grant Slater
Phoneography, by KPCC's Grant Slater
 
What I Learned about Mobile UX... The Hard Way
What I Learned about Mobile UX... The Hard WayWhat I Learned about Mobile UX... The Hard Way
What I Learned about Mobile UX... The Hard Way
 
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
 
Diary of editing
Diary of editingDiary of editing
Diary of editing
 
QASMT - PAJ 2015
QASMT - PAJ 2015QASMT - PAJ 2015
QASMT - PAJ 2015
 
Five Things You Should Experience This Week: 11.24.14
Five Things You Should Experience This Week: 11.24.14Five Things You Should Experience This Week: 11.24.14
Five Things You Should Experience This Week: 11.24.14
 
Google Glass - Explorer's Eye View
Google Glass - Explorer's Eye ViewGoogle Glass - Explorer's Eye View
Google Glass - Explorer's Eye View
 
9 Engagement Emails You Can Send To Your Mobile App Users
9 Engagement Emails You Can Send To Your Mobile App Users9 Engagement Emails You Can Send To Your Mobile App Users
9 Engagement Emails You Can Send To Your Mobile App Users
 
2013 04 prime guide
2013 04 prime guide2013 04 prime guide
2013 04 prime guide
 
The new new mobile web
The new new mobile webThe new new mobile web
The new new mobile web
 
Lens That - Facebook Camera & Snapchat AR Creative Studio
Lens That - Facebook Camera & Snapchat AR Creative StudioLens That - Facebook Camera & Snapchat AR Creative Studio
Lens That - Facebook Camera & Snapchat AR Creative Studio
 
Aps2013 opening slides - #APS2013
Aps2013 opening slides - #APS2013Aps2013 opening slides - #APS2013
Aps2013 opening slides - #APS2013
 
The five best photo booth apps
The five best photo booth appsThe five best photo booth apps
The five best photo booth apps
 
Zoom & Enhance: A State of the Art
Zoom & Enhance: A State of the ArtZoom & Enhance: A State of the Art
Zoom & Enhance: A State of the Art
 
How did you use new media technologies in
How did you use new media technologies inHow did you use new media technologies in
How did you use new media technologies in
 

Ähnlich wie Apple TV UX: 8 Guidelines for greater Apps

Designing for Multiple Channels
Designing for Multiple ChannelsDesigning for Multiple Channels
Designing for Multiple Channels
Julie Guinn
 
UX beers – Designing for TV – Sjoera Roggeman & Tine Lavrysen
UX beers – Designing for TV – Sjoera Roggeman & Tine LavrysenUX beers – Designing for TV – Sjoera Roggeman & Tine Lavrysen
UX beers – Designing for TV – Sjoera Roggeman & Tine Lavrysen
UX Antwerp Meetup
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General Assembly
Doralin Kelly
 
Interface evaluations
Interface evaluationsInterface evaluations
Interface evaluations
carolineyes
 
Overview of video production
Overview of video productionOverview of video production
Overview of video production
Sabir Haque
 
TV Everywhere This is the fun part, where I get to predic.docx
TV Everywhere  This is the fun part, where I get to predic.docxTV Everywhere  This is the fun part, where I get to predic.docx
TV Everywhere This is the fun part, where I get to predic.docx
marilucorr
 
Online presentation tips for advice begginner
Online presentation tips for advice begginnerOnline presentation tips for advice begginner
Online presentation tips for advice begginner
DrSalah7
 
2009: User experience in action
2009: User experience in action2009: User experience in action
2009: User experience in action
Jonathan Hassell
 
Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Best Mobile UX Trends 2019
Best Mobile UX Trends 2019
Vani Jain
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525
jinwook shin
 
Making Your Webinar a Success - An Expert Guide
Making Your Webinar a Success - An Expert GuideMaking Your Webinar a Success - An Expert Guide
Making Your Webinar a Success - An Expert Guide
Presentation Design Co
 
Mobile changes how you engage customers and employees
Mobile changes how you engage customers and employeesMobile changes how you engage customers and employees
Mobile changes how you engage customers and employees
Zhou Wenhan
 
10 tips for a video presentation
10 tips for a video presentation 10 tips for a video presentation
10 tips for a video presentation
Ben Libberton
 
Design Principles | An Easy to use guide
Design Principles | An Easy to use guideDesign Principles | An Easy to use guide
Design Principles | An Easy to use guide
Amol Chandwadkar
 
From Zero to A11Y: Building an Accessibility Culture
From Zero to A11Y: Building an Accessibility CultureFrom Zero to A11Y: Building an Accessibility Culture
From Zero to A11Y: Building an Accessibility Culture
VMware Tanzu
 
VIP session Content Marketing Lab
VIP session Content Marketing LabVIP session Content Marketing Lab
VIP session Content Marketing Lab
Calin Rotarus
 
The Ideal Setup For Remote Meetings.pptx
The Ideal Setup For Remote Meetings.pptxThe Ideal Setup For Remote Meetings.pptx
The Ideal Setup For Remote Meetings.pptx
Suryadigital1
 
Powerful tip-to-start-you tube-channel
Powerful tip-to-start-you tube-channelPowerful tip-to-start-you tube-channel
Powerful tip-to-start-you tube-channel
abilashiniN
 
App Upp Brochure
App Upp BrochureApp Upp Brochure
App Upp Brochure
woodmeister1964
 
The Evolution of the Connected TV User Experience
The Evolution of the Connected TV User ExperienceThe Evolution of the Connected TV User Experience
The Evolution of the Connected TV User Experience
Ian Valentine
 

Ähnlich wie Apple TV UX: 8 Guidelines for greater Apps (20)

Designing for Multiple Channels
Designing for Multiple ChannelsDesigning for Multiple Channels
Designing for Multiple Channels
 
UX beers – Designing for TV – Sjoera Roggeman & Tine Lavrysen
UX beers – Designing for TV – Sjoera Roggeman & Tine LavrysenUX beers – Designing for TV – Sjoera Roggeman & Tine Lavrysen
UX beers – Designing for TV – Sjoera Roggeman & Tine Lavrysen
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General Assembly
 
Interface evaluations
Interface evaluationsInterface evaluations
Interface evaluations
 
Overview of video production
Overview of video productionOverview of video production
Overview of video production
 
TV Everywhere This is the fun part, where I get to predic.docx
TV Everywhere  This is the fun part, where I get to predic.docxTV Everywhere  This is the fun part, where I get to predic.docx
TV Everywhere This is the fun part, where I get to predic.docx
 
Online presentation tips for advice begginner
Online presentation tips for advice begginnerOnline presentation tips for advice begginner
Online presentation tips for advice begginner
 
2009: User experience in action
2009: User experience in action2009: User experience in action
2009: User experience in action
 
Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Best Mobile UX Trends 2019
Best Mobile UX Trends 2019
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525
 
Making Your Webinar a Success - An Expert Guide
Making Your Webinar a Success - An Expert GuideMaking Your Webinar a Success - An Expert Guide
Making Your Webinar a Success - An Expert Guide
 
Mobile changes how you engage customers and employees
Mobile changes how you engage customers and employeesMobile changes how you engage customers and employees
Mobile changes how you engage customers and employees
 
10 tips for a video presentation
10 tips for a video presentation 10 tips for a video presentation
10 tips for a video presentation
 
Design Principles | An Easy to use guide
Design Principles | An Easy to use guideDesign Principles | An Easy to use guide
Design Principles | An Easy to use guide
 
From Zero to A11Y: Building an Accessibility Culture
From Zero to A11Y: Building an Accessibility CultureFrom Zero to A11Y: Building an Accessibility Culture
From Zero to A11Y: Building an Accessibility Culture
 
VIP session Content Marketing Lab
VIP session Content Marketing LabVIP session Content Marketing Lab
VIP session Content Marketing Lab
 
The Ideal Setup For Remote Meetings.pptx
The Ideal Setup For Remote Meetings.pptxThe Ideal Setup For Remote Meetings.pptx
The Ideal Setup For Remote Meetings.pptx
 
Powerful tip-to-start-you tube-channel
Powerful tip-to-start-you tube-channelPowerful tip-to-start-you tube-channel
Powerful tip-to-start-you tube-channel
 
App Upp Brochure
App Upp BrochureApp Upp Brochure
App Upp Brochure
 
The Evolution of the Connected TV User Experience
The Evolution of the Connected TV User ExperienceThe Evolution of the Connected TV User Experience
The Evolution of the Connected TV User Experience
 

Kürzlich hochgeladen

How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
Anit Kapoor
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
Pixeldarts
 
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdfTemple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
taradcunha
 
Business Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptxBusiness Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptx
davidsaputra50
 
Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
AidanOKeefe2
 
Elevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
Elevate Your Interiors: Danielle Ferrazzano's Essential Design TipsElevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
Elevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
danielleferrazzanous
 
Busty Girls Call Mumbai 9833325238 Unlimited Short Providing Girls Service Av...
Busty Girls Call Mumbai 9833325238 Unlimited Short Providing Girls Service Av...Busty Girls Call Mumbai 9833325238 Unlimited Short Providing Girls Service Av...
Busty Girls Call Mumbai 9833325238 Unlimited Short Providing Girls Service Av...
simran aarya
 
The Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady Hat
TeeFusion
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
Resolute
 
Top 10 Post-Checking Tips Every E-Commerce Website Client Needs to Know
Top 10 Post-Checking Tips Every E-Commerce Website Client Needs to KnowTop 10 Post-Checking Tips Every E-Commerce Website Client Needs to Know
Top 10 Post-Checking Tips Every E-Commerce Website Client Needs to Know
e-Definers Technology
 
Celebrity Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service An...
Celebrity Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service An...Celebrity Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service An...
Celebrity Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service An...
kimmi singla$A17
 
Inspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptxInspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptx
siddharthsinghdikhit
 
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
ailynolive
 
GRAPHIC DESIGNING COURSES IN LAHORE
GRAPHIC DESIGNING COURSES  IN     LAHOREGRAPHIC DESIGNING COURSES  IN     LAHORE
GRAPHIC DESIGNING COURSES IN LAHORE
Anam Kanwal
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
asazt
 
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UPBeyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Deuglo Infosystem Pvt Ltd
 
Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024
Hemant Nagwekar
 
Introduction to Urban studies-Module I.pptx
Introduction to Urban studies-Module I.pptxIntroduction to Urban studies-Module I.pptx
Introduction to Urban studies-Module I.pptx
yashashreeg2307
 
How to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy StepsHow to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy Steps
maudadkalbmundhir
 
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Stress Analysis of Maraging Steel Differential Gear  using ANSYSStress Analysis of Maraging Steel Differential Gear  using ANSYS
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Ram Krishna Singh
 

Kürzlich hochgeladen (20)

How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
 
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdfTemple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
 
Business Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptxBusiness Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptx
 
Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
 
Elevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
Elevate Your Interiors: Danielle Ferrazzano's Essential Design TipsElevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
Elevate Your Interiors: Danielle Ferrazzano's Essential Design Tips
 
Busty Girls Call Mumbai 9833325238 Unlimited Short Providing Girls Service Av...
Busty Girls Call Mumbai 9833325238 Unlimited Short Providing Girls Service Av...Busty Girls Call Mumbai 9833325238 Unlimited Short Providing Girls Service Av...
Busty Girls Call Mumbai 9833325238 Unlimited Short Providing Girls Service Av...
 
The Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady Hat
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
 
Top 10 Post-Checking Tips Every E-Commerce Website Client Needs to Know
Top 10 Post-Checking Tips Every E-Commerce Website Client Needs to KnowTop 10 Post-Checking Tips Every E-Commerce Website Client Needs to Know
Top 10 Post-Checking Tips Every E-Commerce Website Client Needs to Know
 
Celebrity Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service An...
Celebrity Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service An...Celebrity Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service An...
Celebrity Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service An...
 
Inspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptxInspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptx
 
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
 
GRAPHIC DESIGNING COURSES IN LAHORE
GRAPHIC DESIGNING COURSES  IN     LAHOREGRAPHIC DESIGNING COURSES  IN     LAHORE
GRAPHIC DESIGNING COURSES IN LAHORE
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
 
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UPBeyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
 
Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024
 
Introduction to Urban studies-Module I.pptx
Introduction to Urban studies-Module I.pptxIntroduction to Urban studies-Module I.pptx
Introduction to Urban studies-Module I.pptx
 
How to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy StepsHow to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy Steps
 
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Stress Analysis of Maraging Steel Differential Gear  using ANSYSStress Analysis of Maraging Steel Differential Gear  using ANSYS
Stress Analysis of Maraging Steel Differential Gear using ANSYS
 

Apple TV UX: 8 Guidelines for greater Apps

  • 1. Apple TV UX: 8 Guidelines for greater Apps
  • 2. Best practice: Using the TV itself is super easy and almost the same for the past 40 years.
  • 3. Best practice: Using the TV itself is super easy and almost the same for the past 40 years. Even my grandma knows how to do it!
  • 4. Best practice: „The future of TV is apps.“
  • 5. Best practice: But how do you build an outstanding TV App?
  • 7. Best practice: „Already little deviations to the standard Apple TV UI, can eventually pose a bigger challenge for the development than an iOS app.“ SVEN JANSEN , DEVELOPMENT CELLULAR STICK TO THE APPLE GUIDELINES
  • 8. Best practice: Apple TV works different from other TV boxes. The all new touch remote changes the interaction with the box and implies new UI principles. STICK TO THE APPLE GUIDELINES Best practice: Showtime Recommendations If you decide to deviate from the guidelines, your layout needs to create a new value for the user Use interface elements from UI Kit
  • 9. Best practice: MAKE FOCUS OBVIOUS „The speed of the Touch Remote is one of the best features on the new Apple TV. Therefore, a clear focus is essential for a good orientation.“ TARA WESTON , CREATION CELLULAR
  • 10. Best practice: While using the Apple TV, the user sits at a distance and needs to have a clear view on what he is doing and where he is navigating. Additionally, he is able to skip through content extremely quickly. MAKE FOCUS OBVIOUS Best practice: ZDF App Recommendations Therefore content needs to be clearly visible at all times Add certain information when your item comes on focus. Apple for example is adding the title Don’t let other content distract your focus
  • 11. Best practice: „Don’t see the focus as a limitation, but as a chance.“ JOHANNA OPPENHEIM , CREATION CELLULAR DISCOVER THE FOCUS AS A VALUE
  • 12. Best practice: Focus gains a totally new and higher significance on TV and needs to be rethought. DISCOVER THE FOCUS AS VALUE Recommendations See, that focus on TV gives you a whole new level to show information Know, that focus on a TV Box works completely different than a mouse over in web and is of way greater importance Distinguish which information need to always be shown and which on focus Best practice: Airbnb
  • 13. Best practice: „The remote does not support diagonal directions. Therefore you should avoid diagonal routes for your user.“ THORSTEN JONAS , CREATION CELLULAR NO DIAGONAL NAVIGATION
  • 14. Best practice: Even though the touch remote invites the user to make diagonal touch gestures, the Apple TV does not support diagonal navigation. NO DIAGONAL NAVIGATION Best practice: Movies Recommendations Build a structure that is easy to use with up, down, left and right navigation Arrange contents in vertical and horizontal lines and avoid dimensional grids If that’s not possible, change your structure and stay with one of the templates
  • 15. Best practice: „Finally I can touch the TV without having to get up from the couch.“ JÖRN SIEDENTOPP , CREATION CELLULAR USE THE TOUCH PAD WISELY
  • 16. Best practice: The new Apple TV remote works completely different than all other remotes. It has a touch pad, which enables a much faster navigation and uses a floating instead of a fixed focus, for example. USE THE TOUCH PAD WISELY Recommendations Make use of animations as a result to an user interaction to explain context whenever possible Support the users feeling of touching the interface by providing teasers with parallax effect
  • 17. Best practice: „Simplicity and reduction need to be the guiding principles during the creation process.“ SIMONE BRAUNER , CREATION CELLULAR REDUCE
  • 18. Best practice: The Apple TV impresses with its light and airy design, which only works without overloaded screens. Furthermore, no one wants to read long copies on TV. REDUCE Best practice: Airbnb Recommendations Detect the essential information Know at what point which information is relevant for your user Try to show as much information as possible by using images
  • 19. Best practice: „Latency in visual feedback to touch input can harm the user experience extremely. That‘s why we made every effort in optimizing the performance of the user interface.“ KAI HUPPMANN , DEVELOPMENT CELLULAR PERFORMANCE DEFINES THE QUALITY
  • 20. Best practice: The new Apple TV lives through its fluent and vivid navigation. Every jiggle strikes even more attention than on mobile devices. People are used to having their TV work perfectly at all times. PERFORMANCE DEFINES THE QUALITY Best practice: Plex Recommendations Technology builds the basis Improve the performance of your app and make it work perfectly for your user Performance is a feeling - Use structure, UX, UI, and technology to generate this feeling
  • 21. Best practice: „TV is great, because it is getting personal.“ GUNNAR HAMM, CREATION CELLULAR BE EMOTIONAL
  • 22. Best practice: The TV is the flagship for big and beautiful visuals. Make every screen a cinematic experience BE EMOTIONAL Best practice: Yummly Recommendations Don’t try to fill every empty space Use rather less content and arrange it generously Avoid tiny artwork, but use fullscreen images to support the cinematic feeling
  • 23. Best practice: A TV app should be as easy to use as the TV itself. Naturally this leads to one principle:
  • 24. Thank you. CELLULAR Hamburg, Germany info@cellular.de Thorsten Jonas Head of Concept tjonas@cellular.de Tara Weston Concept Constantin Rueff Design Credits: Apple TV Product Photos by Apple, ZDF App Photos by CELLULAR