Tencent Video
FM Feature
Tencent Video
FM Feature
In 2024 summer, I worked as an Experience Design Intern at Tencent Video, contributing to large-screen product experience improvements, overseas mobile UX design, and in-car system audio entertainment feature.
Tencent Video is one of Asia’s largest online video streaming platforms includes multi-platform like mobile, desktop, TV, Apple Vision Pro, and in car system.
In 2024 summer, I worked as an Experience Design Intern at Tencent Video, contributing to large-screen product experience improvements, overseas mobile UX design, and in-car system audio entertainment feature.
Tencent Video is one of Asia’s largest online video streaming platforms includes multi-platform like mobile, desktop, TV, Apple Vision Pro, and in car system.
project type
Product design
Skill
figma |hMI
Year
2024
Role
experience DESIGNER
Design for Car
Design for
Car
As in-car environments shifted toward audio-first engagement, Tencent Video saw an opportunity to design a dedicated listening experience. This led to the creation of the “FM Channel”.
Designed for the complex driving environment where listening takes priority and viewing plays a supporting role.
Readability
Readability
Ensuring readability and safety during the driving process
Ensuring readability and safety
during the driving process
Design the channel navigation flow to align with in-car system operation habits
Design the channel navigation flow to align with in-car system operation habits
Navigation
Navigation
Transition
Transition
Building on the existing video content ecosystem and guiding users through a natural transition
Building on the existing video content ecosystem and guiding users through a natural transition
Work Progress
Work
Progress
FM Channel is a completely new feature developed in response to the rise of in-car entertainment which had not appeared on any previous Tencent Video platforms.
FM Channel is a completely new feature developed in response to the rise of in-car entertainment which had not appeared on any previous Tencent Video platforms.
Workflow
The design balances discovery (recommendations, categories) and continuity (recent listening), while ensuring safe in-car interaction with listening-first UX model
The design balances discovery (recommendations, categories) and continuity (recent listening), while ensuring safe in-car interaction with listening-first UX model
Wireframe
Balancing Recommendations and Feed Content
Balancing Recommendations and
Feed Content
Pros: Balanced exposure between curated content and the exploratory feed
Pros: Balanced exposure between curated content and the exploratory feed
Putting more emphasis on recommendations & history
Putting more emphasis on
recommendations & history
Pros: Quickly surfaces curated vertical content
Cons: Less exposure for the exploratory feed content
Pros: Quickly surfaces curated vertical content
Cons: Less exposure for the exploratory feed content
Helps users instantly resume familiar content and reduces decision friction while balancing recommendations and feed content
Final Decision : Emphasizing listening history
Final Decision
Emphasizing listening history
Low-intent (Quick Start)
Listening History & Play Recommendations
High-intent (Search / Find Specific Content)
Category Entry Points
No-intent (Lean-back Exploration)
Free Exploration
Card System
Card System
UI Design
Filter System
Overview
Continue Listening Card
Displays the last played program with real-time progress
Reducing navigation effort in a driving context
Category Card
Highlights three key items from each collection
Uses poster color schemes to support quick visual recognition
Quick Access
Reduce operation steps in a driving context (one-tap to play)
Consistency
Follow familiar video platform patterns while optimized for audio
Safety
Prioritize large, glanceable cards with minimal cognitive load
Swipe & Browse
Horizontal/vertical sliding for browsing channels
Quick Access
Reduce operation steps in a driving context (one-tap to play)
Consistency
Follow familiar video platform patterns while optimized for audio
Safety
Prioritize large, glanceable cards with minimal cognitive load
Swipe & Browse
Horizontal/vertical sliding for browsing channels
Filter System
Category Card
Highlights three key items from each collection
Uses poster color schemes to support quick visual recognition
Continue Listening Card
Displays the last played program with real-time progress
Reducing navigation effort in a driving context
Category Card
Highlights three key items from each collection
Uses poster color schemes to support quick visual recognition
Quick Access
Reduce operation steps in a driving context (one-tap to play)
Consistency
Follow familiar video platform patterns while optimized for audio
Safety
Prioritize large, glanceable cards with minimal cognitive load
Swipe & Browse
Horizontal/vertical sliding for browsing channels
Overview
Reflection
Through these experiences, I realized that consistency does not mean uniformity. A brand system can remain recognizable and trustworthy while adapting to the interaction models, screen sizes, and user expectations of each platform.
The real challenge lies in finding the right balance:
keeping visual and experiential coherence without forcing a “one-size-fits-all” approach.
Through these experiences, I realized that consistency does not mean uniformity. A brand system can remain recognizable and trustworthy while adapting to the interaction models, screen sizes, and user expectations of each platform.
The real challenge lies in finding the right balance:
keeping visual and experiential coherence without forcing a “one-size-fits-all” approach.
Other Works @
Tencent Video
While working on Tencent Video, I contributed not only to the domestic car app but also to the other large-screen product client like Tencent Video TV and WeTV (the international mobile version)
This cross-platform work challenged me to maintain a consistent brand identity while tailoring the interaction model, information hierarchy, and visual system to very different usage contexts
TV
Other Works
@ Tencent
While working on Tencent Video, I contributed not only to the domestic car app but also to the other large-screen product client like Tencent Video TV and WeTV (the international mobile version)
This cross-platform work challenged me to maintain a consistent brand identity while tailoring the interaction model, information hierarchy, and visual system to very different usage contexts
TV
Other Works @
Tencent Video
While working on Tencent Video, I contributed not only to the domestic car app but also to the other large-screen product client like Tencent Video TV and WeTV (the international mobile version)
This cross-platform work challenged me to maintain a consistent brand identity while tailoring the interaction model, information hierarchy, and visual system to very different usage contexts
TV
UX Design @
WETV
Other Works
@ Tencent
UX Design @
WETV
I also contributed to the ongoing UX iterations of WeTV, the overseas version of Tencent Video — including enhancements to the video translation and reservation experience, such as optimizing bilingual subtitle toggling, improving readability, and refining the overall accessibility of multilingual playback
I also contributed to the ongoing UX iterations of WeTV, the overseas version of Tencent Video — including enhancements to the video translation and reservation experience, such as optimizing bilingual subtitle toggling, improving readability, and refining the overall accessibility of multilingual playback
I also contributed to the ongoing UX iterations of WeTV, the overseas version of Tencent Video — including enhancements to the video translation and reservation experience, such as optimizing bilingual subtitle toggling, improving readability, and refining the overall accessibility of multilingual playback
Readability
Ensuring readability and safety during the driving process
Design the channel navigation flow to align with in-car system operation habits
Navigation
Transition
Building on the existing video content ecosystem and guiding users through a natural transition