TikTok TV navigation in a living room TV interface

Apr 2024 — Oct 2024

TikTok TV Navigation

Overview

We are enhancing the left navigation bar by removing features that are less used and elevating specific categories from the Categories page. This initiative aims to deliver a streamlined watching experience, minimizing user decision fatigue.

Role
Lead Product Designer
Skills
UX design / Visual design
Platform
TV
Problem
Choice impact

Problems

Choice impact

According to Netflix research, streaming services should help users find something to watch in 90 seconds to keep them from looking elsewhere. Too many choices slow down how fast users pick something to watch, and may push them off the platform entirely.

TikTok TV navigation concept supporting Netflix's 90-second discovery rule

The fact

Necessary but not important

Not all categories get the same attention. Most categories — Family, News, Fashion, Daily Life, Beauty, Autos, Animals, Food, Lip Sync, and Animation — attract less than 2% of users who check out the Categories tab.

FYF

Penetration

48.59%

Trending

Penetration

6.79%

Following

Penetration

6.09%

Comedy

Penetration

4.88%

Dancing

Penetration

4.51%

Entertainment

Penetration

3.81%

Fashion

Penetration

0.96%

News

Penetration

0.65%

Family

Penetration

0.58%

Process

Four iterations in

Upon arrival, users should be able to start watching a video promptly. Shortening the search time matters because TikTok operates differently from subscription platforms: users don't browse for a specific title — they expect immediate content.

V1 iteration of TikTok TV navigation

V1: Nav covered on videos too much

V2 iteration of TikTok TV navigation

V2: Transition of animation on large screen is too dramatic

V3 iteration of TikTok TV navigation

V3: Go to setting & feedback tab take too much effort

V4 iteration of TikTok TV navigation

V4: Covered too much on landscape videos

The new visual

Reduce visual disruption

Video content is the top priority on TikTok TV. We aimed to minimize the impact of other elements on the page that could distract from the viewing experience.

TikTok TV feed with the navigation minimizedTikTok TV navigation revealed for category discovery

But we still wanted users to explore content from other categories. The navigation became a vessel for category discovery: because short videos tolerate partial occlusion, it stays partially visible during consumption rather than fully hidden.

We simplified the interface around a dark aesthetic and line iconography to reduce visual disruption and emphasize the feed, using a red bar to mark which category the user is watching.

Animation

Tracking user attention

The navigation has a 48-pixel offset animation to more effectively capture and track the user's attention. The same logic applies to the secondary navigation.

Impact

Results

After the full launch of the new navigation, TikTok TV playback time, video views, and active days all improved.

Play duration

+1.02%

Video view

+1.2%

14-day active days

+0.7%

More work

Continue exploring