【譯·設計】Spotify 移動端的體驗優化

02-01

在這篇 Medium 上的文章中，作者對 Spotify 移動端提出了一些設計上的個人建議。「Juy 音樂觀察」把他的核心觀點進行翻譯，同時結合國內的音樂應用做分析。文章沒有答案，重點在於啟發進一步的思考。
原文鏈接：Spotify mobile: An experience to consider

我（原文作者，下同）是一個狂熱的音樂愛好者，用過 N 個音樂流媒體服務，但 Spotify 是我在手機上唯一使用的音樂流媒體應用，我非常喜歡 Spotify。今天，我以「設計師」的身份，分享一些我認為可以提升 Spotify 移動端的使用體驗的觀點。

1. 全局統一的搜索欄

在目前的應用中使用搜索欄很不方便。如果我目前位於播放頁，需要回退到上一級（例如「我的音樂」），然後拉出左側全局導航，再點擊「搜索」Tab，經過 3 次操作，才能進行搜索。

聽音樂源自感性而非邏輯，當我正在聽一首歌的時候，我希望也可以方便地開始搜索。搜索應該隨時可達，我建議把搜索欄放在播放頁的右上角。

如作者所描述，三次點擊才能搜索確實是太麻煩了。但這樣的設計一定程度也反映了用戶在這個場景下對搜索的需求和操作頻率一定不高。按照作者的建議直接放到第一級按鈕，未免有矯枉過正之嫌。
搜索放在左側全局導航中，已經強調了它的通用性。Rdio 也是這樣處理，只是設計上更加細緻，搜索欄置頂顯示在全局導航中，樣式和 Tab 也有區分，我認為比 Spotify 把搜索作為全局導航的一個 Tab 來對待更好。

也許應用應該優化的地方是，是否需要提高播放頁（或其它頁面）到左側全局導航的效率？

2. 按住封面展開更多選項

在播放頁面，專輯封面佔據了這麼大的地方，卻沒有任何可選操作，實在可惜。建議按住它可以展開更多選項，效果同目前的「...」（更多）按鈕。

從國內外的多個音樂應用來看，大多數都是把交互做在整個播放頁面上，而沒有再區別對待其中佔了絕大部分面積的專輯封面。在整個區域一般有兩種操作：下滑回到上一級，點擊呼出更多選項（其實還有一個是左右滑換歌，這個幾乎是所有應用的標配，不再贅述）。Spotify 選擇了第一個，Rdio 選擇了第二個，而國內應用，像蝦米和 QQ 音樂，都是同時支持兩種交互，網易雲音樂倒是只支持點擊，不支持下滑，似乎是它優先保持了應用結構的一致，通過從邊緣左滑回到上一級，所以不適合用下滑的交互。
我個人的使用經驗是兩個操作的區分度還是很高的，同時支持也很少會出現誤操作。具體到 Spotify，增加點擊操作也不會存在上述提到的破壞應用一致性的問題，我贊同作者的建議。

3. 移除「快速保存」按鈕

「快速保存」按鈕剛出來的時候，我用起來覺得非常方便。不過用了一段時間，我的曲庫越積越多，各種音樂都有。我會根據自己的心情組織、管理播放列表，這樣我在聽播放列表的時候也不會出現古典樂和金屬樂混搭的情況，這是我更習慣的聽歌方式。既然有了播放列表，「快速保存」生成的曲庫也就沒什麼必要了。

「快速保存」的邏輯和我們熟知的「紅心」按鈕是非常相似的，但其實 Spotify 同時又支持「贊」和「踩」功能。仔細想想，國內的「紅心」按鈕其實同時承載了兩個作用：音樂推薦和音樂庫管理。在 Spotify 的系統中，用兩個不同的按鈕（踩和贊只是推薦的兩面）分別來做曲庫管理和音樂推薦。

我理解的「快速保存」，其實主要是起類似 Draft 草稿的作用，方便、快速地儲存素材，嚴肅認真的用戶之後可以方便地在草稿中查找素材來製作播放列表。
但「快速保存」和「贊」的重合度是相當高的（也許是我受環境影響已經太深），直接用紅心列表取代額外手動維護的「快速保存」曲庫是否利大於弊（更方便，減少用戶認知負擔）。

4. 「更多選項」和「列表」按鈕重新排布

由作者的建議1、2、3聯動的布局變化。

5. 更大的進度條滑動按鈕

6. 優化的搜索體驗

主要建議是當搜索項被清空時，顯示一些推薦信息，包括「正在流行」、「推薦」和「最近搜索」等 Tab。目前的交互是清空後顯示之前的搜索記錄。
我覺得現在的處理更專註，邏輯性更強。作者的這個建議還需要和他之前提到的大幅提高「搜索」可達性的建議結合考慮，也許他想像的是一個更複雜的發現欄目，不再是純粹的搜索了。

7. 給主要按鈕添加立體感

我喜歡扁平設計，但一些重要按鈕（比如說「播放」按鈕），如果能增加一些立體感可以突出它的可點擊，實現上添加一個微小的陰影效果就足夠。

如原文評論中提到的，最大的擔心可能還是對設計整體一致性的破壞。如果能平衡得很好，可用性上確實會有提高。

總結

文章提到的這些建議多是在現有基礎上的視覺上的小改進，實現成本應該不大。我相信這些改動雖然微小，但會很有效。

建議1、2、3讓我帶著思考在五個音樂 App 中做了橫向比較，這也許是閱讀、翻譯這篇文章的最大收穫。