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/

好的產品它一定是有溫度的，愿意花時間去傾聽用戶的真正心聲，希望以后會有越來越多優秀的產品像雨后春筍一樣，蓬勃生長。希望這篇文章對您有幫助，第一次書寫文章，有哪里寫的不對，希望各位前輩多多糾正，同時也可以留言分享告訴我你最喜歡的播客和有趣的設計細節。