开课提醒
7月9日UI/UX实战VIP项目试听课
今日上上签
UI/UX 实战VIP讲座入场券
备注【UIUX 0】领券
最近我朋友在WhatsApp上给我分享了一个歌单，点开连接我才想起来自己早已经卸载了Apple Music。重新安装后才发现Apple Music听歌都需要付费，心想还是Spotify适合我这样的很少充值的 “平民用户” ……不过也引发了我想写一篇关于流媒体音乐平台对比的冲动。
曾经我也是Apple音乐类产品的深度用户，iPod系列Nano, Shuffle, Touch的好几代产品我都有。2017年，Apple宣布将停产Nano和shuffle，从此只存在于一代人的记忆中了。随着流媒体音乐平台的兴起，iPod作为曾经的现金牛逐渐走向陨落。与之相应的iTunes的Apple Music也在随之作出改变，从一个 “点唱机” 软件向一个全面的数字化内容传播平台转型。
“再见苹果曾经的现金牛” iPod 的 销量和总营收占比
自从Apple Music在2015年发布，Tim Cook就对其有很大的期待。如今在多家雄奇的流媒体音乐市场，Apple Music 和 Spotify 领跑美国市场（中国市场是另外一番景象）。
美国各家流媒体音乐平台的月活跃用户数（百万）
Spotify 付费用户数量遥遥领先
就用户数而言，Apple Music 稍稍领先Spotify。但就付费用户数量而言，Spotify还是遥遥领先，而且差距越拉越大。这其中的原因可能很多，但我们不妨从Apple Music和Spotify的用户体验和界面设计(UX/UI, User Experience/User Interface)分析一下。
信息架构与交互设计体系
对于任何一个产品而言，最重要的用户体验之一就是如何引领用户找到他们所需要的内容和信息。我们所说的信息架构体系设计就是关注于信息的组织方式，交互设计则关注于影响用户执行完成任务的元素。
下面两张图表列出了Spotify和Apple Music的信息架构。两者都是比较典型的层级结构。
Spotify 和 Apple Music 信息架构体系对比
好的信息架构设计是通用且永恒的
就像珠宝首饰，最经典的款式总是代代相传。好的信息架构体系所体现的模式和原则也都是经得起时间考验的。比如，信息架构中的一级项肯定都是App中最重要的，数量最好控制在3-5项。
对于Spotify而言是：首页-浏览-搜索-广播和 我的 。
对于Apple Music来说是：音乐库-我听-发现-广播-搜索， 两者基本相同。
Apple的音乐类应用UI设计可以证明这点。即便从2001年的初代iPod到2017年的Apple Music，整体界面设计天壤之别，但是根本的信息架构体系是一样的。
苹果音乐产品信息呈现结构，2001 vs 2017
不光是音乐类App，可以发现无论是什么样形式、内容，信息总是以相似的结构组织呈现。人类对信息的接受、处理习惯性地先从一个比较宽泛的概念（或是一类相似元素的集合)开始，再缩小范围到特定的项目。也就是我们常说的“向下细分”。
下面我们就Spotify和Apple Music都有的关键UX功能对比两者，看看孰优孰劣！
开App见山 |首页
自打开App首页出现，两者就各具风格。Spotify非常注重视觉效果，以图像为主，用图标、符号、图形等元素抓住用户。
据传，Spotify这个名字的是Spot + Identify（发现+识别）两个单词组成。Spotify的首页也很好地体现着两点。App的头部陈列了根据用户喜好制定的歌单，旨在引导用户在最首页就能发现新音乐。
你或许会注意到Spotify的主页特别地长，其实是有用意的：尽可能使得在用户不用过多进行浏览操作的情况下提供更多的内容给他们，并且强调定制化 - 如“为你打造”、“相关推荐”、“最近播放”等等 ('Made For You', 'More Like', 'Recently Played')。
简约的设计也是为了最大化利用‘左右横滑’的交互方式。每个滑块都是一个专题音乐歌单或者音乐子分类，充分利用横向拓展内容空间。
Spotify 附近演唱会
还有一个对于音乐发烧友来说非常有价值的功能是“附近演唱会”(Concerts Near You)。Spotify为用户搜集了近期的表演秀，重点是这是根据用户的音乐喜好进行的推荐！也就是说，只有铁杆ikun才会收到蔡徐坤的信息。
Apple Music Library 我的音乐库
与Spotify不同，Apple Music 的默认首页叫“音乐库”（注意：Spotify有另一个单独的“音乐库”页面在最后）。Apple Music 的“音乐库”想给用户一种“所有感”，页面所有展示的音乐专辑都都是与用户的收听、浏览和购买历史相关的。
此外，与Spotify首页重在“引导用户发现未知的新音乐”不同，Apple Music“音乐库”更侧重引导用户快速、系统化地找到需要的信息。因此Apple Music采用了比较干净纯粹的目录式菜单，“专辑”、“歌曲”、“已下载音乐”等等。用户在点击后，可以很快找到他们已知的音乐内容。不过这也意味着，用户在使用Apple Music时，想要“来点新鲜的”可能就得稍多花点功夫。
刷歌单刷MV刷Idol | 浏览
像刷微博或者女生逛街一样，很多时候用户都是在宽泛地浏览信息。用户这时候并不是有目的性的寻找内容，而是更希望得到新鲜感和启发。这也是App中浏览功能就重要的作用。
Spotify Browse 浏览页
从头部看，Spotify还是注重视觉。以图片为主，向用户推荐如“专属星期五的快乐”这样的定制化歌单。这其实很巧妙地满足了越来越高的用户期待。用户知道Spotify在记录他们的浏览历史，运用机器学习给他们推荐歌曲。因此他们的预期Spotify会在他们准备漫步音乐世界时，给他们来点对胃口的。
滑块下方列了几种不同的选项，如榜单、视频和播客音频等等。这是想让用户知道：他们如果明确自己想要寻找的信息，有这些选项可以帮他们快速筛选和锁定。
另外一个不错的选项是Discover（发现），目的是激发用户的兴趣，给用户完全不一样的发现新歌曲的角度。用户点进去会发现36种不同的音乐 “风格和情绪” (Genre & Moods). 从K-Pop到安眠曲，谁都能在这里找到点喜欢的。
Spotify Browse “Genre & Moods” 风格与情绪
Apple Music在这点上也采取相似的方法 - App头部也是侧滑方式陈列了热门的专题盘点合集（比如下图的 “纯运动”Pure Workout ）。目的也是想让用户能够轻松找到所需内容。
但如果想要找到像Spotify那样一页集中展现36种“风格和情绪”的界面，Apple Music用户需要多点一下才能找到。Apple认为，一下“爆炸式”地给用户展示一堆信息可能反而会让他们不知所措、摸不着头脑。
10 Apple Music Browse 浏览页面
这可能是全世界最大的广播电台 | Radio
Apple Music 最为自豪的就是Radio中的Beats 1电台。Larry Jackson 2017年在接受The Verge采访时曾称之为 “全世界最大的广播电台” ，并称“你再也不会找到另外一个电台同时有这么多听众”。
点击去你会发现此言不假。从著名音乐人访谈到精选电台节目合集，Beats1真的是个宝藏电台。Apple一贯的宗旨就是，要做就要做到极致的用户体验。Beats1也不例外 - 这里有颇具影响力的音乐人、电台DJ和创作人等制作、主持的音乐节目，让听众能够从他们喜欢的艺术家那里接收最前沿的音乐资讯。
Apple Music VS Spotify Radio 广播站页面
Apple在Radio方面似乎是向Spotify取经，也运用了图像营造视觉效果和纵向滑动以展示大量信息。但客观地从用户角度分析，Apple Music胜在封面不是简单地对广播音频内容的 “海报” 式的展现，而是真的关注引导用户发现新内容的体验。
搜你所想 | 搜索
既然两家都称自己收录了全世界最多的好音乐，搜索应该是最能见分晓的功能了。这很体现一个产品的成熟程度，不仅能体现内容的体量和质量，也检测了产品对用户需求的预测能力。
Spotify的搜索在预测方面做得还OK。用户在搜索栏中一开始输入，Spotify就会试图预测并给出相应的推荐。不得不说，Spotify的推荐引擎做得不错，响应速度和精准度都非常优秀。而且推荐的内容排序忠于用户偏好。更令我欣赏的是，Spotify坚持视觉给用户带来的冲击感体验。在搜索结果中会展示歌手和专辑的封面照片。很明显，Spotify希望用户能够在这个页面多停留一些时间，因此根据用户的听歌历史和热搜结果展示了大量内容。
Spotify Search 搜索页面
Apple则是走简约风格，除了前面的小图标帮助区分音乐、专辑和歌手以外，基本上就是文字。搜索结果貌似也只是基于热搜排行。
但是Apple有一点巧思就在于搜索结果和“我的音乐库”可以在同页面进行切换。这样一来，用户在搜索某个音乐时，如果也在自己的已有曲目中搜到了，就不必再浪费流量或者花钱下载了。
Apple Music Search 浏览页面
用户体验
我们和音乐的关系一直在逐渐进化，流媒体的出现更是加速了这种演变。Apple Music和Spotify各有自家真爱粉，也各少不了黑粉。并无法下结论谁就一定好过谁，只是目标受众不同、产品定位不同，当时设计理念和价值主张也就不一样。令我敬佩的是，两家APP都很明确自己的目标用户是谁，并且在产品上有相应的设计巧思。我认为这就是大公司、好产品的终极奥义。
你也想为一个好产品做设计吗？机会来了！最新 UIUX 实战VIP 课程，就要在7月18日开班了。为了让同学能拥有更亮眼的经验，本次实战项目课程将和Deel公司合作----Deel是世界顶级加速器YC旗下一家发展迅速的金融类科技公司，这次UIUX产品设计，能够获得一份难得的FinTech 产品作品。
报名实战项目试听课，抢先了解秋招趋势和攻略。
点击下方“阅读原文”可免费获取金牌导师辅导一次☺