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