How to Design for Connected TV (CTV) Devices
The first step into OTT - 2022! Design your first OTT Streaming app for TV Devices
Updated on May, 2024
Language - English
Design,Product Design,Design Thinking,Web Design
Lectures -26
Resources -1
Duration -7.5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
During this course, we'll build an entire OTT Streaming App product for TV Devices from the ground up together to help you get a better understanding of OTT apps. The SVOD (Subscription Video On Demand) model is the best first step into this niche or segment of the digital industry.
The course is up to date and reflects the current state of this section of the digital industry.
OTT is a growing market the demand for Connected TV apps is higher than ever. If you're a designer and want to stand out or gain additional skills to further your design career, this might be the course for you.
In this course, we'll look into how to design CTV (Connected TV) devices, and all the possibilities, and opportunities. You'll learn about the restrictions and challenges you're facing, how to approach a project like this, what to look for, and how to communicate with your development team effectively. You'll learn about best UX practices for OTT apps, how to keep your users engaged on the big screen, you'll learn about their mindset and goals.
The topics covered in the course are:
Section 1 - Introduction
Section 2 - Software & hardware requirements
Section 3 - Planning ahead
Section 4 - Core Differences between CTV & Web:
Navigation
Focus state
UX differences
Section 5 - Design file:
Creating your design file
Freebies
Section 6 - Design preparations:
Grid & overscan
Typography for CTV devices
Design in isolation & pre-prototyped frames
Section 7 - Home page:
Navigation
Header section
Generic content cards & variants
Section 8 - Series page:
Header sections & generic cards
Genre rail & inner page
Movies page
Section 9 - Individual content pages:
Individual content page for series/shows
Additional concepts
Individual content page for movies
Section 10 - Video player
Section 11 - Search functionality
Section 12 - Account section
Section 13 - Log in & Sign up flows
Section 14 - Prototype
Section 15 - Thank you!
Goals
What will you learn in this course:
Design fundamentals for Connected TV Devices
How to design an OTT Streaming App
Basic UX, User Mindset, User Behaviour, Best & Worst Practices for TV
Differences between web & TV
TV-specific typography & grid
The design approach in Figma
Navigation & UI states
Various components & pages
TV & platform specific restrictions
Prerequisites
What are the prerequisites for this course?
- Basic understanding of digital design & web design
- Laptop or computer
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
1 Lectures
-
Introduction
01:50
01:50
Software & Hardware Requirements
1 Lectures
Planning Ahead
1 Lectures
Core differences between CTV & Web
3 Lectures
Design File
2 Lectures
Design Preparations
3 Lectures
Home Page
3 Lectures
Series Page
3 Lectures
Individual Content Pages
3 Lectures
Video Player
1 Lectures
Search Functionality
1 Lectures
Account Section
1 Lectures
Login & Sign up flows
1 Lectures
Prototype
1 Lectures
Thank You!
1 Lectures
Instructor Details
Gergo Szaszik
eCourse Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now