Studio Live:面向音乐发现的移动端 UX 设计

把粉丝与他们热爱的音乐连接起来。

音乐应用 UX 设计·粉丝互动移动应用·音乐发现平台设计·音乐行业移动 UI 设计

iOS + Android

Platforms

UX/UI Design

Scope

5 core flows

Features Designed

FigmaIOSAndroidMobile UI

Studio Live

把粉丝与他们热爱的音乐连接起来。

行业: 娱乐、音乐 | 技术栈: Figma、iOS、Android | 范围: UX/UI 设计


Studio Live 是什么#

Studio Live 是一款直接把音乐粉丝与艺术家、制作人连接起来的移动应用。粉丝可以在一个地方关注艺术家、发现新音乐并访问独家内容。艺术家和制作人则获得一条通向受众的直接通道,不再由平台算法决定谁能看见谁。

这是一次 UX/UI 设计参与。Silverthread Labs 为 iOS 和 Android 设计了完整的用户体验与界面:新用户引导、艺术家发现、内容信息流、关注机制和独家访问流程。


设计问题#

音乐发现被服务于平台而非粉丝的算法所主导#

全球音乐应用市场在 2025 年估值 $35.59 billion,预计到 2035 年将达到 $76.42 billion(Business Research Insights,2025)。约 62% 的全球消费者更偏爱精选播放列表(Mordor Intelligence,2025)。这些数字并不意外,也并不特别有用。它们确认的是:少数几个平台在人们真正听到什么这件事上拥有巨大杠杆,而它们用这种杠杆去优化停留时间,而不是任何粉丝会认同为「连接」的东西。

Spotify、Apple Music 和 YouTube Music 的设计目标是让您继续听。它们的目标不是帮您追随一位艺术家的创作历程、发现他们的合作者,或访问那些真正粉丝在意的工作室片段和未发行作品。平台利益和粉丝利益是分叉的,而平台永远胜出。Studio Live 就是围绕硬币的另一面设计的。

在拥挤赛道里为情感连接而设计#

粉丝与艺术家之间的关系,不像大多数应用交互那样是交易性的。粉丝不是在浏览商品。他们是在寻找一种与某个作品对自己意义非凡的人的连接。这种区别几乎改变了每一个设计决策,从怎么介绍一位新艺术家,到如何标注独家内容。

2025 年移动端主导的 UX 趋势围绕个性化、流畅导航和极简界面展开(Fuselab Creative,2025;SPDLoad,2025)。Studio Live 遵循这些原则,但更难的设计问题并非导航或布局。而是让独家内容感觉像「被允许进入」,而不是被推着过付费墙;以及让发现感觉像是私人化的,而不是算法化的。这两件事说起来容易,真正做对则非常难。


我们设计了什么#

艺术家发现流程#

发现体验让粉丝通过精选推荐、流派浏览和社交信号找到新艺术家:您关注的艺术家跟谁合作、品味相近的粉丝在关注谁。设计优先的是「找到新的人」,而不是「反复呈现已经熟悉的人」。

基于卡片的布局,搭配音频试听、艺术家简介和关注动作,这些都可以在浏览体验中直接完成,无需跳走。目标是把「听到某个有意思的东西」和「关注那个艺术家」之间的步骤减少到尽可能少,因为那一刻的摩擦正是大多数发现工具丢失用户的地方。

关注与信息流机制#

在 Studio Live 中关注艺术家不只是一个订阅开关。关注动作打开了一段持续的关系:新作品出现在您的信息流中,更新出现在您的通知里,并且独家内容会根据您的互动层级变得可用。

信息流在「最近」与「相关」之间做了平衡。已关注艺术家的新作品被优先展示。独家发布会获得醒目位置。信息流不会因为艺术家体量小而被算法排序埋掉。如果您关注了,就一定能看到。这听起来是理所当然的事,但任何主流平台都不是这样工作的。

独家内容访问#

艺术家可以分享未发行曲目、幕后工作室花絮、新作品的早期访问权限以及给粉丝群的直接消息。这里的设计挑战是真实存在的:独家内容需要让人感觉是「赢来的」,而不是「正在被推销」。这两种情感体验完全不同,差别体现在小细节里:它如何被命名、放在个人资料的哪个位置、点击后会发生什么。

UX 通过视觉层级和情境线索把独家内容与普通发行区分开。独家项目有独特的卡片样式、清晰的标注,以及艺术家主页内的专属板块。

新用户引导与口味校准#

首次使用的引导在不让人感觉像在填问卷的前提下收集口味信号。设计借助流派选择、艺术家试听和听歌记录导入构建初始画像。整个流程耗时不超过 60 秒,聚焦在一件事上:在用户对配置过程失去耐心前,把他们带到一次有意义的首次发现。

跨平台设计(iOS 与 Android)#

设计系统覆盖 iOS 和 Android,并采用与平台相符的模式。在 iPhone 上遵循 iOS 惯例(tab bar、滑动手势),在 Android 上遵循 Material Design 模式(底部导航、FAB 动作)。视觉身份在两个平台间保持一致,同时尊重各自不同的交互预期。


核心能力#

为 Studio Live 设计的五个核心流程:

  • 通过精选推荐、流派浏览和社交图谱推荐进行艺术家发现
  • 一个不会把关注的艺术家压进算法排序后面的粉丝优先信息流
  • 用于未发行曲目、工作室片段以及艺术家对粉丝直接沟通的独家内容 UX
  • 面向 iOS 和 Android 的完整设计系统,采用平台原生交互模式
  • 60 秒以内的口味校准引导,直接带入个性化发现

范围与诚实#

这是一次设计参与,不是一次全栈构建。Silverthread Labs 交付的是 UX 研究、线框图、高保真视觉稿、交互说明以及两个平台的设计系统。工程实现由其他团队完成。

明确这一点很重要,因为在评估一家工作室的工作时,设计和工程常常被混为一谈。设计交付物本身就是产品规格。它定义了要构建的东西。如果设计错了,无论代码写得多干净,产品都是错的。Studio Live 的设计来自用户行为研究、对现有音乐平台的竞争分析,以及一个关于「主流流媒体应用没有提供粉丝真正想要什么」的明确观点。


这如何反映我们的工作#

大多数机构把 UX/UI 设计当作工程开始前的预备步骤。我们把它视为第一个工程决策。设计文件里的屏幕、流程和交互模式,就是团队据以实现的规格。在设计中修改一处会花几个小时;在构建完成后再改同样的东西,代价会高得多。

Studio Live 把这一点具体化了。产品的情感维度不是装饰性的。如果粉丝打开独家内容板块,感觉像是一个购买流程,那产品就失败了,不管它功能上是否正常。把这一点做对,需要知道每一个流程中情感赌注在哪里,并有意识地围绕它们进行设计。这就是这次合作真正的内容。


正在探索移动端或 UX/UI 设计?查看 UX/UI DesignMobile Development,或预约免费的自动化审计

最近更新: March 20, 2026

[ 工作流程 ]

免费自动化审计

我们帮您找出占用最多成本的那 20% 手工作业,并清晰指出如何将其消除。

STEP 1.0
告诉我们痛点

告诉我们痛点

一次 30 分钟通话。请带我们走一遍您的日常运营,我们会发现您早已习以为常的瓶颈。

STEP 2.0
为机会排序

为机会排序

我们按影响与投入对每个机会评分,让您一眼看清哪些环节能让 AI 省下最多时间与金钱。

STEP 3.0
拿到可执行的方案

拿到可执行的方案

一份按优先级排好的路线图,可立即落地。与我们共同执行或自行实施皆可,成果永远归您所有。