名称:网易云音乐
版本:iOS 4.0.1 - iPhone 5c
标注:本文中大部分为作者的个人思考和分析,少量信息来源于网络和app store等评论反馈。若有不同的看法,欢迎一起讨论。
网易云音乐
目录
1. 产品定位
2. 交互设计
3. 视觉设计
4. 用户体验
5. 总结
产品定位
需求分析
- 功能:1. 移动听歌 2. 发现好音乐 3. 良好的情感体验
- 形象:1. 高品质 2. 个性化 3. 人性化
- 用户群体:1. 听歌者——80后为主,90后为辅。高素质年轻人群:大学生,白领,时尚人群,IT从业者。 2. 音乐人——希望得到音乐传播。
- 定位:以用户为中心的音乐社区
用户分析
from [豆瓣](https://www.douban.com/note/495744511/?type=like) by [Cathy](https://www.douban.com/people/zengbixia432972/)
竞品分析
战略层 |
网易云音乐 |
QQ音乐 |
slogan |
听见·好时光! |
听我想听的歌 |
产品定位 |
社交音乐平台 |
移动端音乐播放器 |
特色 |
1. 私人FM强大推荐 2. 歌单功能 3. 社交功能 4. 签到积分换礼品 5. 高音质免费但有损 |
1. 强大音乐库 2. 与QQ相通 3. 绿钻听无损音乐 4. 独家版权 |
范围层 |
网易云音乐 |
QQ音乐 |
搜索歌曲 |
手动搜索 |
语音搜索 & 手动搜索 |
听歌识曲 |
有,较准,跳转至歌曲播放界面(但暂停) |
有,一般,跳转至歌曲界面时按照旋律显示正在播放的歌词(但没声音) |
评论功能 |
评论 & 热评 |
弹幕形式 & 评论很少 |
动态功能 |
有,且朋友可见 |
无,只能分享qq |
离线缓存 |
可以 |
可以 |
云端同步 |
歌曲同步,但FM不同步 |
歌曲同步 |
版权歌曲 |
少,需充值支付 |
多,需绿钻充值 |
推荐歌曲 |
精准算法 |
无 |
电台功能 |
有 |
有 |
歌单功能 |
精品歌单 & 歌单分类 |
精品歌单 & 歌单分类 |
个性推荐 |
推荐准确 |
推荐较差 |
专栏功能 |
有 |
有 |
结构层 |
网易云音乐 |
QQ音乐 |
个人中心 & 设置 |
以一个底部tab栏的形式单独一列呈现,此处主要为社交功能、设置功能及登录登出功能 |
主要为设置功能,加上登录登出功能,整个页面以抽屉形式从左上角打开 |
tab栏分类 |
底部tab栏分别为发现音乐、我的音乐、朋友、帐号,主界面为发现音乐。可以体现网易云音乐是一个以音乐交流为主体的App |
顶部tab栏分别为我的、音乐馆、发现,主界面为我的。可以体现QQ音乐是一个以个人听歌为主体的App |
主界面 |
主界面为发现音乐,有顶部tab栏、Banner、三个个性入口、各种栏目 |
主界面有个人头像(提醒开通绿钻),个人曲库和歌单 |
音乐馆界面 |
音乐馆界面即主界面,如上 |
作为一个顶部tab栏显示,有banner宣传、歌手排行电台等入口、热门推荐以及各个栏目 |
发现界面 |
有动态和附近两个tab栏,可以看到陌生人的动态(根据你听过的歌和好友推荐),还可以看到好友动态。每个动态如说说一样可配图文(但一定要推荐歌曲) |
每一个模块有一个大的图片,下方有几个图文组合。只有标题和阅读量,表达不明晰。 |
正在播放 |
作为一个小icon放置导航栏右侧,若正在播放则动态变化 |
作为底部组件常驻界面,有当句歌词,名称,歌手,和暂停按钮 |
播放界面 |
通过点击完成专辑和歌词间的切换,左右滑动完成上下歌曲的切换 |
左右滑动查看歌词,点击出现底部弹框出现下载等功能 |
框架层 |
网易云音乐 |
QQ音乐 |
点击搜索框后的跳转 |
搜索框放大成导航栏,出现歌手分类和热门搜索和历史记录。要点击搜索框才能触发焦点。搜索过程中不产生结果,只有搜索热门 |
搜索框上移成导航栏,出现热门搜素和历史搜索,同时出现语音搜索功能,在键盘上出现听歌识曲按钮,直接焦点在搜索框内并出现键盘,在搜索过程中会自动推荐歌曲或搜索热门,有在线歌曲和本地歌曲两种搜索结果,点击歌曲即播放 |
搜索结果显示 |
tab顺序:单曲-歌手-专辑-歌单-MV-主播电台-用户。但是它单曲界面会出现MV,不能搜素歌词。 |
tab顺序:单曲-MV-专辑-歌单-歌词。没有用户是因为它不注重社交功能。每个tab栏不会重复搜索内容。 |
分析页面布局合理性 |
主页界面内容很多,更多的是用户之间的交流以及对个人的推荐 |
音乐馆像是一个用户自己的音乐库,所以强调的是搜索功能,6个icon大且明显。 |
图片比例规则 |
图片比例有2种,Banner单独为一种。就界面统一来说,云音乐做的比QQ音乐要好 |
图片比例有4种,其中专栏部分的图片似乎就是banner的大小缩小而来,上面的字以及难以识别 |
按钮热区 |
顶部按钮盲区是听歌识曲和个性推荐。个性推荐应该算是很常用的,故不合理。同理,底部的发现音乐也不合理。 |
顶部按钮盲区是设置部分,这部分不需要很多操作。底部由于是正在播放,点击任何一处都可以,故这个布局很合理。 |
表单展现形式 |
每行3个图片+title+歌手,可以显示较多内容。每个栏目格式较统一 |
每个栏目形式不统一,有3个图片一行,圆形电台,每个栏目之间没有很好的区分度,因为标题不明显。 |
整体导航形式 |
底部tab栏点击切换,顶部tab栏左右滑动切换。切换到最左icon“发现音乐”有点困难 |
顶部tab栏左右滑动切换,抽屉可直接左滑最左出现。不需要点到最左侧。 |
播放功能交互 |
主要功能都在封面界面,很好的一个交互形式是将拨头移到圆盘上即播放。歌词界面省去一些功能按钮,使用户专注于看歌词。两个界面切换形式为点击 |
两个界面功能按钮相同,歌词界面还多了几个功能按钮,使歌词显示较少。两个界面切换是左右滑动。点击出现底部弹框出现更多功能 |
定时关闭功能 |
点击定时关闭需要跳转到新的界面,自定义出现时/分滑动控件(较繁琐) |
点击定时关闭后出现滑块控件,无需进入即可设置,自定义底部出现数字键盘控件,输入分钟 |
表现层 |
网易云音乐 |
QQ音乐 |
风格 |
红色的热情洋溢显得高端,又有黑色的沉稳神秘凸显品质 |
绿色显得青春活力,界面简洁扁平 |
logo |
音乐符号+音乐圆盘 红色底,白色icon |
实心音乐符号+圆 黄色圆+绿色音符 |
基本用色 |
主色是:网易的暗红,黑,以白色为配色 |
主色是绿色,白色为辅色 |
启动页 |
红色页面显得热情。元素为图形logo+文字logo |
白色界面显得简洁。元素为图形logo+文字logo+slogan |
登录注册 |
白色界面,隐约有红色人群挥舞手臂背景,有音乐气氛。有登录,注册和游客试用(但很小)入口 |
未登录可直接进入音乐界面,但“我的”界面回出现立即登录按钮。登录界面为暗蓝绿色背景,也有人群挥舞手臂背景,但更明显,更有音乐氛围 |
主界面 |
主界面顶部导航栏为主题色红色,底部深灰色降低了红色的明亮,给用户一种高端品质的感觉,其余地方没有大部分用色,只有需要强调的地方用了红色 |
主界面为个人中心,顶部导航栏为绿色,其余地方留白较多,主要功能icon为大的绿色icon。有灰色的绿钻icon,为了激发用户的充值欲 |
结构 |
导航为主题色,底部tab栏为深灰色,其余大部分为白色,icon为红色 |
导航为主题色,其余大部分为白色,icon为绿色 |
播放界面 |
微拟物的精致的音乐转盘,播放界面整体为暗色系,没有主题色,只有黑白 |
比网易云的明亮一点,同样以模糊作了背景。按钮太多,易误操作(点击) |
关键字
品质 - 音乐品质高,曲库完善
清新 - 界面清新
情感 - 操作、交互、用户体验人性化
方法:用户调研/问卷调查/涉众访谈/内部资料/以往用户
交互设计
😢 目前还没有怎么分析的头绪,先把产品架构图(不是功能结构图哟)放这里吧,要是有好的分析方法的大佬希望可以不要吝啬你的建议 😽
[网易云音乐App_产品架构图](http://naotu.baidu.com/file/c844022756004b31532a178be4e1dcae?token=92ff41486f327c26)
视觉设计
视觉设计 |
网易云音乐 |
风格 |
红色的热情洋溢显得高端,又有黑色的沉稳神秘凸显品质 |
logo |
音乐符号+音乐圆盘 红色底,白色icon |
基本用色 |
主色是:网易的暗红,黑,以白色为配色 |
启动页 |
红色页面显得热情。元素为图形logo+文字logo |
登录注册 |
白色界面,隐约有红色人群挥舞手臂背景,有音乐气氛。有登录,注册和游客试用(但很小)入口 |
主界面 |
主界面顶部导航栏为主题色红色,底部深灰色降低了红色的明亮,给用户一种高端品质的感觉,其余地方没有大部分用色,只有需要强调的地方用了红色 |
结构 |
导航为主题色,底部tab栏为深灰色,其余大部分为白色,icon为红色 |
播放界面 |
微拟物的精致的音乐转盘,播放界面整体为暗色系,没有主题色,只有黑白 |
用户体验
主要元素 |
元素体现 |
有用性 |
1. 基本需求:听歌,本地下载 2. 期望型需求:缓存,夜间模式,定时关闭 3.评论功能 |
易用性 |
每个功能的操作都控制在4个以内,容易操作。内容模块分的很清楚,容易分辨。同时,还有最近听歌和自己调整栏目顺序,减少了用户的记忆负担。 |
满意度 |
看App Store中的评论,大部分对该App还是很满意的。它解决了用户听歌的需求,还提供了音乐社区进行交流。同时进行相关的活动,如“地铁里的热门评论”,提升了品牌价值,很有情怀。 |
目标用户 |
核心需求 |
使用场景 |
解决方法 |
需要听歌的人群 |
希望能够找到符合自己音乐品味的歌 |
闲来无事的下午茶时间,希望来几首自己喜欢的歌,但是又不想听之前听过的歌 |
私人FM功能 & 每日推荐功能 |
需要找歌的人群 |
希望能够快速定位到自己想找的歌 |
在咖啡店听到了一首歌,觉得很好听,但是听不清歌词 |
听歌识曲功能 |
希望由音乐交友的人群 |
希望能够找到跟自己喜欢同一首或同一类歌曲的人 |
最近听一首歌特别有感觉,但是分享到空间没人引起共鸣,希望能够找到也喜欢这首歌的人 |
实时评论功能 & 推荐同一首歌的人动态 & 聊天功能 |
需要沉浸在某件事的人群 |
在完成某件事时,如写作业、工作、ktv、在外野餐等,需要听适合该场景听的歌 |
一家人在外野餐,没一点音乐觉得好枯燥,也不知道什么歌曲符合这个氛围,要不在歌单里面搜一搜把 |
歌单查找功能 & 歌单分类功能 |
总结
优点:
缺点:
- iOS版本不能导入本地歌曲
- iOS版本不能显示桌面歌词
- 听歌识曲应该跟随音乐有正在播放的句子显示
- 音乐的音质应该提升
网友评论