音乐类APP界面交互整体分析报告

日期:2017-04-01 18:51:00    来源:www.gzbifang.com

本文列举目前国内主流音乐类APP,针对不同APP的界面和交互设计进行简单分析,希望给大家带来启发。
QQ音乐 酷狗音乐 网易云音乐 百度音乐
主页面:以"我的"为入口,快速播放本地音 乐,图标的设计以线条勾 勒,简洁明快 主页面:以"听"为入口,以听,看,唱,人 的直观慼受来分类简单明 了,本地音乐与乐库标识明显
主页面:有网,进入乐库 页面,推荐为主;没有网络,自动进入本地音乐页面,比较人性化
主页面:首页的内容介绍 界面设计精简,以场景化 电台推荐为入口,很有特色

天天动听 多米音乐 echo 乐流
主页面:
共同点:均以推荐音乐为入口
不同点:界面内容的表现方式大不相同,内容推送虽然都是精选的歌单专题,但是图片与文字结合的表现方式均不同
起始入口 :主界面功能化,以用户想听的歌为主, 输入输出,交互方式简单粗暴


共同点:

沉浸式状态栏的设计很细节,符合iOS系统设计规范


不同点:

QQ音乐:      以简洁设计和播放功能为主
酷狗音乐:    导航栏分直观,背景可个性定制,其他控件以卡片的形式浮于背景之上
网易云音乐: 内容比较丰富,上导航栏分四栏,下标签栏分四栏,分类较多,操作略复杂
百度音乐:    以图标展示内容,界面简洁,突出特色,本地音乐与播放按钮并存,内容周全
天天动听:    主功能选项有四项,标签栏作为播放栏,内容推荐图片大小区分小,没突出
多米音乐:    标签栏分四个主功能选项,主界面中针对音乐类别分出四类,界面切换入口多
乐流:          不与其他APP同流合污的感觉,以自己的音乐定位鹤立鸡群
echo:         主界面内容以大图的形式推荐,其他APP内容表现为主,图片大小相对较稳,不会抢了风头,相比之下echo视觉冲击效果强烈


主界面设计方面得分如下:

QQ音乐:      ★ ★ ★ ★
酷狗音乐:    ★ ★ ★ ★
网易云音乐: ★ ★ ★ ☆
百度音乐:    ★ ★ ★ ★ ☆
天天动听:    ★ ★ ★ ☆
多米音乐:    ★ ★ ★ ☆
echo:          ★ ★ ★ ★☆
乐流:          ★ ★ ★ ★ ★


酷狗音乐

最左边进入播放页面,全屏的歌手写真,视觉效果比较好,但是不足之处是上方黑下来的投影效果,中间亮,感觉光是从两侧来的。中间与最左边虽然都是显示歌词的,但是左边以歌手写真为主,中间则以歌词为主,向左滑动为类似的音乐和专辑的列表。

天天动听

从中间进入播放页面,全屏的歌手写真和歌词的展现与酷狗相同,但是歌词下面的高斯模糊让歌词清晰,视觉效果比酷狗明亮,而且交互方式上存在差异化,天天动听的播放页分为三层页面,中间页面进入播放页,向左滑动为歌单列表,向右滑动为歌词,而酷狗的歌词转换是以点击的方式。

多米音乐

从第二张进入播放页面,与其他APP不同的是,多米音乐的表现内容很多,播放页分为三层页面,向左滑动为歌手信息详情,详情中包含下面的三个页面的入口,相关的歌单,歌曲详情,歌手演唱的其他歌曲列表。向右滑动为歌词,上方有隐藏的播放列表入口(即第四章) 。

网易云音乐

从中间进入播放页面,黑色的播放界面让人眼前一亮,复古的黑胶唱片,音乐质感浓厚。但是中间专辑人物旋转起来略怪。左右滑动进行切换歌曲,点击屏幕显示歌词,交互方式虽然简单多 样,但是也造成不统一性,需要提醒。

百度音乐

百度的播放页和多米的很像, 但是不得不提的是他的场景电台推荐的播放页面,针对不同场景下设计的播放页,在路上吋,用左右滑动来切换歌曲,而在驾驶状态下又变成静谧的页面,提醒用户专心开车,这一点做的很用心。

QQ音乐

从中间进入播放页面,分为三层页面,与酷狗的表现内容一样,就是交互式上的差异,向左滑动为列表,向右滑动为歌词,这一点的统一性比酷狗好,中间页面则采用CD碟的效果,背虽的高斯模糊高度统一,图标细致,页面干净。

乐流

交互方式极其简单,向下滑动为切歌,向上滑动为分享, 向左滑动为暂停,暂停之后右滑动为播放,简单易懂, 上手快。


播放页面设计方面得分如下:

酷狗音乐:    ★ ★ ★ ★
天天动听:    ★ ★ ★ ★ ☆
多米音乐:    ★ ★ ★ ★
网易云音乐: ★ ★ ★ ☆
百度音乐:    ★ ★ ★ ★ ★
QQ音乐:      ★ ★ ★ ★ ☆
乐流:          ★ ★ ★ ★ ☆


社交功能:

多米音乐 唱吧 网易云音乐 QQ音乐 echo
当互联网+时代来临,用户的碎片化时间逐渐被被社交填满,各类应用都开始引入社交因素,音乐APP也不例外。


多米音乐的社交圈

从用户角度出发,以评论歌曲为主,对歌曲、专辑、分类的喜欢与评价,以及与陌生人间的评论。

网易云音乐的社交圈

可以关注明星用户、音乐达人,还可以查看到附近使用网易云音乐的人。通过以上三种方式关注 好友后,他们的信息均会在"动态"栏显示。可见,网易云音乐希望在音乐上构建与众不同的社交生态系统。

QQ音乐的社交圈

QQ音乐特色的个人组也以及主页下拉后显示的音乐基因。在个人主页可以关注喜欢的歌手,只要他们有发布新歌,音乐圈中就会有动态显示,如果你对发布的新歌感兴趣,可以直接进入听歌状态,并且将其分享到QQ空间、微信、微博,当累积一定的听歌数量时,QQ音乐会根据你近期的 听歌和分享行为,创建专属的音乐基因,为你贴上音乐标签。

echo的社交圈

用户关注的歌曲和人会在动态中显示, 进入歌曲页面会有弹幕,实时的评论显示,而且比较注重分享,可以发布自己的原创歌曲,关注一些原创制作人。

唱吧的社交圈

着重参与性,人人都是歌手,去分享自己的演唱歌曲, 可在聊天中找到与自己兴趣相投的人聊天。


社交功能设计方面得分如下:

多米音乐:    ★ ★ ★
唱吧:          ★ ★ ★ ☆
网易云音乐: ★ ★ ★ ★
QQ音乐:      ★ ★ ★ ★ ☆
echo:         ★ ★ ★ ★


K歌功能:

酷狗音乐 百度音乐 唱吧
K歌功能在主要以听为主的APP中算是功能强化,与纯做K歌的唱吧相比还是略逊一筹。


听歌识曲:

酷狗音乐 天天动听 多米音乐 百度音乐 QQ音乐
众多APP 中以上四款具备听歌识曲功能,我们经常不经意间听到喜欢的歌,但又不知道怎么记不下来时"听歌识曲"就派上了用场,除了多米,其他APP的相关功能入口都隐藏起来了,可见不是主推,使用频率也不高。


登录页面:

酷狗音乐 天天动听 多米音乐 百度音乐 网易云音乐
主流音乐APP的登录入口均有第三方社交APP登录,唯独网易云音乐独以新浪微博为社交登录入□,有主推微博文化、明星效应的趋势。


功能设计方面得分如下:

QQ音乐:      ★ ★ ★
酷狗音乐:    ★ ★ ★ ★ ☆
网易云音乐: ★ ★ ★ ☆
百度音乐:    ★ ★ ★ ★ ☆
天天动听:    ★ ★ ★ ★
多米音乐:    ★ ★ ★ ★
唱吧:          ★ ★ ★ ★

联系

伦经理

10年+互联网IT从业经验,丰富企信息化实战经验