我爱你,Spotify…但现在来点变化吧!

我爱你,Spotify…但现在来点变化吧!

编者注:这是对 Spotify Web 版本的「游击式可用性测试」回顾,针对其做出了产品设计上的一些意见。欢迎对此感兴趣的 PMs 参与讨论。文章翻译自 Spotify : I love you, and please change


我是一个独立音乐爱好者,每天都使用 Spotify 收听歌曲。一直以来,我用它都很开心,但是任何一款伟大的产品,都仍然会有提升的空间。在快速可用性测试后,我们发现了一些在使用 Spotify 功能时遇到麻烦的问题。

场景设计

我的目标:

发现用户在 PC 端使用 Spotify web 版本时:查找、组织和分享音乐中的痛点。

目前测试版本登录后页面(2014 年 5 月 24 日版本)

测试目标:

Spotify Web App

测试用户:

8 个真实存在的每天都会使用 Spotify 收听音乐的用户,但不是必须只能使用 Spotify。

测试地点:

旧金山

参与者的选择:

在进行用户测试之前,我会首先创建一个人物角色,并用这个角色寻找到我的参与者。比如,我在 Craigslist(美国一个网上大型免费分类广告网站)发布了如下的标准条件,它帮助我筛选到合适的参与者,来看看我创建的角色吧,Nick!

Nick 是一个热爱听音乐的 iOS 开发者:

他的行为:

每天收听音乐

每月会去看 2-3 次演出

在一段时间就会进行一次家庭聚会

阅读音乐博客

使用 iPhone 手机或桌面客户端来收听音乐

人物基本情况:

27 岁

住在美国旧金山

职业是一名 iOS 开发者

和 2 个室友一起合租

喜欢 Excel 和数据相关的东西

需求和目标:

为不同场合创建不同的歌曲播放列表

发现新的音乐

获得演出信息更新

在朋友间分享音乐

关注他喜欢的艺人获得最新动态

测试任务:

  1. 创建一个个人的播放列表

  2. 添加歌曲到播放列表中

  3. 编辑播放列表并分享它

  4. 通过订阅来关注艺人

这些测试任务是基于用户使用在线流媒体音乐服务的基本需求而确定的,我会在一个开放式的场景中描述这些任务,防止用户被引导以预定的方式完成它们。

实施过程:

我使用 QuickTime 记录八个可用性测试的过程,回顾录音,做笔记,并确定排序可用性问题的优先级。

每场会议我们都会记录下用户反映出的最主要的痛点。

不同测试场景下根据用户行为发现的痛点。

正如你所看到的,有很多问题会在这里,我不打算在这里讨论它们。相反,让我们来看看一些重点的变化,可以让使用 Spotify 有一个更愉快的体验。

问题与方案

问题 1:搜索结果难以筛选

(1)用户希望能够定制自己的搜索结果。我的一个用户曾经说,「我不使用 Spotify 的原因是,我用它发现任何东西都很难。」

如图所示,用户希望找到标题包含「游客」的歌曲。

用户在搜索栏中输入「游客」,但结果无法进行分类或筛选,于是用户找不到预期想要的歌曲。

如果试试这么设计呢?

在每个分类旁边加上筛选的小箭头,允许用户通过艺人或专辑甚至发布日期排序/筛选歌曲列表会怎么样?正像富有才华,受人尊敬的设计师丹尼尔·布尔卡说的那样,「...... 用户不是要试图将结果分类地更好...... 他们正试图筛选出结果。」

(2)在 Spotify 的分类展示中,有这些项目,比如:专辑,艺人,资料,歌曲列表和歌曲,但是他展示的方式却让用户感到十分迷惑,因为他们长得太像了。

如果试试这么设计呢?

可以有一种方法巧妙的区分这些结果,我在下图进行了详细说明。

  1. 频道标签名称替换掉了所有的大写字母

  2. 删除了查看全部以免造成混乱

  3. 为了区别内容,在视觉上我做了一些改变,比如专辑我添加了表示录音的 icon

  4. 艺人资料喔添加了一个表示人物的 icon 来区分这部分内容

问题 2:工具提示令人混淆

在用户认知中,「+」意味着「添加」,而不是其他的意思比如「保存」、「关注」、「空白」,因此 Spotify 对「+」的解释让用户感到迷惑。

  • 「按一下这个按钮,我觉得会将这首歌添加到我的播放列表。它会保存在哪里?」

  • 天哪!太令人迷惑了!

  • 为什么这里会出现这个功能?

在测试中,所有第一次使用使用该功能的用户都点击「+」号来添加第一首歌曲到他们的播放列表。即使他们后来意识到这不太对,还是有一半的用户仍然再次小心点击了它。这个图标也显示为「追随」和「空」在不同的页面,如下图所示。用户对这种不一致感到非常困惑。

在鼠标划过的时候,「+」提示保存,但是我会保存在哪里?

然而这里「+」却代表关注

在播放列表页面,此按钮没有工具提示,这显然是没有帮助的

如果试试这么设计呢?

「+」的图标表示添加功能,让用户可以选择播放列表并把歌曲保存到这个播放列表里。

在用户点击「+」后,出现下拉列表,用户可以选择添加到自己已有的播放列表或创建一个新的播放列表。

问题 3:我为什么关注?

这里的关注按钮让所有使用它们的人感到迷惑,每个用户都认为他们关注的艺人会在左侧面板的关注按钮下展现,但事实并非如此。

  • 我关注的那些艺人在哪里?

  • 「following」是什么意思?

  • 我仍然使用搜索来找到艺人而不是使用关注功能

用户希望关注页面可以为他们展示他们已经正在关注的艺人,而现在,页面只有三个选项。

左侧面板的「follow」按钮会让用户认为来到这个页面可以查看到自己关注的艺人

如果试试这么设计呢?

在关注页面添加已经关注的艺人模块,展示艺人最新动态,巡回演出时间和清楚的的购买票务信息。

下面是推荐的修改后的设计:

毫无疑问的 Spotify 目前的设计是简洁干净的,但它的信息真的够吗?在这一点上,可不可以用文字代替图标来多展示一些功能而不破坏视觉平衡?就像布尔卡提醒我们:「需要悬停在一个按钮再来推断它的作用是很差的界面体验,即使它很简洁。

我围绕这个概念进行了更多的用户访谈,然后发现了导航面板中的组织问题。

原来的 Spotify 导航面板

我认为,大按钮更适合触屏设备以及更为传统的桌面应用程序(如 iTunes), 这种方式更易让用户理解。

因此,为了在当前界面展示更多的信息,我做了如下的设计建议:

总结

用户研究的目的是要了解目标用户的需求和动机,使我们可以开发用户真正喜爱的产品。通过一个我最喜欢的应用的可用性测试,我找到了一些比较容易修复,可以提升 Spotify 用户赞誉的问题。(该建议还需要更多的验证和测试)

你有任何可能改善 Spotify 的体验的建议吗?你有没有针对自己您最喜爱的产品实行过可用性测试?我非常乐意读到您的想法。

用户体验在线音乐产品设计Spotify
下载极客公园客户端
iOS下载
反馈