我是独立音乐爱好者，所以每天都要用Spotify 。它总是能精确分析，播放出打动我心弦的音乐。但是世上没有完美无瑕之物，即便像Spotify这种伟大的产品，也有一些不足，还有很大的提高的空间。本文将通过可用性测试来揭示Spotify在功能上的一些可用性问题。

“我对Spotify真是又爱又恨” — 大家可以发Twitter支援一下我，以便Spotify改进他们的产品

目标

确定Spotify桌面端网页应用在音乐、组织播放列表、分享音乐等功能上的痛点。

目前Spotify网页应用的登录页用户图形界面(5月24日，2014)

What: Spotify网页应用

Who: 8个每天都用Spotify听音乐的用户

Where: 旧金山

用户参与环节

在调度用户测试之前，我创建了用户角色，利用用户角色来选择参与者，来验证自己所想是否正确，这是我创建的用户角色Nick。

这是我的用户角色Nick!他是iOS开发者，喜欢音乐。

姓名：Nick

行为：每天都听音乐，每月去看2-3次演出，有时举行家庭派对，喜欢读音乐博客，使用iPhone和桌面电脑听音乐

资料：27岁，住在旧金山，iOS开发者，2个室友，喜欢数据

需求和目标：在不同的环境下都可以轻松创建歌曲列表，希望挖掘到新音乐，升级时显示升级信息，可以轻松和朋友分享音乐，当喜欢的音乐人更新歌曲后可以及时发现。

测试任务：

1. 创建个人播放列表
2. 在个人播放列表中添加歌曲
3. 编辑播放列表并分享
4. 订阅或关注音乐人

根据用户对音乐流媒体服务的基本需求，制定了用户测试的任务，我将任务描述为开放性场景下的测试，让用户觉得有趣，避免用户在指定期限前才开始草草测试，敷衍了事。

过程：

8次可用性测试均用QuickTime录制了下来，我重复观看了这些视频，开始写便签，开始确定可用性问题的优先级。

每个环节都做了便签，记录用户反映的主要痛点

这是根据用户操作所体现出的痛点

正如你所见，问题良多，一篇文章无法解决所有问题，因此本文之后还会再写一篇。让我们来看看哪些地方做出变化会让Spotify更具愉悦性体验。

问题1

搜索结果很难筛选

用户希望能够定制他们的搜索结果

“我不用Spotify的原因是因为用它很难找到想听的音乐” —  一名用户反映

下面这张图片展示了当用户想要找到一首歌名中含有“tourist”的歌曲时所遇到的问题。用户在搜索栏中输入“Tourist”，但是结果却很难分类、过滤，用户可能找不到想要听的歌

问题1：用户输入“Tourist”来寻找歌曲时，搜索栏没有相近歌曲提示

问题2：用户无法分类和过滤搜索结果

问题3：搜索结果没有以清晰易懂的方式分类表现。

那么我们这么改进一下呢？

让用户可以根据艺术家、专辑、发行日期来分类或过滤搜索结果。

解决1：绿色三角指示器，可以让用户根据标题、艺术家、专辑来分类、过滤

解决2：绿色高亮指示器可以显示当前处理哪一栏信息

解决3：搜索结果根据艺术家名字的字母表排序
下一个环节

天赋异禀、饱受尊敬的设计师 Daniel Burka 友善的向我指出“分类不应该是用户干的事儿，用户只需要得到分类的结果，然后过滤信息，获取自己想要的结果。”

在Spotify的信息过滤中，如下图——他们有着“专辑”、“艺术家”、“艺人资料”、“播放列表”、“歌曲”等分类。但是Spotify的过滤方式让用户感到混淆——分类不同，看起来却差不多。

问题1：每个分类标签在视觉上太相似了，让用户很难辨识不同点，也很难需找到自己想要的音乐

问题2：这是页面呈递给用户的方式。在版式上非常的不清晰，看不出信息的层次感。

问题3：即便标签通过宽度和高度的设置，让它们有别于音乐内容。但是全大写的字母，让用户很难辨识标签之间的不同。
那么我们这么改进一下呢？

如下图，小小的改进，让结果大不同。

解决1：我移除了全大写，让标签看起来宽度不一，更好识别

解决2：移除了“查看全部”链接，让整体界面更加清晰

解决3：为了区分内容，在视觉上我添加了一些小改动。例如专辑后面显示黑胶，而歌曲没有。

解决4：在“艺人资料”这一块中添加了用户图标，以提高辨识度。

问题2

工具提示让人很困惑

在用户眼里“+”代表添加，而不是“保存”、“关注”

“每次我点击加号，以为是添加到播放列表里面，但是却没有” —  用户

“真让人费解” —  用户

“为什么会代表这种功能?” —  用户

初次测试中，每个参与者都以为加号代表添加到播放列表，然后事实证明他们是错得。而第二次测试中，还是会有一半的参与者在想要添加到播放列表时，下意识地点击加号，点完了才想起这是错的。而在其他页面中，加号又代表了“关注”和“清零”，这么明显的一致性问题还会出现，真是令人匪夷所思。

当我们把鼠标悬停在加号上时，会有工具提示，说这是保存功能，但是没人能够发现东西保存到了什么地方(5月21日, 2014)

在这个页面中，加号又代表着关注，让用户感到困惑：”之前不是代表保存吗？“

在播放列表界面中，悬停在加号上却没有任何工具提示，让人感到无助。

我们这么改进试试呢？

赋予“+”号“添加到”功能，让用户可以选取所想要添加的播放列表

解决1：一旦用户点击了加号按钮，他们可以将歌曲添加到所选择的播放列表中，也可以新建一个播放列表。

问题3

我为什么要去关注？

“关注”按钮让用户摸不着头脑

“关注”按钮搞懵了所有的参与者，每一个参与者都以为他们关注的艺术家都会出现左面板中的“关注“页面中，但是却没有。

“我关注的艺术家哪儿去了？” —  用户

“关注到底是啥意思啊” —  用户

“看来关注这个功能不好用，只能用搜索功能来找喜欢的歌手了” —  用户

参与者认为”关注“界面会显示他们已经关注的歌手列表。但是却没有，关注页面只显示下图的内容。

左面板中得关注按钮实际上是”关注“的操作界面，而不是显示关注结果的界面。

我们这么试试呢？

在关注页面中添加”已经关注的艺术家“。展示歌手最近的歌曲更新、巡演日期等内容。如下图。

解决1：用户只需点击左面板的关注，就可以找到已经关注的艺术家

解决2：用户可以点击 News Feed来获取下拉菜单，其中会有和歌手相关的近期信息。下一步

目前Spotify的设计还算整洁，但是不能容纳大量信息，且视觉平衡感有点差。

“即便是视觉整洁、紧凑的几面，但是如果需要在按钮上悬停才能知道按钮的功能，这样的界面是不合格的 ”— @Daniel Burka

这一点我又找了其他用户进行了访谈，发现了导航面板中的几个问题。

Spotify当前的导航面板

问题1：有些菜单项包含了子菜单项，桌面端空间充足，最好还是展现所有功能

问题2：Your Music菜单项中包含播放列表、歌曲、专辑、艺术家

问题3：用户个人资料的图标不清晰，而且也没有工具提示来帮助用户

我还认为Spotify导航面板中得图标布局有点为移动端优化的意思，可是这是桌面网页端应用，应该采取桌面端的设计模式（例如iTunes的版式布局），这样用户便能更好理解。

为了让界面能够容纳更多信息，我做了如下设计改动。

扩展了左面板空间，这样用户可以更清晰的了解菜单项

左面：

解决1：让搜索栏更明显

解决2：调整了图标尺寸，添加文本，更好解释菜单项

解决3：用这种方式创建播放列表更加容易，只需要点击加号就能创建播放列表

解决4：通过颜色的设置，让可点击文本和不可点击文本差异更明显

解决5：滚动栏让用户可以浏览多个播放列表，方便添加歌曲

解决6：将个人资料、账户、通知等个人信息组织在底部，文本让用户可以更好的理解按钮操作。

右面：这是第二版，可能稍微复杂了点

解决1：关注按钮中包含了更多信息，虽然这可能让用户看到分心，但是在访谈中，很多用户说这没什么大不了的。

下一步：

1. 确认我的改动有效
2. 更多地用户测试
3. 迭代

用户研究的目的是为了理解用户需求和动机，这样便能构建出用户喜爱的产品。带着用户的需求去研发产品，这就是我理想中的设计流程。

注意：我不是Spotify的设计师。这个重设计建议是因为我每天都用Spotify，我喜爱它——我想让它变得更好，让我每天可以更轻松的听我喜欢的音乐。我是一名UX设计师，希望我的想法能被Spotify发现，让产品更加精致。

作者Twitter：@linafab

网站：http://thelinwang.com

编者注：今天狗仔队一下，贴上几张instagram找到的作者照片，不谢。。。