Spotify體驗(yàn)小感:輕巧、高效、智能

0 評(píng)論 8373 瀏覽 20 收藏 10 分鐘

Spotify作為全球最大的正版流媒體音樂(lè)服務(wù)平臺(tái),一直以來(lái)臭臉君卻沒(méi)咋好好使用過(guò)。前段時(shí)間特意下載了PC版注冊(cè)了新賬號(hào),感受了一把為期14天的免費(fèi)試用。由于缺乏對(duì)歷史版本的追溯,在此只能說(shuō)說(shuō)我對(duì)新版本的直觀感受。

文章中部分例子基于與云音樂(lè)PC版對(duì)比提出

依然秉承我對(duì)產(chǎn)品簡(jiǎn)析的小原則,將總體感受概括為三點(diǎn):輕巧、高效、智能。

輕巧

全局浮層

1
用戶引導(dǎo)的設(shè)計(jì)原則中,其中就包含了對(duì)觸發(fā)時(shí)機(jī)和引導(dǎo)形式的研究。Spotify引入全局浮層,針對(duì)那些希望用戶查看的全局信息,既鮮明又不占用空間,且不會(huì)打斷操作產(chǎn)生干擾。

功能浮層

說(shuō)到二次確認(rèn),最常見(jiàn)的方式就是彈窗提示?;蛟S太過(guò)習(xí)以為常,我們已經(jīng)忘記要去思考彈窗形式的優(yōu)劣。

20

如果任務(wù)本身就是從彈窗里發(fā)起的,就會(huì)遇上彈框里面出彈窗的尷尬局面。

19

同樣是刪除一個(gè)歌單,Spotify的做法是在旁邊出一個(gè)提示浮層,在里面進(jìn)行話術(shù)提示和二次確認(rèn)操作。既滿足了就近原則、提高了功能指向性,又不會(huì)像彈窗一樣突兀。

8

針對(duì)尷尬的雙層彈窗,Spotify也給出了巧妙的解決辦法。當(dāng)用戶點(diǎn)擊按鈕,會(huì)在附近出一個(gè)警告提示,如果用戶再次點(diǎn)擊就相當(dāng)于二次確認(rèn)。

7

這不禁讓我想到,我們經(jīng)常糾結(jié)二次確認(rèn)彈窗上的按鈕文案,但卻沒(méi)有想過(guò)兩次相同的操作本身就是二次確認(rèn)的過(guò)程。

窗口響應(yīng)式

在PC端安裝應(yīng)用,通常窗口默認(rèn)大小就是所能達(dá)到的最小值,音樂(lè)/視頻類還會(huì)配個(gè)mini模式。而Spotify給了窗口除默認(rèn)狀態(tài)以外更靈活的縮小空間。

很顯然mini模式是為了節(jié)約屏幕空間、滿足基本操作而誕生的控件。然而現(xiàn)如今人們聽(tīng)歌不再是點(diǎn)開(kāi)一首整個(gè)列表一聽(tīng)到底,我們更傾向去瀏覽內(nèi)容、發(fā)覺(jué)歌曲。在這種情況下mini模式就顯得有些雞肋。

更自由的響應(yīng)窗口可以滿足更多屏幕大小下對(duì)資源的展示和操作需求。

3

高效

快速定位當(dāng)前播放

音樂(lè)產(chǎn)品通常會(huì)賦予正在播放的歌曲一些特殊的標(biāo)識(shí),用以與列表中眾多歌曲作區(qū)分,然而頁(yè)面跳轉(zhuǎn)了我們又將如何去定位歌曲呢?在Spotify上,點(diǎn)擊底部全局播放條上的歌曲封面就可以定位到來(lái)源列表,方便快捷。

10

功能可達(dá)性

頁(yè)面滾動(dòng)時(shí)功能置頂?shù)奶幚矸绞皆谝苿?dòng)設(shè)備上很常見(jiàn),但web和PC端上卻經(jīng)常被忽略,更多的是右下角給個(gè)“點(diǎn)擊置頂”的操作按鈕。

可以看到,Spotify在任何頁(yè)面都對(duì)此做了細(xì)心的處理。頁(yè)面滾動(dòng)時(shí)會(huì)將頭部縮成一個(gè)頂導(dǎo)航,方便隨時(shí)隨地進(jìn)行操作。

17

向下滾動(dòng)

18

創(chuàng)建歌單文件夾

與Spotify相同,歌單早已成為云音樂(lè)特色功能之一。隨著歌單數(shù)量越來(lái)越多,隨之而來(lái)就面臨著管理問(wèn)題。

創(chuàng)建和收藏的歌單被放置在左側(cè)導(dǎo)航處,內(nèi)容少的情況下可以很方便地隨時(shí)操作,然而數(shù)量一多就需要滿屏滾動(dòng)且找起來(lái)很不方便。

36

Spotify提供了給歌單創(chuàng)建文件夾的功能,可以將類型相似的歌單放在一起統(tǒng)一管理。很大程度上縮減了左側(cè)導(dǎo)航的長(zhǎng)度,讓體驗(yàn)變得更加高效。

22

智能

歌曲推薦

空狀態(tài)是一種特殊的頁(yè)面形式,也是設(shè)計(jì)師展現(xiàn)個(gè)人想法的一個(gè)空間。存在空歌單的情況有兩種:用戶主動(dòng)創(chuàng)建了一個(gè)歌單但暫未放歌曲;用戶刪除了歌單里的所有歌曲。

歌單為空時(shí)Spotify會(huì)根據(jù)歌單名為你推薦歌曲,歌單中包含歌曲后,便會(huì)根據(jù)已有的歌曲信息匹配更精準(zhǔn)的資源。

4

相似歌單

如果你很喜歡一個(gè)歌單,右鍵“創(chuàng)建相似歌單”就可以依托原有歌單的口味數(shù)據(jù),智能的創(chuàng)建一批相似歌曲,給你源源不斷的探索體驗(yàn)。

37

其他

記得剛?cè)肼毮悄曜鯬C2.0改版時(shí),我曾提出想對(duì)左導(dǎo)航下方的播放卡片做改版。原因有三:播放卡片占據(jù)左側(cè)導(dǎo)航的珍貴位置;因?yàn)榭ㄆ瑢挾仁芟蓿枨?、歌手名顯示不完整;歌曲卡片和播放條上的功能操作離散。

29

給出的解決方案是將歌曲卡片轉(zhuǎn)移到播放條上,二者相結(jié)合。

32

時(shí)隔一年多,發(fā)現(xiàn)Spotify也改了,而且他們處理的更為徹底。以前小小的歌曲圖片根本滿足不了真實(shí)場(chǎng)景中用戶想看封面的需求。因此Spotify不但把歌曲卡片結(jié)合到了播放條上,還支持大小封面模式相互切換。

38

最后插播一個(gè)移動(dòng)端的問(wèn)題

都說(shuō)交互設(shè)計(jì)師最會(huì)講故事,故事好不好在于能不能讓聽(tīng)眾身臨其境,疑惑、迷茫、焦躁都是很不好的體驗(yàn)因子。

Spotify在我的音樂(lè)模塊會(huì)將收藏的歌曲以專輯的維度劃分,點(diǎn)擊專輯名就可以看到我收藏了該專輯下的哪些歌曲。

點(diǎn)擊進(jìn)入優(yōu)先展示收藏的歌曲和一個(gè)大大的播放按鈕,向下滑動(dòng)展開(kāi)專輯信息。設(shè)計(jì)的目的很明了,用戶進(jìn)入首先聚焦的是該專輯下已收藏的歌曲,入口內(nèi)外傳達(dá)的信息與預(yù)期很一致。延伸需要就是想要了解該專輯更多的信息和所有的內(nèi)容,整個(gè)體驗(yàn)形成閉環(huán)。

39

針對(duì)已下載的音樂(lè),我們也有個(gè)類似的以專輯維度劃分的頁(yè)面,與Spotify一對(duì)比,就顯得我們的處理方式稍欠火候。頁(yè)面只排布了該專輯下已下載的歌曲,如果想看專輯信息只能通過(guò)單曲右側(cè)的…按鈕。相似的功能,我們需要用戶掌握更高級(jí)的操作習(xí)慣或更多的摸索成本才能達(dá)到相同的效果。

40

 

作者:臭臉任(微信公眾號(hào):臭臉任的慢生活)

本文由 @臭臉任 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!