起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識小測評 | QQ音樂新改版功能【發現】
文章對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 置頂
習慣了看完長文雙擊置頂的操作讓我在這里懵了一下，目前是不支持這個操作的?？赐暧袝r候想回到頂部的時候內心崩潰。
4 提示
我一直不是很明白為什么QQ音樂的提示要做到那么遠距離，還一閃即逝。做成toast不行嗎？
5 每次評論完都不知道自己的評論在哪里系列
網易云好歹是往下滑動能找見，QQ也藏太深了在次級頁面。
6 點贊的文章
既然有那么大的入口，為什么頁面如此簡單粗暴，其實就是一個美化過后的列表頁面啊，除了點開看詳情沒有任何可操作性了，點贊的文章量大的時候是不是可以考慮給用戶整理、篩選、搜索。
想要抓住用戶閱聽需求的QQ音樂這次最起碼先抓住了用戶的眼球。希望你每次改版都那么給力吧，QQmusic。
作者：中酥，知乎專欄：妙妙的設計蠢蠢的我
本文由 @中酥 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自PEXELS，基于CC0協議
- 目前還沒評論，等你發揮！
