相信在用qq音樂(lè)的同學(xué)已經(jīng)體驗(yàn)到全新的9.0版本了,那么這次我們就來(lái)分析體驗(yàn)一下這個(gè)新的版本。雖然qq音樂(lè)的流量、資源和內(nèi)容都十分優(yōu)秀,但是之前8.0版本的視覺(jué)以及體驗(yàn)都讓qq音樂(lè)在這方面被網(wǎng)易云給壓過(guò)一頭,所以這次的更新就是很重要了?。ㄟ€不是誰(shuí)音樂(lè)多用誰(shuí)?。?
首先一打開(kāi)新版,映入眼簾的就是一套絲滑的動(dòng)效,讓強(qiáng)迫癥患者感到很舒適。其次他提供了6種不同的皮膚主題,酷的,騷的,炫的應(yīng)有盡有,UI設(shè)計(jì)師們辛苦了!那個(gè)人還是比較喜歡霜荼白、玄潭黑和燈塔,說(shuō)實(shí)話其他幾個(gè)主題看上去太花哨看的比較累。
1.首頁(yè)
可以看到在9.0版本中qq音樂(lè)在信息架構(gòu)上也發(fā)生了變化,頂部的標(biāo)簽導(dǎo)航欄移到了下方。個(gè)人感覺(jué)新版本首頁(yè)的改動(dòng)還是很符合用戶的心智模型的。你會(huì)發(fā)現(xiàn)底部的音樂(lè)播放bar的層級(jí)從強(qiáng)到弱的變化,現(xiàn)在更突出的是分類和模塊。這是一個(gè)正確的決策,但是從個(gè)人角度來(lái)說(shuō),我也更喜歡新版本的信息架構(gòu),因?yàn)槔习姹咎珡?qiáng)調(diào)播放bar然而他并不是一個(gè)高頻的操作,所以其實(shí)沒(méi)有太必要給一個(gè)這么高的優(yōu)先級(jí),眾所周知底部標(biāo)簽bar的優(yōu)先級(jí)是最高的,所以這也會(huì)導(dǎo)致很多用戶不太習(xí)慣通過(guò)左右滑動(dòng)或者點(diǎn)擊頂部分類去切換相應(yīng)的模塊。
同時(shí)呢,為了避免沖突,頂部標(biāo)簽tab導(dǎo)航和下方的推薦歌單等十字交互就不能一起用左右滑動(dòng)的手勢(shì)也是比較遺憾的,內(nèi)容承載也變少了,所以綜合來(lái)說(shuō)新版本的信息架構(gòu)會(huì)更好一些。
再來(lái)就是一些細(xì)節(jié),比如通用了圓角,老版本的頁(yè)面卡片都是呈現(xiàn)了直角,但是整體并沒(méi)有形成一個(gè)統(tǒng)一的調(diào)性,比較尷尬。新版本中整體用一個(gè)詞來(lái)說(shuō)就比較洋氣了!雖然光看首頁(yè)有一種蝦米的即視感,但我們現(xiàn)在不要下結(jié)論,繼續(xù)看。
左上角的識(shí)曲功能的圖標(biāo)個(gè)人也覺(jué)得是下了功夫的,很多抽象難以表達(dá)的圖標(biāo)是需要通過(guò)長(zhǎng)時(shí)間的嘗試和案例才能出爐,這邊的識(shí)曲就是用了定位和音樂(lè)兩個(gè)含義組合而成,很不錯(cuò)。
去掉了頭部大色塊后, 整體的視覺(jué)風(fēng)格也更簡(jiǎn)約、時(shí)尚。
2.個(gè)人中心
再來(lái)看個(gè)人中心,所以大家發(fā)現(xiàn)頂部tab bar是真的很占位置又不好用,這不,挪下來(lái)之后又疼出來(lái)一些位置。并且整體界面卡片化的設(shè)計(jì)方法使界面更加模塊化,不會(huì)顯得很散,圖標(biāo)的識(shí)別性更像,排序也發(fā)生了變化。
再看一下細(xì)節(jié),比如說(shuō)活動(dòng)中心,和會(huì)員中心的兩個(gè)文案,任務(wù)和活動(dòng),顯然活動(dòng)會(huì)使人更加有參與感,還有副標(biāo)題,有福利和今日聽(tīng)歌0分鐘,很明顯咱們聽(tīng)歌不是為了完成任務(wù),你給我布置任務(wù)我也不一定回去做,但是你說(shuō)有福利我就很樂(lè)意去看一看。再看右邊,如何引導(dǎo)用戶去開(kāi)通會(huì)員老版本說(shuō)的是千萬(wàn)專屬曲庫(kù)任性享,我當(dāng)然知道馬大哥錢多力量大資源多啦,但是如果你告訴我開(kāi)會(huì)員很便宜,這個(gè)刺激對(duì)我來(lái)說(shuō)會(huì)更大咯。
另外想說(shuō)的是搜索框的默認(rèn)文案也可以再做一些文章,干巴巴的搜索兩個(gè)字有點(diǎn)浪費(fèi)了。
3.發(fā)現(xiàn)
發(fā)現(xiàn)板塊依然還是一些流行動(dòng)態(tài)的信息,但都進(jìn)行了簡(jiǎn)化和縮小。整體的信息展示也就更聚焦
4.整體體驗(yàn)
從整體來(lái)看,整個(gè)UI的框架變得輕量化,信息呈現(xiàn)也更聚焦。在設(shè)計(jì)風(fēng)格和品牌調(diào)性的傳達(dá)也比較和諧,特別是卡片和圓角,但是說(shuō)實(shí)話這次UI和架構(gòu)的優(yōu)化只能說(shuō)做出了應(yīng)該有的水平,但是沒(méi)有特別眼前一亮的感覺(jué),給的高分應(yīng)該在于主題皮膚的變化上了。不過(guò)相比8.0是要好上了一大截。
除了默認(rèn)的幾款純色主題外也有一些流量小鮮肉的主題和一些明星、動(dòng)畫故事的主題,這塊個(gè)性化自定義的功能是一個(gè)亮點(diǎn)。但其實(shí)網(wǎng)易云音樂(lè)也有換膚功能所以還有一個(gè)地方可以拿出來(lái)說(shuō)的就是他的音樂(lè)卡片還是不錯(cuò)的,這也算是一種情懷的體現(xiàn)吧。
個(gè)人認(rèn)為現(xiàn)在的一些音樂(lè)類app除了版權(quán)資源用來(lái)圈用戶,更多的就是靠技術(shù)手段來(lái)吸引用戶比如網(wǎng)易的鯨云音效,以及推送音樂(lè)算法等。所以我們?cè)賮?lái)看這次的改版其實(shí)真的算亮點(diǎn)的地方不多,但是依然要給個(gè)贊,做出了一套很洋氣的界面和那么多豐富的主題界面。
作者:應(yīng)駿
公眾號(hào):應(yīng)謀鬼計(jì)
全站高品質(zhì)素材免費(fèi)下載!