等等

相信在用qq音乐的同学已经体验到全新的9.0版本了,那么这次我们就来分析体验一下这个新的版本。虽然qq音乐的流量、资源和内容都十分优秀,但是之前8.0版本的视觉以及体验都让qq音乐在这方面被网易云给压过一头,所以这次的更新就是很重要了!(还不是谁音乐多用谁!)

首先一打开新版,映入眼帘的就是一套丝滑的动效,让强迫症患者感到很舒适。其次他提供了6种不同的皮肤主题,酷的,骚的,炫的应有尽有,UI设计师们辛苦了!那个人还是比较喜欢霜荼白、玄潭黑和灯塔,说实话其他几个主题看上去太花哨看的比较累。

 

1. 首页

可以看到在9.0版本中qq音乐在信息架构上也发生了变化,顶部的标签导航栏移到了下方。个人感觉新版本首页的改动还是很符合用户的心智模型的。你会发现底部的音乐播放bar的层级从强到弱的变化,现在更突出的是分类和模块。这是一个正确的决策,但是从个人角度来说,我也更喜欢新版本的信息架构,因为老版本太强调播放bar然而他并不是一个高频的操作,所以其实没有太必要给一个这么高的优先级,众所周知底部标签bar的优先级是最高的,所以这也会导致很多用户不太习惯通过左右滑动或者点击顶部分类去切换相应的模块。

同时呢,为了避免冲突,顶部标签tab导航和下方的推荐歌单等十字交互就不能一起用左右滑动的手势也是比较遗憾的,内容承载也变少了,所以综合来说新版本的信息架构会更好一些。

再来就是一些细节,比如通用了圆角,老版本的页面卡片都是呈现了直角,但是整体并没有形成一个统一的调性,比较尴尬。新版本中整体用一个词来说就比较洋气了!虽然光看首页有一种虾米的即视感,但我们现在不要下结论,继续看。

左上角的识曲功能的图标个人也觉得是下了功夫的,很多抽象难以表达的图标是需要通过长时间的尝试和案例才能出炉,这边的识曲就是用了定位和音乐两个含义组合而成,很不错。

去掉了头部大色块后, 整体的视觉风格也更简约、时尚。

 

2. 个人中心

再来看个人中心,所以大家发现顶部tab bar是真的很占位置又不好用,这不,挪下来之后又疼出来一些位置。并且整体界面卡片化的设计方法使界面更加模块化,不会显得很散,图标的识别性更像,排序也发生了变化。

再看一下细节,比如说活动中心,和会员中心的两个文案,任务和活动,显然活动会使人更加有参与感,还有副标题,有福利和今日听歌0分钟,很明显咱们听歌不是为了完成任务,你给我布置任务我也不一定回去做,但是你说有福利我就很乐意去看一看。再看右边,如何引导用户去开通会员老版本说的是千万专属曲库任性享,我当然知道马大哥钱多力量大资源多啦,但是如果你告诉我开会员很便宜,这个刺激对我来说会更大咯。

另外想说的是搜索框的默认文案也可以再做一些文章,干巴巴的搜索两个字有点浪费了。

 

3. 发现

发现板块依然还是一些流行动态的信息,但都进行了简化和缩小。整体的信息展示也就更聚焦

 

4. 整体体验

从整体来看,整个UI的框架变得轻量化,信息呈现也更聚焦。在设计风格和品牌调性的传达也比较和谐,特别是卡片和圆角,但是说实话这次UI和架构的优化只能说做出了应该有的水平,但是没有特别眼前一亮的感觉,给的高分应该在于主题皮肤的变化上了。不过相比8.0是要好上了一大截。

除了默认的几款纯色主题外也有一些流量小鲜肉的主题和一些明星、动画故事的主题,这块个性化自定义的功能是一个亮点。但其实网易云音乐也有换肤功能所以还有一个地方可以拿出来说的就是他的音乐卡片还是不错的,这也算是一种情怀的体现吧。

个人认为现在的一些音乐类app除了版权资源用来圈用户,更多的就是靠技术手段来吸引用户比如网易的鲸云音效,以及推送音乐算法等。所以我们再来看这次的改版其实真的算亮点的地方不多,但是依然要给个赞,做出了一套很洋气的界面和那么多丰富的主题界面。

还有更多的更新点没有说,如果有遗漏大伙也可以把看法在评论区留言出来喔!

 

往期阅读

视觉交互都必须知道的交互设计模式

9120年设计师不会根据用户场景做设计怎么行!

想成为设计团队leader你需要做这几件事

 

原文地址: 应谋鬼计(公众号)

作者: 应骏

转载请注明:学UI网 » QQ音乐App9.0全新版本体验

登录收藏
 
你可能喜欢的:
设计没亮点,试试这样!(下篇)设计没亮点,试试这样!(下篇)
移动端筛选常见交互形式及运用移动端筛选常见交互形式及运用
你真的会设计小标签吗?你真的会设计小标签吗?
UI设计经验分享,用实战教你界面改版UI设计经验分享,用实战教你界面改版
想了解VR设计?看完这篇就够了!想了解VR设计?看完这篇就够了!
设计没亮点,试试这样!设计没亮点,试试这样!
根据UI行业趋势,重磅升级全新课程根据UI行业趋势,重磅升级全新课程
UI、交互、PM应该懂的产品提示文案设计【进阶技能】UI、交互、PM应该懂的产品提示文案设计【进阶技能】
四步搞定分页符设计四步搞定分页符设计
浅析儿童APP中图标的特点浅析儿童APP中图标的特点