close
原標題：小測評 | 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 置頂
習慣瞭看完長文雙擊置頂的操作讓我在這裡懵瞭一下，目前是不支持這個操作的。看完有時候想回到頂部的時候內心崩潰。
4 提示
我一直不是很明白為什麼QQ音樂的提示要做到那麼遠距離，還一閃即逝。做成toast不行嗎？
5 每次評論完都不知道自己的評論在哪裡系列
網易雲好歹是往下滑動能找見，QQ也藏太深瞭在次級頁面。
6 點贊的文章
既然有那麼大的入口，為什麼頁面如此簡單粗暴，其實就是一個美化過後的列表頁面啊，除瞭點開看詳情沒有任何可操作性瞭，點贊的文章量大的時候是不是可以考慮給用戶整理、篩選、搜索。
想要抓住用戶閱聽需求的QQ音樂這次最起碼先抓住瞭用戶的眼球。希望你每次改版都那麼給力吧，QQmusic。
作者：中酥，知乎專欄：妙妙的設計蠢蠢的我
本文由 @中酥 原創發佈於人人都是產品經理。未經許可，禁止轉載。
題圖來自PEXELS，基於CC0協議
返回搜狐，查看更多
責任編輯：
聲明：本文由入駐搜狐號的作者撰寫，除搜狐官方賬號外，觀點僅代表台中中古設備買賣作者本人，不代表搜狐立場。
閱讀 ()
AUGI SPORTS｜重機車靴｜重機車靴推薦｜重機專用車靴｜重機防摔鞋｜重機防摔鞋推薦｜重機防摔鞋
AUGI SPORTS｜augisports｜racing boots｜urban boots｜motorcycle boots
全站熱搜
留言列表
