网易云音乐作为国内首个以“歌单”为核心架构的音乐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. containerd.service containerd-1.6.8-linux-amd64.tar.gz cni-plugins-linux-amd64-v1.1.1.tgz 标准文件下载

    配置K8S时 可能会用到#systemcd来管理containerd,这https://raw.githubusercontent.com/containerd/containerd/main/con ...

  2. web实践4

    web实践4 20201303张奕博 2023.1.27 创建胡萝卜 接着,在地面上添加一些胡萝卜 .胡萝卜身体部分是通过四棱柱 CylinderBufferGeometry 实现的,然后通过 Box ...

  3. golang json字符串合并操作

    用于两个json格式的字符串合并,当B向A合并时,共有的字段,将用B字段的值(伴随类型一起覆盖),非共有的,A的字段保留,B的字段新增. example代码: package main import ...

  4. leetcode刷题(一)

    1.数组 三数之和 给定一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a,b,c ,使得 a + b + c = 0 ?找出所有满足条件且不重复的三元组. 注意:答案中不可 ...

  5. docker 创建 network 指定ip 段

    docker network create -d bridge --gateway 172.22.0.1 --subnet 172.22.0.0/16 zk_default

  6. 关闭Mac的Microsoft AutoUpdate弹框提示

    macOS安装Microsoft Office for Mac之后,有时候会弹出Microsoft Auto Update微软应用自动更新工具.就像下面这样:(我不知道您会不会烦,我是烦了)如果您也和 ...

  7. JS中两个数组对象筛选

    const arr1 = [ {id: 1, name: 'aaa'}, {id: 2, name: 'bbb'}, {id: 3, name: 'ccc'}, {id: 4, name: 'ddd' ...

  8. IDEA Download missing driver files 下载失败解决方法

    使用IDEA连接数据库时可能会遇到缺失驱动文件的问题(提示Download missing driver files) 正常情况下点击Download后IDEA会自动下载缺失的文件,但是因为网络原因, ...

  9. ENGG1310 Electricity and electronics P1.2 Electronic Communication

    课程内容笔记,自用,不涉及任何 assignment,exam 答案 Notes for self use, not included any assignments or exams 一个 3h 的 ...

  10. BLP(Bell–LaPadula模型)(MAC)

    Bell-LaPadula模型侧重于数据的保密性和对机密信息的受控访问 基于状态机,该状态机在一个计算机系统中具有一组允许的状态,并且从一个状态到另一种状态的转换由状态转移函数定义. 该模型定义了一个 ...