音乐类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从业经验,丰富企信息化实战经验

两个鬼故事装饰公司起什么名好星卡里包姓起名字男孩北京卫视直播花自飘零水自流歌词都姓金女宝宝起名海底捞火锅店加盟起名字查询五行搜读小说度假村起名隔壁的男孩电脑怎么进入bios五行起名方法电梯公司起名字大全免费起名根据什么2021新公司起名大全集姓柳起名字纳米材料公司起名公司如何起名打分德字辈的名字怎么起的四字起名网全椒县人民政府公司起名2018放课后的职员室无删减柳起名侯爷的打脸日常星座月份表12星座双胞胎起名姓孙给小老鼠起名武汉凌特少年生前被连续抽血16次?多部门介入两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”淀粉肠小王子日销售额涨超10倍高中生被打伤下体休学 邯郸通报单亲妈妈陷入热恋 14岁儿子报警何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言张家界的山上“长”满了韩国人?男孩8年未见母亲被告知被遗忘中国拥有亿元资产的家庭达13.3万户19岁小伙救下5人后溺亡 多方发声315晚会后胖东来又人满为患了张立群任西安交通大学校长“重生之我在北大当嫡校长”男子被猫抓伤后确诊“猫抓病”测试车高速逃费 小米:已补缴周杰伦一审败诉网易网友洛杉矶偶遇贾玲今日春分倪萍分享减重40斤方法七年后宇文玥被薅头发捞上岸许家印被限制高消费萧美琴窜访捷克 外交部回应联合利华开始重组专访95后高颜值猪保姆胖东来员工每周单休无小长假男子被流浪猫绊倒 投喂者赔24万小米汽车超级工厂正式揭幕黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发当地回应沈阳致3死车祸车主疑毒驾恒大被罚41.75亿到底怎么缴妈妈回应孩子在校撞护栏坠楼外国人感慨凌晨的中国很安全杨倩无缘巴黎奥运校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变王树国卸任西安交大校长 师生送别手机成瘾是影响睡眠质量重要因素国产伟哥去年销售近13亿阿根廷将发行1万与2万面值的纸币兔狲“狲大娘”因病死亡遭遇山火的松茸之乡“开封王婆”爆火:促成四五十对奥巴马现身唐宁街 黑色着装引猜测考生莫言也上北大硕士复试名单了德国打算提及普京时仅用姓名天水麻辣烫把捣辣椒大爷累坏了

两个鬼故事 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化