文章對QQ音樂“發現”功能的改版做了一些小測評，指出了其改版的一些不足與需改進之處，一起來看。

網易雲靠着接地氣的UGC評論獲得高口碑，而現在QQ音樂想往專業音評方向走，雖然細節上還是有些許體驗的問題沒有處理好，但這次的大改版總體上來說還是帶來了驚喜。

／更新前的QQ音樂界面／

作為多款音樂軟件的長期使用者，QQ音樂一直都給我有種五六年前設計風格的感覺，看見那些粗線邊框大圖标就糟心…但正是你有多失望你就有多驚訝，（前兩個功能視覺上目前并沒有大改）這次【發現】功能改版看得出QQ音樂的逼格上來了，視覺團隊終于跟上了時代的審美。但是現在這個功能下的圖标和整體而言，是不一緻的…….

／更新後的QQ音樂【發現】界面／

細節設計

1 音樂播放bar設計

在【發現】頁面還是使用一緻的底部音樂播放bar，進入閱讀次級頁面後，底部放置了更多迎合閱讀交互元素的入口，比如評論和分享，而音樂播放則相對變成了一個不顯眼的小圖标，但是會通過跳動告知用戶：你正在播放音樂。

這種設計滿足閱讀場景，如果還是使用原來的底部音樂播放bar，無論是轉動的CD封面還是動态變化的歌詞，一定程度上都會幹擾閱讀的過程。而現在内部跳動的小圖标并置于視野邊角，顯然是為用戶提供一個低幹擾的閱讀界面。

2 圖文排版

第一眼就看見左文右圖的排版樣式，畢竟QQ音樂裡主流排布都是左圖右文。關于左文右圖和左圖右文排版的優勢之争已經很多年。

左文右圖的優勢：z型閱讀，既能調節閱讀節奏，避免疲勞，也能突出标題文字。但缺點是，在浏覽過程中很可能更多人會忽略右邊的圖，直接一直從上往下浏覽文字。

如果圖片也是很重要的信息，那麼左圖右文——将視覺落點左邊放置圖片，将作為吸引用戶的一個重點。但目前就我所知（本人是音樂專欄作家），封面圖片的挑選規則是在QQ音樂官方庫裡挑選的，所以很大程度上封面照會有幾率重複出現，因此這不是要表達的信息重點，而對于封面照的官方把控，也能看出來騰訊對這個功能頁面内容質量的看重，避免各種奇怪的視覺元素充斥頁面，破壞整體美感。

3 節奏阻隔

除了普通的圖文列表，QQ音樂還有一個大圖類别，既能作為重點内容推送，也能作為節奏阻隔，防止視覺上這種（如上方右圖）一劃到底，失去焦點的行為。當文字浏覽過久，突然出現的大圖片會吸引注意，打斷過快的浏覽，而這種節奏把控在每7-9個橫列表之間會出現一次。

這種手法很多app在設計時會用，但一般會如右圖般直接将文字也以攔斷設計。但QQ音樂做出來的則是左邊的設計，雖然犧牲了一部分圖片的完整性，但是在文字排版上整體保持了一緻性，而且保持眼跳範圍，一定程度上提高浏覽效率。

4 标簽設計

QQ音樂軟件裡本身就有各種類型的标簽設計，【音樂館】的标簽會随着背景圖片的不同而做相應的調整，白底黑字或者是黑底白字。

而【發現】版面的反白标簽真的做得特别清晰。

但是當在大尺寸海報上運用就比較難識别，但是如果在這裡用白底黑字就又會和标題産生混淆，所以當遇上這種大圖片的标簽情況設計需要更多的考慮，一來是易辨識，二來是與整體标簽設計保持一緻。

雖然我個人是挺滿意QQ音樂這次的大改版，但還是有些許體驗的問題沒有處理好。

1 表單填寫

在移動端填寫網址？我一反應，嗯，應該是選填吧。再仔細看看，必填。在移動端填網址本來就真不是一件體驗多好的事，但是也有可能是出于提高專欄進駐的門檻，正好也減輕審核壓力。

2 調出鍵盤

這個無法接受了哈，為什麼填郵箱調出的不是英文鍵盤啊，是不是忘了給開發标注鍵盤類型。

3 置頂

習慣了看完長文雙擊置頂的操作讓我在這裡懵了一下，目前是不支持這個操作的。看完有時候想回到頂部的時候内心崩潰。

4 提示

我一直不是很明白為什麼QQ音樂的提示要做到那麼遠距離，還一閃即逝。做成toast不行嗎？

5 每次評論完都不知道自己的評論在哪裡系列

網易雲好歹是往下滑動能找見，QQ也藏太深了在次級頁面。

6 點贊的文章

既然有那麼大的入口，為什麼頁面如此簡單粗暴，其實就是一個美化過後的列表頁面啊，除了點開看詳情沒有任何可操作性了，點贊的文章量大的時候是不是可以考慮給用戶整理、篩選、搜索。

想要抓住用戶閱聽需求的QQ音樂這次最起碼先抓住了用戶的眼球。希望你每次改版都那麼給力吧，QQmusic。

作者：中酥，知乎專欄：妙妙的設計蠢蠢的我

本文由 @中酥 原創發布于人人都是産品經理。未經許可，禁止轉載。

題圖來自PEXELS，基于CC0協議