0 Comments

UX优化实战!我是怎样做SPOTIFY网页版可用性测试

发布于:2014-12-15  |   作者:广州网站建设  |   已聚集:人围观
spotify-web-app-1

编者按:生活在旧金山的用户体验设计师Lin Wang 并非供职于Spotify,但是作为这款软件的重度用户又出于职业习惯,她开始为这款著名的音乐软件的网页版APP,进行了一系列的可用性测试,提出了自己的优化意见和建议。文章内容并不出奇,但是测试方法和思路颇为实用,值得学习。

作为一个独立音乐爱好者,Spotify是我每天会用到的APP,Spotify所贡献出的音乐资源深得我心。但是正如许多伟大的产品一样,优秀的Spotify依然有提升的空间。通过一组可用性测试,我们发现用户在使用Spotify的某些功能的时候,还是会碰到一些关键性的问题。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

从图标开始重生,Spotify APP 的革命之路:《小图标大学问!我是如何设计著名音乐软件SPOTIFY里的图标》

测试目的

确定Spotify 网页APP在“查找音乐”、“整理音乐”和“分享音乐”功能上的问题和痛点。

这是目前的Spotify 网页版APP的着陆页的界面(2014年5月24日)

  • 测试对象:Spotify 网页版 APP
  • 测试人员:八名每天都会登录Spotify听音乐的固定用户(他们并非只使用Spotify)
  • 测试地点:旧金山

设定参与者

我新创建了一个虚拟人物Nick,并设定他为一名iOS开发者并且热爱音乐。

测试任务

  • 创建一个个人播放列表
  • 添加音乐到播放列表
  • 编辑播放列表并分享它
  • 订阅(关注)音乐人

这套测试系统是基于网络在线流媒体音乐服务的基本需求来设定的。人物的划分是基于开放式的场景,避免测试参与者会按照预定的方式来完成这些项目。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

测试过程

在这个过程中,我会使用QuickTime来记录八项可用性测试。完成记录之后,我再根据记录做笔记,并且确定可用性测试问题的优先级。

我会根据测试用户的反馈出来的痛点来进行记录。

根据用户操作来搜集“痛点”

如你所见,尽管这一块明显有许多的问题,但是我依然不打算将它们记录到一起。相反我更愿意着重关注那些被关注较多的、更能提升Spotify用户体验的问题。

问题1:搜索结果过滤

用户希望能够为自己定制搜索结果:
有用户反馈:“我不想用Spotify的原因在于我很难通过它的搜索殷勤找到我想要的东西。”

下面的图片表明,用户希望找到关于“旅游”主题的歌曲,但是用户输入“tourist”到搜索框之后,搜索结果无法过滤和筛选,更重要的是搜索结果本身的呈现形式也不是那么易懂。总而言之,用户无法找到他们预期中的歌曲。

所以,要不试试这种处理方式:允许用户根据艺术家、专辑甚至日期进行排序和筛选,并且将更有意义的搜索结果呈现在列表中。

进入下一个环节

著名设计师Daniel Burka曾经好心地指出:“……用户真正想要的并非更好的排序,而是要筛选出结果…”

在Spotify的筛选系统中,用户已经可以根据“专辑”、“艺术家”、“详情”、“播放列表”以及“音乐”进行排序了(正如我们之前所讨论的),但是这种筛选机制的问题并非在功能本身,而是视觉上让用户感到迷惑——它们看起来太相似了。下图中,搜索出的标签图标和内容看起来就非常相似,哪个是用户真正想要的?用户不知道。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设

不妨试试这种方案:通过小图标来区分不同属性的内容,比如下图中,在专辑内容的图标背后加上一个小唱片来从视觉上区别于其他,使用人物头像图标来标识出用户;使用区分大小写的单词,来强化词语的视觉识别度。相信这些细节上的调整足以改变这种局面。


广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
标签:
飞机