美文网首页
【案例】QQ音乐 vs 网易云音乐,用户体验哪家强?

【案例】QQ音乐 vs 网易云音乐,用户体验哪家强?

作者: 摹客 | 来源:发表于2020-09-16 16:39 被阅读0次

    作为一个音乐爱好者,QQ音乐和网易云音乐是小摹的手机必备APP。QQ音乐诞生于2005年,拥有非常丰富的音乐版权,在音乐类APP下载排行榜上始终立于不败之地。网易云音乐则发布于2013年,凭借着优质的个性化推荐及音乐社交功能迅速打入市场。这两款老牌APP之间的“纷争”,多年间从不间断。今天小摹就来简单分析一下两款APP的使用感受,看看到底哪款APP的用户体验设计更贴心。

    登录后的首页(注:左-QQ音乐,右-网易云音乐)

    首先来看看两款APP登录后的首页

    QQ音乐优先显示音乐馆,banner下方展示了歌手、排行、分类歌单等常用功能,顶部导航还可以切换到推荐和听书模式,主要功能都是围绕“听”来进行的,视频、扑通社区等附加功能则放在了底部导航中,不会对用户的选择造成太大困扰。QQ音乐改版后,底部播放器变成了一张黑胶唱片,增强了设计感。

    相比而言,网易云的首页布局虽然与QQ音乐相似,但内容则多了很多,顶部导航除了我的、发现两个栏目外,还保留了云村和视频两大社交版块,对于只想听音乐的用户来说,这两个功能略微有些影响操作体验。不过网易云在发现页也突出的自己的优势,日推、歌单等功能,可以方便用户快速体验到网易云精准的个性化推荐功能。

    两款APP的布局都较为规整,除了主色调不同外,图片和图标都非常圆润,整体视觉感受清爽有序。

    音乐播放界面(注:左-QQ音乐,右-网易云音乐)

    接下来是音乐播放界面

    QQ音乐采用了卡片式设计,歌曲信息呈现在专辑封面下方,评论等功能图标采用了空心线型图标,播放按钮则采用了实心图标,加上字体大小不同的歌曲信息,页面排版略微有些拥挤。

    网易云音乐则采用了黑胶唱片风格的特色视觉设计,歌曲信息展示在顶部,底部图标均采用了空心线型图标,整体设计简洁清新,搭配鲸云音效,可以为用户带来非常舒适的沉浸式体验。

    两款APP都采用了左右滑动的交互操作来切换歌词,QQ音乐在界面上方设置了标签组进行提示,网易云则没有任何提示信息,需要一定的学习成本。

    播放列表弹窗(注:左-QQ音乐,右-网易云音乐)

    点击音乐播放界面左下角的播放列表按钮,可以召唤出播放列表弹窗,QQ音乐的弹窗占比较大,所能展示的信息也较多,还提供了一键下载的功能,方便用户快速操作。

    网易云音乐的播放列表也采用了卡片式设计,并进行了圆角化处理,白色底色比QQ音乐的深色背景更加利于阅读。

    此外,网易云音乐的下滑关闭交互非常贴心,但同样也需要用户自己去探索。QQ音乐则在列表底部设置了关闭按钮,降低了用户的学习成本。

    更多功能弹窗(注:左-QQ音乐,右-网易云音乐)

    更多功能弹窗中,QQ音乐采用了风格大小一致的图标来进行展示,最右图标隐藏了一半,来提示用户可以左右滑动查看更多功能,保证了视觉上的统一。不过底部的音量调整功能对于手机APP来说有点多余。

    网易云音乐的内容层级则十分明确,最上面一排展示了收藏、调整音质、设置音效的常用功能,以及网易云新推出的一起听,下方的卡片中则对歌曲信息进行了扩展,比起QQ音乐来说,网易云音乐的更多功能模块更符合用户的查看和理解方式。

    歌曲分享界面(注:左-QQ音乐,右-网易云音乐)

    点击播放界面右上角的分享按钮,可以召唤出两款APP的分享弹窗。QQ音乐沿用了上述设计模式,深色背景加图标展示,新增了类似于网易云的音乐卡片功能,但藏得比较深,不易发现。

    点击网易云的分享按钮后会弹出一个新的弹窗,弹窗带有遮罩效果,用户可以更加直观地浏览弹窗内的内容。网易云音乐的分享方式包括两个部分,一个是网易云主打的卡片分享功能,可以自动生成文艺青年们钟爱的音乐卡片,提供了多种卡片风格可以自由选择。另一部分就是传统的分享方式,使用图标展示在卡片下方。对比两款APP的分享功能,不难看出,网易云音乐更加注重用户的分享体验。

    评论分享界面(注:左-QQ音乐,右-网易云音乐)

    对比两款APP的评论区,可以看出,虽然网易云音乐最近被嘲“网抑云”,但它的评论区布局排版比起QQ音乐更让人赏心悦目,评论内容可按推荐、最新、最热排序,字体较小,一屏可以展示多条评论。

    QQ音乐的界面则简单粗暴,可能是为了照顾更多的用户群体,QQ音乐的评论字体比网易云音乐大了一圈,但如果出现上图中大段文字评论的情况,可能会影响用户的阅读体验。

    此外,最近网易云音乐为了对抗“网抑云”,推出了类似微信“拍一拍”的“抱抱”功能。双指向内滑动可以触发抱抱效果,可以算是网易云音乐除了视听体验外,增加的触感体验。

    听歌识曲界面(注:左-QQ音乐,右-网易云音乐)

    两款APP都具有听歌识曲的功能,QQ音乐的触发按钮就在首页的右上角,网易云音乐则需要召唤出左侧抽屉菜单,再进行选择。

    两款APP的听歌识曲都分为了听歌识曲和哼唱识别两部分,页面中间放置了圆形动态图标来呈现识别过程,长按就能开始识别。

    虽然交互体验类似,但不得不说QQ音乐的识别准确度要比网易云音乐高得多。

    其他特色功能界面(注:左-QQ音乐,右-网易云音乐)

    QQ音乐新增了听书版块,用户可以在这里选择有声书、相声曲艺等电台,界面布局与首页类似,清晰明了,用户可以快速选择自己所需要的内容。QQ音乐的功能优化始终围绕“听”来进行,为了弥补社交方面的不足,也新增了扑通音乐交流社区,不过社区入口相对来说比较隐蔽,不会影响普通用户的使用体验。

    反观网易云音乐,从首页到左侧抽屉菜单,塞入了直播、视频、演出、商城等大量冗余的功能,不仅让APP功能架构变得无比复杂,也增加了用户的选择和操作步骤,造成了用户的使用负担。

    总 结

    在视觉设计方面,两款APP都保持了简洁大方的界面布局,QQ音乐的弹窗通常从页面下方弹出,设计以深色背景为主,视觉上保持了统一。网易云音乐则在不同场景下选择了不同的功能弹出方式,尽可能多的优化用户阅读体验,且所有卡片都进行了圆角化,可以更好地为用户打造沉浸式体验,加深品牌印象。

    在操作方面,QQ音乐考虑到了用户的认知负担,在设计中通过设置标签栏等方式为用户认知减负,但在一定程度上影响了APP的视觉呈现。网易云音乐则借助滑动等便捷的手势操作方式,减少了界面操作按钮,保证了设计的一致性。

    在功能架构方面,QQ音乐则始终围绕“听”的主题来进行,信息架构、交互流程简单,保证了核心功能被顺畅使用。网易云音乐则越来越偏离音乐类APP的设计核心,增加了许多看似创新,实则会造成用户操作负担的社交功能,为体验减分。

    (本文首发于公众号:摹客 ,作者:摹客团队)

    相关文章

      网友评论

          本文标题:【案例】QQ音乐 vs 网易云音乐,用户体验哪家强?

          本文链接:https://www.haomeiwen.com/subject/zzhhyktx.html