SlideShare une entreprise Scribd logo
1  sur  24
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

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 CustomersColin Bovet
 
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 LocalSocialSean O'Sullivan
 
Phoneography, by KPCC's Grant Slater
Phoneography, by KPCC's Grant SlaterPhoneography, by KPCC's Grant Slater
Phoneography, by KPCC's Grant SlaterEric 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 WayJosh 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 DumontTheFamily
 
Diary of editing
Diary of editingDiary of editing
Diary of editingkreeve98
 
QASMT - PAJ 2015
QASMT - PAJ 2015QASMT - PAJ 2015
QASMT - PAJ 2015LifeTec
 
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.14Joanna 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 ViewKimberly 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 UsersDave Goldstein
 
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 StudioLens That
 
The five best photo booth apps
The five best photo booth appsThe five best photo booth apps
The five best photo booth appsIncubasys
 
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 ArtPhillip 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 inshannonbutler2412
 

Tendances (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
 

Similaire à Apple TV UX: 8 Guidelines for greater Apps

Designing for Multiple Channels
Designing for Multiple ChannelsDesigning for Multiple Channels
Designing for Multiple ChannelsJulie 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 LavrysenUX Antwerp Meetup
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyDoralin Kelly
 
Interface evaluations
Interface evaluationsInterface evaluations
Interface evaluationscarolineyes
 
Overview of video production
Overview of video productionOverview of video production
Overview of video productionSabir Haque
 
2009: User experience in action
2009: User experience in action2009: User experience in action
2009: User experience in actionJonathan Hassell
 
Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Vani Jain
 
How to fix netflix working on phone and not on tv
How to fix netflix working on phone and not on tvHow to fix netflix working on phone and not on tv
How to fix netflix working on phone and not on tvsaralouish
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525jinwook 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 GuidePresentation 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 employeesZhou 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 guideAmol 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 CultureVMware Tanzu
 
VIP session Content Marketing Lab
VIP session Content Marketing LabVIP session Content Marketing Lab
VIP session Content Marketing LabCalin Rotarus
 
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-channelabilashiniN
 
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 ExperienceIan Valentine
 
10 powerful tips to know before starting guruprasanth.s
10 powerful tips to know before starting  guruprasanth.s10 powerful tips to know before starting  guruprasanth.s
10 powerful tips to know before starting guruprasanth.sGURUPRASANTH33
 

Similaire à 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
 
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
 
How to fix netflix working on phone and not on tv
How to fix netflix working on phone and not on tvHow to fix netflix working on phone and not on tv
How to fix netflix working on phone and not on tv
 
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
 
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
 
10 powerful tips to know before starting guruprasanth.s
10 powerful tips to know before starting  guruprasanth.s10 powerful tips to know before starting  guruprasanth.s
10 powerful tips to know before starting guruprasanth.s
 
Netflix search
Netflix searchNetflix search
Netflix search
 

Dernier

Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 

Dernier (20)

Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 

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