倒推网易云音乐产品需求文档

一、产品综述

1.1 文档属性

1.2 产品简介

• 产品介绍：网易云音乐是一款由网易杭州研究院研发，专注于发现与分享的音乐产品,依托专业音乐人、DJ、好友推荐及社交功能,为用户打造全新的音乐生活。

• 产品slogan：音乐的力量

1.3 产品定位

一个发现与分享音乐的平台，以UGC为核心，通过歌曲评论，打破时空限制，将歌曲的听众连接起来，分享自己的心情，体会他人的感受，充分发挥音乐的力量，形成共鸣。以音乐为载体，通过评论、歌单、动态、云村、直播等社交方式，打造独一无二数字音乐互动社区。通过石头计划、云梯计划等对独立音乐人的扶持，打造原创音乐健康发展的摇篮。

1.4 目标用户

• 18-24岁的学生群体：开始逐渐形成自己的音乐品味，能够紧跟时代潮流，渴望找到拥有相同喜好和兴趣的同伴。
  

• 24-30岁的年轻职场人士：已形成自己的音乐偏好，愿意接受新鲜事物，希望在工作之余用音乐放松身心。

• 音乐达人和原创音乐人：音乐对他们来说已是不可分割的一部分，对音乐有着丰富的了解和独到的观点，希望拥有更好地表达自我观点或生产音乐内容的平台。

1.5 需求整理

 

二、产品结构

2.1 产品功能结构图

2.2 产品信息结构图

三、全局说明

3.1 功能权限

功能权限由未登录和已登录两个状态区分；

登陆状态下可进行所有操作；

未登录状态下：

• 不能进入个人主页进行信息编辑，不能进行发“动态”、“视频”和“Mlog”等内容发布的操作。

• 不能创建歌单，不能收藏歌单、专辑、电台，无法进行“我喜欢”的操作。不能订阅电台。

• 不能进行点赞、评论、转发、关注等交互动作不可在任何界面进行喜欢、评论、转发、关注用户、参加活动、订阅标签的操作。

• 不能进行任何消费动作，如商城付款、演出购票、赞赏、打榜、购买专辑、打赏等。

• 不能下载歌曲，不能进行手机、电脑的多段同步。

• 不能使用黑胶会员功能，不能设置个人装扮。

 

3.2 键盘说明

手机号码输入和验证码输入时，弹出数字键盘；

输入密码、搜索、评论等其他输入框弹出字母键盘；

在评论功能中，字母键盘右上角可以选择表情和贴纸，点击后分别切换至表情包键盘和贴纸键盘。

                                    

                                   

3.3 页面内交互

底部弹窗在页面底部，弹出后界面变暗，圆角矩形的操作功能区从底部弹出。点击操作功能区以外的位置，弹窗消失，界面亮度恢复正常。

Toast弹窗出现在页面底部，为有一定透明度的圆角矩形，弹出并悬浮2秒后逐渐消失。

Dialog弹窗出现在页面中部，为不透明的圆角矩形，弹出后界面变暗，点击选项后进行相应操作，页面亮度恢复正常，弹窗消失。

                                                 

                     底部弹窗                                            Toast弹窗                                           Dialog弹窗

  

3.4 网络环境

（1） 打开数据，没有连WIFI的情况：

点击播放未下载的歌曲，会出现流量使用提醒弹窗。

                                                                 

（2）关闭数据，不连WIFI，从未浏览过APP的情况：

结果，4个TAB页面均不能正常显示。

           

（3）关闭数据，不连WIFI，先前登录且浏览过的情况：

结果，除了云村TAB不能正常显示外，其余三个TAB皆可正常显示，但显示为已缓存的信息。

           

（4）关闭数据，不连WIFI，先前未登录且浏览过的情况。

结果，此情况与关闭数据，不连WIFI，先前登陆且浏览过的情况大致相同，“我的”TAB与关闭数据，不连WIFI，从未浏览过APP的情况相同，但“我的音乐”一栏会显示缓存的图片。

四、产品功能与交互说明

4.1 登录与注册页

                                                            

（1）页面名称：登陆页面

（2）登录入口：

• 1. 已进入APP：在设置页面点击退出登录，进入登陆页面。

• 2. 未进入APP： 第一次使用APP或之前使用过APP，但未登录。

（3）页面功能：

• 实现三种方法登录：本机号码一键登录、密码登录、平台授权登录。

（4）页面逻辑：

• 一键登录：点击后使用本机号码直接登录，登陆成功后进入首界面。
  

• 密码登录：点击登陆页面中间手机号码右侧的铅笔图标进入密码登陆页面，首先选择国际区号并输入手机号码，点击“忘记密码”可以通过手机验证的方式修改密码，点击下一步后出现下一级页面，输入正确密码后点击登录，进入首界面。

• 平台授权登录：点击后转入相应授权接口，登陆成功后进入首界面。

（5）交互效果：

                                                          

4.2 主页进入

主页进入分为三种情况：先前登陆过、先前登陆过但未连网、先前未登陆过。

                    

                     未登录过                                先前登陆过已联网                      先前登陆过但未联网

（1）未登陆过：启动APP，进入引导图片，2秒后进入登陆界面。若在联网状态点击立即体验，则以未登录状态进入“发现页面”；若在未联网状态点击立即体验，则以未登录状态进入“我的”界面，若在联网状态点击立即体验，则以未登录状态进入”发现“界面。

（2）先前登陆过已联网：启动APP，进入引导图片，2秒后进入“发现”界面。

（3）先前登陆过但未联网：启动APP，进入引导图片，2秒后进入“我的”界面，此时，底部弹出toast，提示网络不可用。

4.3 音乐播放页

（1）页面名称：音乐播放页。

（2）页面入口：

• 点击歌曲，进入音乐播放页。或点击页面底部的音乐播放栏，进入音乐播放页，但该栏只有先前播放过音乐，才会出现。

（3）页面结构：顶部功能栏、中部专辑封面、下部功能栏、底部功能栏。

4.3.1 顶部功能栏

（1）功能：

• 返回：位于顶部功能栏左侧，点击后返回上一界面。
  

• 歌手：位于歌名下方，点击歌手名称进入歌手主页。

• 分享：位于顶部功能栏右侧，点击后弹出分享弹窗，进行分享操作。

（2）交互效果：

4.3.2 中部专辑封面

（1）功能：

• 点击专辑封面或专辑周围空白区域，可以进入歌词界面。长按专辑封面，可以获得专辑封面的完整图片。向左/右拖动可以切换歌曲。

• 歌词界面内，可以左右滑动音量条，调节音量；上下滑动歌词栏，浏览歌词，当滑动歌词栏时，歌词栏中间会出现提示横线，左侧出现icon，点击后从歌词处开始播放，右侧出现歌词播放时间。点击歌词栏，可以返回专辑封面。

（2）交互效果：               

                                          

4.3.3 下部功能栏

（1）功能：

• 喜欢：按钮形状为心形，点击后歌曲将加入“我喜欢的音乐”中，按钮从中空心形变为红色实心，并伴随着类似心跳的动效。十分有趣味性，提高用户体验，增加用户粘性。

• 下载：点击左侧第二个按钮，点击后根据用户的身份和歌曲的类型，进入不同的界面。下载功能业务逻辑图见 5.2 下载业务逻辑图。若歌曲不在歌单内，则需要先加入歌单才可进行下载。

• 唱歌/彩铃：载入音乐播放页后，下部功能栏的中间位置先出现彩铃的icon，约2秒后转换成唱歌的按钮。点击彩铃按钮可以进入音乐片段截取界面，并可以将截取的片段设置为手机铃声；点击唱歌按钮可以跳转进入“音街”APP，若为下载安装，则弹出弹窗，提示安装“音街”。

• 评论：点击评论按钮可以进入歌曲评论界面。具体见4.4 。

• 更多：点击“更多”按钮，会从底部弹出弹出弹窗，界面变暗，点击弹窗区域外的部分或下拉弹窗，可以回到音乐播放页。

（2）交互效果：

4.3.4 底部功能栏

（1）功能：

• 播放模式：点击底部功能栏最左侧按钮，切换3种播放模式，分别为列表循环、随机播放、单曲循环。若播放列表为“我喜欢的”歌单，则追加播放模式：“心动模式“。同时页面底部出现对应播放模式的toast。

• 切换上/下一首：点击底部功能栏中间按钮两侧的按钮，可以切换至播放列表中的上/下一首歌。若当前播放歌曲为播放列表的最后一首歌，再点击下一首时切换到播放列表的第一首歌，第一首歌同理。

• 播放列表：点击底部功能栏右侧按钮，从界面底部弹出当前播放列表，水平拖动弹窗，可以在当前播放、上次播放、历史播放三个播放列表中切换，切换后播放的列表转变为当前播放列表。点击弹窗外部区域或向下拖动弹窗，则返回歌曲播放页。

• 播放/暂停：点击底部功能栏中间按钮，暂停或播放当前歌曲。同时，唱臂随着歌曲的播放和暂停贴近唱盘和离开唱盘。给用户眼前一亮的感觉，增加用户体验。

（2）交互效果：

4.4 歌曲评论页

（1）页面名称：歌曲评论页

（2）页面入口：

• 点击音乐播放页下部功能栏的评论按钮，即可进入当前歌曲的评论页。

（3）页面结构：顶部功能栏、歌曲信息栏、歌手信息栏、评论区、评论栏。

 

（4）页面逻辑

• 顶部功能区：点击左侧箭头按钮可以返回上一界面；点击右侧分享按钮，出现单曲评论分享弹窗。

• 歌曲信息栏：点击歌曲信息栏除歌手之外的区域，会弹出Dialog弹窗，提示是否开始播放此歌曲；若当前正在播放该歌曲，则直接进入歌曲播放页。点击歌手，直接进入歌手主页。

• 评论区：评论内容按推荐、最热、最新三种排序方式排列。“最热”按点赞数量降序排列，“最新”依据评论时间，优先展示最新的评论，推荐则按综合排序方式排列评论。评论左侧为评论用户的头像，点击头像或用户名称可进入用户主页；评论右侧显示该评论的点赞数量，点击“点赞”按钮即可为当前评论点赞，再次点击即可取消点赞，点赞数量随之发生变化；评论下方显示该评论的回复数量，点击即可查看该评论的回复内容；点击评论区、评论回复区的其他区域可对当前评论或回复进行回复或二次回复。长按评论内容会跳出交互弹窗，分别为赞赏评论、分享评论、复制评论、举报评论，同时界面变暗，点击变暗区域即可返回评论页，亮度恢复正常。

• 评论栏：点击评论栏左侧区域，输入法键盘从页面底部滑入，输入框上移并与键盘相连，弹出字母键盘不影响背景内容的操作，输入内容限制为140个字，达到140字时底部出现toast弹窗提醒字数达到限制，点击发送按钮左侧的贴纸和表情按钮，底部分别弹出贴纸键盘和表情键盘，或在输入法键盘弹出时点击贴纸和表情按钮，则输入法键盘分别替换为贴纸和表情键盘。

（5）交互效果：

               

4.5 主页面切换

（1）页面入口：

• 未启动APP：详情见 4.2 主页进入。

• 已启动APP：点击顶部标签页，分别进入“我的”、“发现”、“云村”和“视频”页。或向左/右拖动页面，进入相邻的页面。
  

（2）交互效果：

4.6 发现页面

（1）页面名称：首页-发现页面

（2）页面入口：

• 未启动APP时，若已联网且登录过，或已联网并使用体验模式，则启动APP，进入欢迎页2秒后进入发现页面。

• 启动APP时，点击顶部标签页的“发现”标签，进入发现页面。

（3）页面结构：顶部TAB栏、轮播区、标签栏、展示区

4.6.1 顶部TAB栏

（1）功能：

• 搜索：点击顶部TAB栏右侧搜索按钮，进入搜索页，搜索页详情见 4.7 搜索页。

• 个人中心：点击顶部TAB栏左侧按钮，界面变暗，同时左侧弹出弹窗，用户可在个人中心使用个人资料、消费、听歌识曲、附近的人、设置等功能。点击变暗区域或向左拖动个人中心弹窗可返回主页面。

• 我的、发现、云村、视频：点击即可分别进入主页面，同时对应TAB字体加粗，字号变大。详情见 4.5 主页面切换。

（2）交互效果：

4.6.2 轮播区

（1）功能：

• 轮播区共10个banner，每个banner停留2秒后，向左滑动并切换至下一个banner，到达最后一个banner且停留两秒后，切换至第一个banner。

• 右下⻆有10个圆点，当展⽰某⼀banner时，对应的圆点将变为红色，其余的变灰。 

• ⽤⼾可以左右滑动以切换banner。

• 点击Banner，底部弹出相应界面。

（2）交互效果：

4.6.3 标签栏

（1）功能：该部分可以选择进入不同的页面，水平拖动可以查看更多标签。每日推荐、歌单、排行榜的详细功能见4.8 每日推荐、4.9 歌单页、 4.10 排行榜。

4.6.4 展示区

（1）结构和内容：

• 展示区的内容如下9种：歌单推荐、直播推荐、歌曲推荐、音乐日历、Mlog推荐、专辑推荐、云圈推荐、榜单推荐、电台推荐。将展示区拖动到底部，可以刷新展示区，重新推荐内容。9种栏目的结构框架如下图所示：

（2）交互效果：

4.7 搜索页

（1）页面名称：搜索页

（2）页面入口：进入主页面后点击右上角“搜索”按钮。点击后直接弹出键盘以在输入框输入关键字。

（3）页面结构：顶部功能栏、历史搜索栏、热搜榜栏

（4）功能：

顶部功能栏：

• 输入框：点击输入框，弹出键盘，输入关键字并点击搜索后出现搜索结果。

• 返回：点击返回按钮，返回上层界面。
  

• 歌手分类：点击歌手分类栏，进入歌手分类界面。可以从不同分类查找歌手，也可通过热门歌手排行查找歌手。在云村页面进入搜索页时歌手分类按钮会消失，并被输入框替代。

历史搜索栏：

• 历史搜索栏展示了用户近期的搜索记录，向左/右拖动可以查看更多搜索记录。用户可以点击搜索记录进行搜索，点击右侧删除按钮即可清空历史记录。

热搜榜栏：

• 热搜榜栏根据所有用户的搜索记录进行排名，用户可以通过热搜榜栏查看当前热搜，并点击进行快速搜索。

（2）交互效果：

4.8 歌单广场页

（1）页面名称：歌单广场页

（2）页面入口：发现页面中点击标签栏歌单按钮可进入歌单广场。

（3）页面结构：顶部标签栏、展示区

（4）功能：

• 顶部标签栏：进入歌单广场后，顶部标签栏自动进入“推荐”标签，向右/向左拖动标签栏可以查看更多标签，或点击顶部标签栏最右侧歌单标签按钮查看所有标签，并且可以编辑顶部标签栏，使想要的标签可以在我的歌单广场页找到。

• 展示区：推荐标签的展示区有两种展示方式，一种为轮播的形式，向左/右拖动可以在三张歌单中切换，第二种将歌单罗列出来，每排三张，向上/下拖动可以查看更多歌单。其他标签没有轮播展示。

（5）交互效果：

4.9 歌单详情页

（1）页面名称：歌单详情页

（2）页面入口：点击发现页面中展览区的歌单推荐或我的页面中的歌单可进入歌单详情页，查看他人主页时可查看他人收藏的歌单，点击也可进入歌单详情页。

（3）页面结构：顶部功能栏、歌单详情栏、中部功能栏、歌曲列表栏

4.9.1 顶部功能栏

（1）功能：

• 返回：点击返回按钮，返回上一层界面。

• 搜索：点击搜索按钮，弹出搜索弹窗和键盘，输入关键词可在歌单内搜索相关歌曲。

• 更多：点击更多按钮，从页面右上部弹出弹窗，提供三个功能：选择歌曲排序、清空下载文件、举报。

（5）交互效果：

 

4.9.2 歌单详情栏

（1）功能：

歌单封面：点击歌单图片、歌单名或歌单简介，弹出歌单简介页面，可以查看歌单详情：歌单名、歌单标签、歌单简介，还可以点击保存封面按钮。

歌单作者：点击歌单作者，进入歌单作者个人主页。

（2）交互效果：

4.9.3 中部功能栏

（1）功能：

评论：点击评论按钮进入歌单评论页面，歌单评论页面结构与4.4 歌曲评论页相似，歌曲详情栏和相关云圈栏变为歌单详情栏，点击歌单详情栏中歌单作者进入歌单作者主页，点击歌单详情栏其余部分，进入歌单详情页。

分享：点击分享按钮，界面变暗，同时底部弹出弹窗，可以选择分享方式或选择外部平台进行分享。

下载：点击下载按钮，下载歌单全部歌曲，移动数据状态会弹出Dialog弹窗提示是否使用数据流量，详情见3.3 页面交互。

多选：点击多选按钮，进入多选页面，可以进行批量操作。

（2）交互效果：

4.9.4 歌曲列表栏

（1）功能：

收藏：点击收藏按钮，可将歌单收藏到“我收藏的歌单中”，再次点击弹出Dialog弹窗，确认是否取消收藏，同时界面变暗，点击取消收藏后收藏按钮出现，界面恢复正常亮度。

（2）交互效果：

五、业务逻辑图

5.1 登陆业务逻辑图

5.2 下载业务逻辑图

5.3 搜索业务逻辑图

六、总结

    不难看出，网易云音乐是一款主打社交的音乐APP，它的slogan是“音乐的力量”，在笔者看来，网易云音乐真的是将音乐的力量发挥的淋漓尽致，而发挥这种力量的关键点就是共鸣。它以音乐为媒介，打破时空的限制，将人们的内心紧密地连接起来，大大减少了从前听音乐产生的孤独感。网易云音乐也是利用共鸣这一着力点，以四两拨千斤之势在音乐市场中占据了稳固的地位。与此同时，用户在APP内情感的抒发也使得他们对网易云音乐产生了信仰，它不再仅仅是一款音乐APP，而是志同道合的人分享情感，表达观点的平台。

    在后续的发展中，网易云音乐也是添加了许许多多的社交元素，如云村、云圈、Look直播等等，为APP增加了丰富的多样性。功能的庞大，可以使得产品变得丰富而完善，也有可能让其变得臃肿而多余。在笔者看来，某些功能似乎有点着力过猛，例如Look直播内的“派对”功能，排队功能中的直播间内常常只有几人，对主播，对观众都无法产生良好的体验。

    值得一提的是，网易云音乐的消费功能似乎有些瘸腿，以商城为例，商城页面的入口并不显眼，进入页面所花费的成本略高，且用户并不倾向于在网易云音乐中购买音乐设备及相关产品，而商城的运营也需要一定的成本，这就让商城功能变得有些尴尬，个人不太看好商城功能的发展。

    由于网易云音乐体量实在太过庞大，笔者仅挑选了网易云音乐的核心功能为读者做了简要的说明，如有不足还请批评和指证。