我被Apple Music拒绝了......所以我重新设计了它

转到Jason Yuan的个人资料 Jason Yuan BlockedUnblockFollow 2017年5月8日

我想在这个案例研究的前言中说明我重新设计Apple Music背后的意图绝不是愤怒或怨恨。

今年早些时候,我申请并采访了Apple Music的平面设计实习(这是一生难得的机会),并被拒绝了一封非常友好的信,声称虽然他们喜欢我的工作,但他们希望看到更多的成长和培训。

起初,我很沮丧---西北大学不提供任何形式的本科平面设计课程,所以无论他们寻求什么样的成长,都必须自学...

......但是一旦我意识到这一点,我就开始着手开始一个长达三个月的圣杯之旅--- Apple Music应得的iOS应用程序。

对我来说,这是一个真正深入了解用户体验研究和设计的机会,这是在Sketch和Principle上花费太多时间的借口,这是一个让我周围的人用我粗略绘制的线框笔记本bore ...的理由😂...

您将在下面找到的案例研究提供可能的解决方案,以解决Apple Music的一些问题,以及未来发展的想法。我的流程以定性用户研究,Apple的官方设计原则和我自己的设计师直觉为指导。

介绍

作为一名具有音乐创作和表演背景的设计师,我一直对与音乐和技术结合的体验充满热情。通过设计,我希望有一天能让音乐体验更加便捷和愉悦。

但是,Apple Music总是让我感到沮丧。什么本来是给全世界的人转换成流是经历青春期 的服务 ---一个短语这意味着此处相比,在游戏(又名Spotify的)大人稳步成熟又缺乏吸引力。

为了更好地理解Apple Music,我沿着记忆小道走了一趟并重新开始了它。苹果音乐的第一个身份是一个众所周知的令人困惑的界面和半生不熟的视觉形象,是许多头痛的罪魁祸首。 谢谢你,Lana Del Rey和Wayback Machine

借助iOS10,Apple发布了基于肤色减少原理的急需更新。 窥视那不可思议的Pentatonix作品由我亲爱的朋友和导师安妮·斯托尔

虽然这个新界面更容易导航,但我仍然觉得还有改进的余地。尽管它简化了调色板和放大的排版,但界面却显得杂乱无章,甚至幽闭恐怖 - 这与苹果通常的优雅相去甚远。

我在三个步骤中进行了重新设计,同时进行了整个研究:

  • 核心经验
  • 品牌识别
  • 视觉界面

1.核心体验:音乐发现

我发现的第一件事就是流媒体服务的用户通常会在以下范围内出现问题: 标记自己;我是暧昧的格林地区

囤积者:

  • 有一个他们不时添加的大型图书馆
  • 对他们听的内容更有选择性

游牧民族:

  • 依靠播放列表/精选内容
  • 可能已经在使用Spotify了

Apple Music位于Hoarder一侧。打开Apple Music播放列表,您可能会在说明中找到它:

如果您听到喜欢的内容,请将其添加到您的图书馆。

将播放列表视为发现新音乐的工具是一种理所当然的方法,因为Apple Music将其作为iTunes的过去。但是,目前播放列表的实现方式非常明显。我发现用户不习惯将整个播放列表添加到他们的个人库中,特别是如果所述播放列表不断更新的话。

如果Apple Music希望扩展到频谱的游牧方面,他们必须以带来现有用户群的方式进行。这意味着创建以艺术家和专辑为中心而不是播放列表的音乐发现体验。输入... 我的采样器

我的采样器

我的采样器是一种新的体验,用于弥合Hoarders和Nomads之间的差距,取代目前的"New Music Mix"。它的诞生是出于这样的理解,那些对于进入他们的图书馆的人挑剔的用户也会更不愿意坐在一个充满新音乐的整个播放列表中。更好的体验是呈现策展的片段 - 或样本 - 为用户提供足够的信息来决定是否将其添加到他们的库和每周播放列表中。

进入采样器后,向用户呈现一系列与精选歌曲相对应的艺术家头像。用户可以点按并按住以预览每首歌曲15秒,然后向上滑动以拒绝歌曲或向下滑动以将歌曲添加到其库中。 Tinder一代的音乐

我选择使用手势交互,以便用户即使不看屏幕也可以使用Sampler。一旦用户完成采样,他们的选择将用于创建用户可以收听的新音乐组合。

这次经历背后的机制受到以下引言的启发:

"苹果低估了游戏化的力量。" ---我在洛杉矶采访的UX设计师和Apple Music用户

我已经明白,通过游戏化的体验,用户能够立即建立与他们发现的音乐的连接。此外,采样器有可能为Apple Music提供有关收听者偏好的持续信息流,从而允许应用程序随用户进化和发展。

2.品牌识别

索尼音乐实习期间我了解到一个品牌在流媒体服务中的视觉存在必须是可识别的,但同时也是不可见的。 Spotify在他们的播放列表专辑中使用了半色调摄影和"Bursts"非常好。

相比之下,Apple Music的视觉品牌现在已经到处都是:

这里有各种符号,3D排版和黑白摄影。

此外,还有拼贴主题的封面,并没有真正传达有关播放列表的情绪/感觉的任何信息。 ...

主要问题似乎是Apple Music将所有东西扔到墙上以查看是什么棒,而不是真正开发出一致的视觉语言,这意味着Apple在专辑艺术作品中出现在应用程序中。

我的解决方案基于以下原则:

专辑图稿应被视为UI的一部分,而不是独立的可视组件。

艺术家聚焦艺术品:

受Apple Music欢迎屏幕的启发,我选择在圆形图案中展示艺术家的爆头。圆圈形状的灵感来自iPod clickwheel--这是Apple音乐遗产的标志性部分。 "面内圈"主题也可以在iOS的其他方面看到,尤其是联系人。

此外,我选择旧金山,以便艺术家聚光灯艺术品与UI协调。最后,我将调色板限制为蓝色,紫色和红色的不同色调/色调,以反映Apple Music Icon。 艺术家聚光灯

策划的播放列表作品:

对于Curated播放列表,我希望外观与Artist Spotlights一致,同时通过使用颜色展示播放列表的情绪/氛围的一个方面。使用高斯模糊滤镜(受iOS背景模糊的启发),在相同图像的背景下显示更生动的图像。对于某些封面,我还添加了Apple Music标志性红色的微妙渐变,以增添立体感。 策划的播放列表

核心播放列表作品:

最后,我使用与Artist Spotlights和Curations相同的排版更新了一些核心播放列表的居中图形。 核心播放列表

我认为这个新的品牌推广方案与UI的其他部分很好地协调,并且很想知道这个圆形图案是否也可以根据用户输入以某种方式动画...

3.视觉界面

一般改进

我听说当前界面的主要抱怨是它感觉太无菌了,缺乏喜悦的元素。为了开始解决这个问题,我通过微妙的应用程序范围调整优化了空白区域,如下所示: 上图:EXID的无耻广告

图书馆

我不认为库选项卡的主要更改是必要的,因此我将更改限制为标准空格和类型化调整。我删除了 Downloaded Music 作为默认菜单选项,因为我认为该应用应根据LTE / WiFi的可用性自行调整用户能够访问的音乐。

下面是我添加的一些微妙的动画细节(存在于所有标签中),使应用程序感觉不那么无菌。 应用程序的圆角已经让它看起来有弹性,为什么不让它 感觉 有弹性 呢?

为了你

"For You"是Apple Music的跳动核心。 Apple Music可以根据用户的"喜爱"策划播放列表和专辑,从而灵活地了解用户对该用户的了解程度。

我收到了大量有关当前"For You"感觉如何随机的反馈,因此对于我的重新设计,我的目的是减少用户投入的内容量,同时增加剩下的内容的相关性......比如Facebook和Instagram的"热门帖子" "。

重新设计的"For You"以" My Sampler "开头,代替当前的"My Favorites Mix"和"My New Music Mix"。 "最近播放"保持不变,因为用户发现它非常有用。

向下滚动,你会发现我已经将"每周插入日期---播放列表"更改为特定 情绪 ,该 情绪 将根据位置,时间和最近的社交媒体活动进行调整。

如果在Facebook上查看咖啡馆后,Apple Music会将此 Mood 部分更新为Focus / Study播放列表,那会不会很棒?
如果我们无论如何都要在社交媒体上分享我们的整个生活,不妨从中获取一些东西,你感觉如何?

下面是 每日流 ,这是一个如何根据用户的喜好将独家视频内容推送给用户的示例。例如,我真的很喜欢Katy Perry,所以如果发行了Cartle卡拉OK的Katy Perry剧集,可以改变Call-To-Action以强调Katy的外观。 这在技术上尚未发布,但请让它成为现实。

之后,您将找到经典的艺术家聚光灯,我在此演示中一直展示新的视觉品牌推广方案如何与其他UI协调工作。

最后但并非最不重要的是,用户可以预览他们最喜爱/播放的流派,以便他们可以快速访问更多音乐,如果For You feed中的任何内容都无法激发他们的兴趣。 我想不出一个适合 Pop 的好工具,因此泡泡糖但是 Connect 发生了什么?

好问题。事实是,我没有看到我的研究中的任何数据证明将Connect Feed保持在应用程序中是合理的。用户更喜欢通过音乐(一种Spotify)与朋友和家人联系,而不是通过一个淡化的Twitter与艺术家联系。

我认为Apple应该专注于 将现有的社交媒体 与Apple Music 整合 ,而不是试图在其已经负担过重的消费者身上推出另一款 社交媒体 Paramount Pictures / Mean Girls的图片来源

浏览

我收到的关于当前浏览屏幕的大部分反馈是,它感觉太无菌和不吸引人。一些用户也对"For You"和"Browse"之间的差异表示混淆。

我的解决方案是重新设计Apple网站风格的功能幻灯片---填充视口宽度的Jumbo幻灯片,以及用户在幻灯片中的位置的水平指示。我相信这一变化使精选内容更具吸引力,更少侵入性/随机性。

我还将Radio菜单合并到现有的Browse菜单中。 这方便地为 Watch 标签腾出空间......

今年早些时候,Apple确认Apple Music正在扩展视频流内容,以努力将Apple Music变成流行文化的核心。我很好奇这将如何发挥作用,特别是在移动应用程序的环境中,所以我创建了一个单独的选项卡专门用于浏览独家视频内容和音乐视频。 将标签专用于视频的额外好处是"浏览"可以专门用于音频内容。

最终将有足够的内容来证明专用标签的合理性,但是现在我的设计决策基于泄露的信息以及Apple Music现有的可视语言。

搜索

Apple Music现在处理搜索的主要问题在于它基于模式系统:您可以在Apple Music或您的图书馆中搜索---但不能同时搜索两者。

使用这个应用程序两年后,我仍然发现自己对处于错误模式感到沮丧,特别是因为库模式处理关键字的方式不同: 这尤其令人讨厌,因为输入错误的可能性很高,特别是如果用户正在查找尚未在其库中的新歌曲或艺术家。

我的解决方案是将两种模式合并为一个通用的"搜索",首先显示用户库的结果,然后是Apple Music上可用的任何其他内容。 很明显,我是Lady Gaga的忠实粉丝吗?

对模糊关键字的支持应扩展到用户的库内容。查看与 情绪活动 相关的关键字的结果是否可以在将来实施也将是有趣的。

正在播放

我喜欢Apple在正在播放屏幕上所做的事情,并且认为没有必要进行任何重大调整。我决定按原样保留大部分可视界面。但是,我认为在现有经验的基础上构建一些简单的手势交互的好方法。

对于包括我自己在内的许多用户而言,通过"爱"和"不喜欢"命令"训练"Apple Music的必要性尚不清楚。这可以部分归因于隐藏所述命令的程度;在移动设备上"爱"一首歌的过程需要用户打开一个单独的菜单 - 一个让其影响微不足道的繁琐过程。 "如果它们被隐藏得如此之好,那必定意味着它们无法被发现,对吧?"

我的解决方案是实现大多数用户已经熟悉的手势---双击 - 进入正在播放体验。我观察到许多用户试图在当前版本中按下"浮动"专辑封面(它看起来非常令人愉快)...为什么不添加回复? Instagram一代音乐

此外,我添加了相邻曲目的偷看,用户可以通过水平滑动跳过。我相信这将使用户能够以直观的方式更好地控制他们的聆听体验。 向右滑动即可。

下一步是什么?

回顾我在最初的头脑风暴会议期间在笔记本上写的初始涂鸦,我很高兴看到我在三个月内取得的进展。

进入这个过程,我没有原理的工作知识,几乎无法在Sketch中编辑混合模式。现在......说实话,我仍然认为自己是原型应用中的新手,但是,嘿,我能够做出一些事情 - 这是我所希望的最好的。

我不认为Apple Music的好人会从这个案例研究中拿走任何东西。事实上,如果在Apple Music上工作的人偶然发现这篇文章,我实际上可能会心脏病发作...但如果你在那里,我希望我的工作能够给你一些想法并引发一些对话!

通过这个项目,我逐渐了解了我的影院背景与用户体验设计的关系 - 体验设计师和戏剧艺术家对人类移情的共同理解是相似的。 拿那个,几乎所有在我的简历上翻看的人!

很快,我将开始我的下一次伟大冒险:罗德岛设计学院的BFA平面设计。虽然告别这个过程(以及西北大学)感到很奇怪,但我真诚地希望这只是体验设计事业的开始......通过同理心改变世界的事业。

Jason Yuan 视觉与体验设计师
西北大学戏剧/通讯初级
Twitter | Instagram | 投资组合 | 我们来聊聊吧!

查看英文原文

查看更多文章

公众号:银河系1号

联系邮箱:public@space-explore.com

(未经同意,请勿转载)