2000万人在用的播客APP！小宇宙如何用设计体验让人沉迷？

前言

小宇宙是一款中文播客的垂类音频 APP，主打高质量的播客内容和互动，靠着抗打的颜值和富有趣味性的设计巧思，让我深深爱上了这款产品，我的一天中碎片化时间都是用它来完成，那么这款产品到底有什么魔力，可以让我这么爱不释手，我们一起来看看吧！

小宇宙 App 创始人舒玉龙说小宇宙 APP 的名称来源是一部动漫中的概念，代表力量来源。“每个播客也像一个星球，听众则是宇宙中的漫游者。”

更多产品拆解：

收听时长成为连接这个宇宙中听众与星球的纽带。它同样被设计得很巧妙，每个用户都可以看到自己收听节目的总时长，这个数字还被转化为天体运行的周期。比如在小宇宙中收听超过 500 个小时，就相当于“天王星自转了 32 圈”。

播客现状：

截止 2024 年，播客现在占每日音频的 11％，有 67％以上的人口听过播客；每周有 23％的播客听众花 10 个小时或更长时间听媒体，在播客分布的年龄段中，59％人群分布在 12-34 岁，55％的年龄人群分布在 35-54 岁，而 55 岁以上年龄的 27％是每月的播客听众。女性用户比男性用户会多一点点（来自爱迪生音频研究）。

使用场景：

根据我个人的使用场景来说，日常通勤（骑车时、坐地铁时）、宅家（发呆、打扫时）、睡前，会伴随我完成某一项任务或者度过阶段；一般单人场景居多，播客是一种自我教育，度过时间，改善自己的心情或发现各种观点和观点的方式。

营收模式：

产品端：可通过产品应用内购、品牌合作（追光平台）增加收入；

播客主端：播客主可通过开通节目赞赏和付费专栏进行多渠道收入，或者与品牌方合作（追光平台），制作专题播客获得报酬。

功能拆解

了解一款产品的方式，先从它的功能开始，小宇宙的页面构成由底部的：首页、订阅、我的页面组成，我们从这三个入口开始进行剖析。

1. 首页

用户首次进入的第一个页面场景，主要以播客展示为主，页面结构可以分为：顶部操作区、中间展示区、底部操作区；

功能主要有：

1. 顶部搜索框：用户可以进行有针对性的搜索和登录；
2. 分类：可以查看 19 种不同种类的播客类型，提供给你参考选择；
3. 个性化推荐：系统会根据你的关注类型进行推送，或者进行典型的猜你喜欢；
4. 底部播放器：点击可播放当前音频节目或者打开列表展示过往听过的音频节目；

界面巧思：

在页面顶部，采用透明度渐变的形式，把用户获得的贴纸进行外露，制造喜感与差异化，区别于其他竞品的弥散渐变，这种设计形式更容易获得用户好感，并激发用户截图传播，进行二次曝光；

导航栏右侧 “小宇宙” 的图标，当你好奇进行点击时，小宇宙图标会有相应的动效展示，对，只是单纯的动效反馈，并无实质性的页面反馈效果；但是这在体验上属实加分；但是，当你点击底部 Tab “发现” 按钮进行刷新时，导航栏右侧的 “小宇宙”图标也会跟着进行转动刷新；

TA 们的喜欢模块中，是小宇宙专门展示用户在播客下的精华留言，如果你在浏览时也赞同某一个观点时，点击卡片右上角图标，可进行 “同频” 操作，同时根据用户发表的内容，右上角的图标会有 “爱心 、 灵感（灯泡） 、 阅读（书籍） 、 支持（拳头）、 星球 、 笑脸 、 五角星 、 胶片 、 音符 、 啤酒花 ” 来进行展示，设计风格是浓浓的像素风格。十分具有辨识度，同时也非常用心；

点击 TA 们开始创作的新博客探索更多模块时，你会发现一个新的宇宙，界面布局改为满屏展示，一共 36 个新节目，用户可随意拖动，寻找自己喜欢的播客，激发用户的探索欲；

当用户点击分类模块时，为了方便用户了解分类模块，设计师采用文本+图标的形式结合展示，并在设计时使用炫酷的动效把呆板的模块变得鲜活有生命力；

产品亮点：

播客寻宝页面中，小宇宙每天会筛选出 5 个宝藏播客，每次滑动时，刚好一屏展示一个播客，让用户专注于当前播客介绍，或者在浏览的过程中，你刚好遇见你的心动播客类型；滑动到底部时，会有一个推荐时间轴，你可以查看过往推荐的时间节点。

当你在播客介绍遇到不熟悉的单词时，你可以长按进行应用内词典查询，减少了 APP 频繁的切换；

2. 订阅

集合了你平时订阅的播客栏目和最近更新的节目，页面主要由顶部：我的订阅、常听模块、音频播客内容区；

功能有：

1. 我的订阅：订阅分为星标订阅和全部订阅，你可以管理自己的星标用户，进行添加或者删除；类似于社交产品中的关注与特别关注类似。同时布局还是进行信息流展示或者模块化展示；
2. 常听模块：展示星标节目和常听节目，按照节目更新时间、常听程度等因素进行综合排序；
3. 更新节目展示区：根据时间顺序来进行排序展示，让用户时刻看到最新的节目；

产品亮点：

不同于产品内的其他分享方式，用户可以自行选择分享的播客及标题内容及描述，给用户极大地编辑权限，同时在用户选中封面时，底部弹窗也可以随时进行更新，细节拉满。

当前页面中，除了可以点击播放、更多、评论、添加到列表时，同时还可以进行左右滑动，左滑可进行添加到播放列表，右滑则从当前更新列表中删除；

当某个单集播客页面有商务合作时，页面顶部则会展示该品牌的商务信息，进行直接的品牌曝光，触达给每个打开当前播客的用户，促进更多转化；

界面巧思：

当你刷新界面时，常听模块也会同时更新，拉取最新数据，展示最新的播客节目重新排列；动画简单流畅，看着十分舒服；

争议点：在星标管理页面中，当我对其他节目标记为星标订阅时，常理来讲我点击底部完成操作，整个流程形成闭环；而当我点击返回时以上操作则无效，添加星标失败；但是当我点击返回时，星标订阅列表也及时更新我拖拽上去的其他节目。

这个就让我有点疑惑，可能考虑到用户点击管理页面时是带有强目的性的，所以在完成一步操作时，不需要对用户的操作进行二次确认；因为用户很明确自己在做什么。所以页面中的完成、关闭、返回按钮的设定都是以完成状态来展示。

3. 播放器页面

播放器页面是小宇宙的核心功能，包含了很多商业指标在此处触达完成，这也是其中一个让我感觉温度感十足的模块之一，

产品亮点：

播放页面左上角 - 4 人在听：满足了不同场景下应对孤独感的需求，无论你是在下班回家的地铁里，还是深夜的卧室中，看到这个标签时，会深有共鸣，原来此刻还有和我同频的人在这里；

当你在听播客途中发现某一个时间节点很不错时，通过点击右侧 “点赞”按钮进行标记，此时，顶部赞赏功能触发，进一步引导用户对喜欢的主播进行打赏支持；同时在用户点击收藏时，会跳出“开通会员课收藏时点”提示；这样的弱提示即曝光了产品新能，也避免了过渡打扰用户；

针对于当前场景分享时，用户可分享图片、视频、针对性的时间节点，这个真的太戳我；正常分享传播我们了解的并不全面且立体；当有了视频片段的加持时，主播的声音和封面的双重呈现下，会迅速占据用户心智，可谓是一绝；

当你在翻阅评论时，你会发现除了单独的文本评论外，还有时间点➕文本的评论，点击评论时，将直接跳转到评论提及的时间点开始播放！顺带还有一点你会发现底部有一个悬浮button 看看这个点的评论，点击即可筛选出当前时间点的所有评论！惊喜的是，小宇宙的播客主播，都可以对评论内容进行语音回复。

最最最最值得吹捧，赞赏的是小宇宙会根据每个播客界面进行相应的色彩适配，如果你把多张不同的界面放在一起，十分具有多巴胺色系的感觉；唯一不受影响的是底部的播放控件，还是保持着小宇宙的品牌蓝。其中我找到了一个网站，可以根据你的主色同步至页面多个控件，实现与小宇宙同样的效果，链接： https://uicolors.app/generate/00330d

当用户处在播放页面时，点击左下角”感叹号“查看更多信息时，会触发作品赞赏，已在提示用户为自己喜欢的创作者支持回血；

界面巧思：

当播客栏目有节目公告时，点击展开参与阅读后，点击下方图标可触发全屏动画，给用户满满的仪式感！同时你还可以进行随手拖拽让公告消失。应用此效果的还有在用户点击播客封面放查看时，同样也会出现该按钮。

在浏览评论时，你会发现在底部输入框右侧，会同步当前播客播放时间；

产品思考点：

不知道大家有没有注意到后退音频是 15s，快进音频是 30s；和 Spotify 一样，小宇宙遵循 “大步定位 + 小步微调 ” 来提升效率。

1. 用户快进动机：通常是为了跳过冗余信息或寻找核心内容。根据《播客平台用户行为分析》 ，68% 的用户快进操作发生在节目开场 3 分钟内，主要目标是筛选内容质量。这种高频次、长跨度的操作需求，需要较大的时间步长（如 30 秒）来提升效率。测试数据显示，用户对 30 秒快进的接受度达 79% 。
2. 快退行为动机：快退多因错过关键信息或需要复听。《基于音频特征提取的快进快退播放方法》指出，用户在快退时更关注精准定位，15 秒的步长既能覆盖常见的信息密度（如对话间隔），又避免因过长跳转导致重复收听。而 15 秒快退的误操作率仅为 4% 。

用户测试结果：

1. 效率维度：Nielsen Norman Group（2023）的用户测试显示，使用 30 秒快进的用户平均定位效率比 15 秒快进高 32%，尤其在长音频内容中优势显著。
2. 精准度维度：针对 100 名用户的 A/B 测试表明，15 秒快退的定位准确率（89%）显著高于 30 秒快退（71%），且用户满意度提升 27%。

4. 个人页面

个人页面是一个综合信息的展示区，页面可以分为：头部信息、我的播客、我的喜欢、我的贴纸库、最近听过；

收听时长：打开收听数据，你会看到过往你听过所有音频节目，同时会有一个有趣的数字+文案提示着你：天王星躺着自传了 42 圈，开头文章有提示到说每一个播客都像一个星球，听众就是漫游者，听博客的途中，就像在漫游太空一样，给产品增加一丝趣味和浪漫元素；

我的播客：展示你发表过的节目，回顾自己每一期，增加代入感；

我的喜欢：展示那些你喜欢、和你产生共鸣的节目；

我的贴纸库：展示你过去收集获得的贴纸，每一个贴纸都有获得时间和编号，成就感和专属感拉满，贴纸的数量一共有：42 张（目前收集到的），然后根据贴纸类型，我做了不同的分类；

产品亮点：点击右上角贴纸库，可对获得贴纸进行添加、删除、随意摆放；把用户带入其中，其乐无穷；模拟了我们在真实场景中把喜欢的贴纸贴在电脑上或者柜子上。

设计亮点：当我们打开我的贴纸库时，点击某一张贴纸，贴纸会进行一个由小到大的演变动画，画面有迹可循，非常有趣且丝滑；放大展示时，用户可左右自由拖动贴纸查看展示。

彩蛋设计

个人页面：当用户点击设置页面，关于我们界面时，向上拖拽页面，你会底部出现了两节电池；

在小宇宙官方页面中，点击未成年网络保护宣传；会弹窗一张不一样的界面设计，里面也同样整合了很多关于安全、校园等主题播客；界面风格简洁；

同时我还找到了小宇宙的产品更新页：

Space Blog : https://blog.xiaoyuzhoufm.com/author/pan/

好的产品它一定是有温度的，愿意花时间去倾听用户的真正心声，希望以后会有越来越多优秀的产品像雨后春笋一样，蓬勃生长。希望这篇文章对您有帮助，第一次书写文章，有哪里写的不对，希望各位前辈多多纠正，同时也可以留言分享告诉我你最喜欢的播客和有趣的设计细节。