网易云音乐作为国内首个以“歌单”为核心架构的音乐APP,有的人喜欢它的热评,有的人却觉得它的版权太少,虽然网易云音乐不是曲库最丰富的听歌软件,但绝对是听歌软件里情感体验最好的。

我很好奇它具有什么力量,能够使用户粘性如此持久,那么不妨带大家看看网易云音乐的产品设计究竟是怎样的~

01 功能设计

UGC(歌单)

在网易云进入市场的时候,市面上已经有很多音乐APP了,例如酷狗音乐、QQ音乐等头部应用已经占据了80%以上的市场份额,这基本属于一个零和市场。

网易云初期选择了与主流竞品所不同的资深用户市场(专家型用户)作为细分市场,同时设计了以UGC歌单为主的核心功能。

网易云是很重视歌单这个功能的,相对于收藏歌手、MV、专辑和专栏,更突出「歌单」,于是单独拎了出来。从用户体验的角度,订阅的电台会时常更新,用户需要去跟进,所以也单独拎出来了。

从下图可以看到歌单和电台的重要程度是不一样的,歌单是直接显示内容,而电台的内容被收纳到了二级页面。

这样设计有两个好处,一是默认歌单“我喜欢的音乐”可以与本地音乐和最*播放*级显示,从实际使用上来说,用户习惯于选择这三者;二是在用户不想听老歌的时候,可以随手选一个自己喜欢的歌单来听,十分方便。

分享

网易云细心的发现了很多用户在社交网络分享歌曲时会经常带上一两句喜欢的歌词。所以网易云音乐的歌词不但能复制,还可以生成带有歌词的图文海报和自带bgm及歌词的10s炫酷短视频,下载到本地正好可以分享到微信朋友圈。

相比于静态的海报,短视频能更好地传达用户此时此刻的心境和状态。

播放模式

网易云音乐在我喜欢的音乐列表里面新增了一个心动模式的播放方式,这种播放模式的逻辑是:播放一首自己喜欢的歌,播放一首推荐的歌,交叉进行。

这个功能比较适合一些不熟悉每日推荐、私人推荐功能的用户。他们一般习惯于播放自己歌单的歌曲,且更新版本后第一次点开我喜欢的音乐列表,会自动开启心动模式,这种方式有利于将更多的用户引流到网易云的核心功能。

02 交互设计

评论

在互联网,产品的情感连接点很多时候的主要载体都是文案,产品里某句戳中用户内心的文案,可能会悄悄改变用户的操作行为。

每次进入网易云的评论区,评论框的提示语都是不同的,并且每一句文案都和歌曲配合得恰到好处。听电音歌曲,提示语显示“去蹦、去野,不枉为少年”,听“你不是真正得快乐”显示“千头万绪,落笔汇成评论一句”

截图分享

网易云音乐新改版的截图分享功能,是在用户进行截图操作之后会浮出分享浮层。虽然出现3秒就会消失,但是为了避免给用户带来过多的干扰,还在设置页面加入了功能开关,并且在用户点击浮层上的叉之后利用toast半透明遮罩告诉用户“可在设置中取消截图分享”。更为贴心的是,这种toast提示在用户第一次进行点击叉号操作之后会出现,之后每累积点击3次才会出现1次。

一起听

对于加入一起听模式的用户,会同步听到歌曲的播放,并且都有权对歌单和播放器进行控制,包括:选择上/下一首播放、切歌、选择循环/随机/顺序的播放模式、控制播放进度条等。

任一方进行操作都会同步到其它方用户的播放控制,无需分线器,网易云音乐一起听可以让你和TA随时一起欣赏音乐、分享心情。

03 UI设计

网易云音乐的视觉设计给我的第一感觉就是比较简单明快的,以红色调系为主,用复古的黑胶唱片为特色的UI设计深得用户审美。

相对于其他音乐类app来说,网易的界面更加友好和克制,推荐的内容不多为用户留下的私人空间更大。不管是从图标设计,还是界面的布局上都极度的克制,也给人一种相对高品质、很舒服的感受。

结语

网易云音乐的发展一直主打音乐的发现与分享。自上线后用户数量一直迅速增长。网易云所有的社区活动都围绕音乐展开,从歌单、评论、短视频内容等功能迭代可以看出网易着力于UGC,在社交领域推出了因乐交友功能,认识听歌品位相*的用户,不断去关注用户探索,社交需求,吸引年轻社群。

今天的分析就到这里,给大家分享一下“网易云音乐”原型资源模板,感兴趣的伙伴可以去研究一下~

生活类App-网易云音乐原型模板

让你深夜emo的“网抑云”,是如何做产品设计的?的更多相关文章

  1. 到点了开始网抑云(悲)但是用python(整活)

    写在前面的一点网抑云: 爱情不是随便许诺好了不想再说了没错 是我那么多的冷漠 让你感觉到无比的寂寞不过 一个女人的不仅仅渴望得到的一个承诺我害怕欺骗也害怕寂寞更害怕我的心会渐渐地凋落爱情不是随便许诺好 ...

  2. 这个网易云JS解密,老网抑云看了都直呼内行

    最近更新频率慢了,这不是因为CK3发售了嘛,一个字就是"肝".今天来看一下网易云音乐两个加密参数params和encSecKey,顺便抓取一波某歌单的粉丝,有入库哦,使用mysql ...

  3. Android Jetpack 架构组件最佳实践之“网抑云”APP

    背景 近几年,Android 相关的新技术层出不穷.往往这个技术还没学完,下一个新技术又出来了.很多人都是一脸黑人问号? 不少开发者甚至开始哀嚎:"求求你们别再创造新技术了,我们学不动了!& ...

  4. GIT+云盘作 做 文档管理工具

    GIT+云盘作 做 文档管理工具 在工作中, 会遇到公司的文档 和 自己家里的 文档进行同步的问题, 通常我们使用U盘作为传输节制, 但是不是非常好,文档的改动都不能发现, 导致回家同步的时候, 出各 ...

  5. 融云技术分享:融云安卓端IM产品的网络链路保活技术实践

    本文来自融云技术团队原创分享,原文发布于“ 融云全球互联网通信云”公众号,原题<IM 即时通讯之链路保活>,即时通讯网收录时有部分改动. 1.引言 众所周知,IM 即时通讯是一项对即时性要 ...

  6. 揭开华为云CodeArts TestPlan启发式测试设计神秘面纱!

    摘要:质量是产品的生死线. 本文分享自华为云社区<揭开华为云CodeArts TestPlan启发式测试设计神秘面纱!>,作者:华为云PaaS服务小智 . 2019年12月20日,是美国波 ...

  7. CLOSE-UP FORMALWEAR_意大利进口_2015秋冬_男装发布会_西装图片系列_男装西装设计资料_WeArTrends时尚资讯网_国内最专业的服装设计资讯网站

    CLOSE-UP FORMALWEAR_意大利进口_2015秋冬_男装发布会_西装图片系列_男装西装设计资料_WeArTrends时尚资讯网_国内最专业的服装设计资讯网站 CLOSE-UP FORMA ...

  8. 基于Hadoop开发网络云盘系统客户端界面设计初稿

    基于Hadoop开发网络云盘系统客户端界面设计初稿 前言: 本文是<基于Hadoop开发网络云盘系统架构设计方案>的第二篇,针对界面原型原本考虑有两个方案:1.类windows模式,文件夹 ...

  9. 阿里云弹性容器实例产品 ECI ——云原生时代的基础设施

    阿里云弹性容器实例产品 ECI ——云原生时代的基础设施 1. 什么是 ECI 弹性容器实例 ECI (Elastic Container Instance) 是阿里云在云原生时代为用户提供的基础计算 ...

  10. 阿里云api调用做简单的cmdb

    阿里云api调用做简单的cmdb 1 步骤 事实上就是调用阿里api.获取可用区,比方cn-hangzhou啊等等.然后在每一个区调用api 取ecs的状态信息,最好写到一个excel里面去.方便排序 ...

随机推荐

  1. centos mininet安装-坑

    https://blog.csdn.net/milesandnick/article/details/108017349?utm_medium=distribute.pc_relevant.none- ...

  2. LINUX 简单命令学习总结

    命令知识点大纲: 一.默认目录的简单介绍 1)/root/用户名:如/root/test1,该目录为普通用户的家目录,所有用户创建后都能在该目录下找到自己对应的目录信息 /etc:该目录为配置文件存放 ...

  3. myql数据库新建之后,本地可以访问,远程访问不了

    通过如下命令去修改: use mysql; update user set user.Host='%' where user.User='root'; flush privileges;

  4. 用例需注意的点-UI自动化

    记几条--用例注意事项:用例从功能里面转化而来,并且不能脱离业务(针对某一个页面功能\某一个流程业务,写一条用例:即将界面操作间接转化为代码去操作!)1用例要尽量独立,相互不影响!(单独一条都可运行) ...

  5. Redis设置开机自启动

    0.前提条件 redis_version:7.0.5 Linux Alibaba Cloud Linux release 3 (soaring Falcon) 查询版本有如下两种方式: 1.通过red ...

  6. 安全测试-WEB安全渗透测试基础知识(三)

    1.3. 域名系统 1.3.1. 域名系统工作原理 DNS解析过程是递归查询的,具体过程如下: 用户要访问域名www.example.com时,先查看本机hosts是否有记录或者本机是否有DNS缓存, ...

  7. (jmeter笔记)有序递增和无序递增

    有序递增:计数器 Track counter independently for each user: 不勾选,每个线程引用,顺延递增 勾选 ,每个线程引用,重新计算 Reset counter on ...

  8. USB设备判断接入和移除

    目录 以沁恒的CH582芯片为例,主机模式下,在R8_USB_INT_EN中可以使能RB_UIE_DETECT位,由中断来提醒检测USB设备的接入和移除:从机模式下,USB设备没有这样的中断功能(上述 ...

  9. mathjs 数字处理

    // mathjs 四舍五入取整 val:值export function roundingInt(val) { if (val) { return math.round(val, 0) }}// m ...

  10. React子组件继承父组件的props

    https://zh-hans.reactjs.org/warnings/unknown-prop.html