文章對QQ音樂“發(fā)現(xiàn)”功能的改版做了一些小測評，指出了其改版的一些不足與需改進(jìn)之處，一起來看。
網(wǎng)易云靠著接地氣的UGC評論獲得高口碑，而現(xiàn)在QQ音樂想往專業(yè)音評方向走，雖然細(xì)節(jié)上還是有些許體驗(yàn)的問題沒有處理好，但這次的大改版總體上來說還是帶來了驚喜。
/更新前的QQ音樂界面/
作為多款音樂軟件的長期使用者，QQ音樂一直都給我有種五六年前設(shè)計(jì)風(fēng)格的感覺，看見那些粗線邊框大圖標(biāo)就糟心…但正是你有多失望你就有多驚訝，(前兩個(gè)功能視覺上目前并沒有大改)這次【發(fā)現(xiàn)】功能改版看得出QQ音樂的逼格上來了，視覺團(tuán)隊(duì)終于跟上了時(shí)代的審美。但是現(xiàn)在這個(gè)功能下的圖標(biāo)和整體而言，是不一致的…….
/更新后的QQ音樂【發(fā)現(xiàn)】界面/
1 音樂播放bar設(shè)計(jì)
在【發(fā)現(xiàn)】頁面還是使用一致的底部音樂播放bar，進(jìn)入閱讀次級頁面后，底部放置了更多迎合閱讀交互元素的入口，比如評論和分享，而音樂播放則相對變成了一個(gè)不顯眼的小圖標(biāo)，但是會通過跳動告知用戶：你正在播放音樂。
這種設(shè)計(jì)滿足閱讀場景，如果還是使用原來的底部音樂播放bar，無論是轉(zhuǎn)動的CD封面還是動態(tài)變化的歌詞，一定程度上都會干擾閱讀的過程。而現(xiàn)在內(nèi)部跳動的小圖標(biāo)并置于視野邊角，顯然是為用戶提供一個(gè)低干擾的閱讀界面。
2 圖文排版
第一眼就看見左文右圖的排版樣式，畢竟QQ音樂里主流排布都是左圖右文。關(guān)于左文右圖和左圖右文排版的優(yōu)勢之爭已經(jīng)很多年。
左文右圖的優(yōu)勢：z型閱讀，既能調(diào)節(jié)閱讀節(jié)奏，避免疲勞，也能突出標(biāo)題文字。但缺點(diǎn)是，在瀏覽過程中很可能更多人會忽略右邊的圖，直接一直從上往下瀏覽文字。
如果圖片也是很重要的信息，那么左圖右文——將視覺落點(diǎn)左邊放置圖片，將作為吸引用戶的一個(gè)重點(diǎn)。但目前就我所知(本人是音樂專欄作家)，封面圖片的挑選規(guī)則是在QQ音樂官方庫里挑選的，所以很大程度上封面照會有幾率重復(fù)出現(xiàn)，因此這不是要表達(dá)的信息重點(diǎn)，而對于封面照的官方把控，也能看出來騰訊對這個(gè)功能頁面內(nèi)容質(zhì)量的看重，避免各種奇怪的視覺元素充斥頁面，破壞整體美感。
3 節(jié)奏阻隔
除了普通的圖文列表，QQ音樂還有一個(gè)大圖類別，既能作為重點(diǎn)內(nèi)容推送，也能作為節(jié)奏阻隔，防止視覺上這種(如上方右圖)一劃到底，失去焦點(diǎn)的行為。當(dāng)文字瀏覽過久，突然出現(xiàn)的大圖片會吸引注意，打斷過快的瀏覽，而這種節(jié)奏把控在每7-9個(gè)橫列表之間會出現(xiàn)一次。
這種手法很多app在設(shè)計(jì)時(shí)會用，但一般會如右圖般直接將文字也以攔斷設(shè)計(jì)。但QQ音樂做出來的則是左邊的設(shè)計(jì)，雖然犧牲了一部分圖片的完整性，但是在文字排版上整體保持了一致性，而且保持眼跳范圍，一定程度上提高瀏覽效率。
4 標(biāo)簽設(shè)計(jì)
QQ音樂軟件里本身就有各種類型的標(biāo)簽設(shè)計(jì)，【音樂館】的標(biāo)簽會隨著背景圖片的不同而做相應(yīng)的調(diào)整，白底黑字或者是黑底白字。
而【發(fā)現(xiàn)】版面的反白標(biāo)簽真的做得特別清晰。
但是當(dāng)在大尺寸海報(bào)上運(yùn)用就比較難識別，但是如果在這里用白底黑字就又會和標(biāo)題產(chǎn)生混淆，所以當(dāng)遇上這種大圖片的標(biāo)簽情況設(shè)計(jì)需要更多的考慮，一來是易辨識，二來是與整體標(biāo)簽設(shè)計(jì)保持一致。
雖然我個(gè)人是挺滿意QQ音樂這次的大改版，但還是有些許體驗(yàn)的問題沒有處理好
1 表單填寫
在移動端填寫網(wǎng)址?我一反應(yīng)，嗯，應(yīng)該是選填吧。再仔細(xì)看看，必填。在移動端填網(wǎng)址本來就真不是一件體驗(yàn)多好的事，但是也有可能是出于提高專欄進(jìn)駐的門檻，正好也減輕審核壓力。
2 調(diào)出鍵盤
這個(gè)無法接受了哈，為什么填郵箱調(diào)出的不是英文鍵盤啊，是不是忘了給開發(fā)標(biāo)注鍵盤類型。
3 置頂
習(xí)慣了看完長文雙擊置頂?shù)牟僮髯屛以谶@里懵了一下，目前是不支持這個(gè)操作的?？赐暧袝r(shí)候想回到頂部的時(shí)候內(nèi)心崩潰。
4 提示
我一直不是很明白為什么QQ音樂的提示要做到那么遠(yuǎn)距離，還一閃即逝。做成toast不行嗎?
5 每次評論完都不知道自己的評論在哪里系列
網(wǎng)易云好歹是往下滑動能找見，QQ也藏太深了在次級頁面。
6 點(diǎn)贊的文章
既然有那么大的入口，為什么頁面如此簡單粗暴，其實(shí)就是一個(gè)美化過后的列表頁面啊，除了點(diǎn)開看詳情沒有任何可操作性了，點(diǎn)贊的文章量大的時(shí)候是不是可以考慮給用戶整理、篩選、搜索。
以上就是類似于QQ閱讀設(shè)計(jì)的實(shí)戰(zhàn)案例分析的內(nèi)容，如果想要了解關(guān)于社交網(wǎng)絡(luò)營銷及競價(jià)推廣技巧，可直接點(diǎn)擊查看
