项目背景
TikTok持续探索多元内容形态以拓展用户增长与留存。在成功布局横屏长视频与图文内容后,我们瞄准美国市场8000万周活播客用户群体,启动音频内容实验。目标通过填补用户视觉不可用场景(如家务/驾驶)的内容空白,抢占用户碎片化时间,提升平台停留时长。
用户路径规划
For You Feed音频片段曝光 → 点击进入完整版 → 沉浸式播客界面 → 连续下滑收听
设计探索
确定基本的产品信息后,我设计先行进行了设计探索。

全新播放器布局
经过探索后,我们发现这像是一个标准的音频播放器,而不像 TikTok。TikTok 右侧的交互区似乎已经变成了 TikTok branding 的一部份,我们决定保留品牌基因,维持右侧核心交互区不变,延续用户操作惯性。
为此我们大胆的首创使用了左对齐的音频播放器样式,层级化呈现标题/创作者/封面/字幕。
由于TikTok 目前支持的内容载体(短视频,长视频,图文)都是需要看👀的, 而播客是听👂的。为了让音频内容在 feed 中不突兀,我们为音频的背景添加了动效并增添了取色逻辑,基于封面生成动态渐变色背景,强化音频内容沉浸感。

Podcast mode 入口
Feed 上刷到是音频的一个不稳定出现场景,为了能让用户稳定的听到音频内容,我在 profile 页上添加了音频模式的入口。
为延续 TikTok 视觉语言的同时建立播客专属识别度,我们在顶部背景里添加了环形渐变色背景。根据 For you 和 favorite 进行分类,实现跨场景无缝续听。

成果与影响
TikTok Podcast mode 的页面布局,背景动态效果,取色逻辑等作为公司专利级设计资产,已在全球范围内申请设计专利,成为 TikTok 音频类目标准化组件。