打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
面试Apple Music被拒,所以我重新设计了它

一点体会,这是合作翻译的第三篇了,很感谢小伙伴们的辛苦。每一篇优秀译文的产出都很不容易(真正做过译文的人都懂,绝不轻松),需要反复修改,校对多次。说实话,对接优化比我自己翻译还累,不过过程中,相互都学到了很多,还是很值得做的一件事。由于是大家一起去搜集,能够发掘的好文章更多了,这对所有人来说都是一件好事,因为每一个参与翻译和阅读文章的人,都能学到不少,希望有更多热爱翻译和设计的朋友参与进来,传播更多优质内容

今天的这篇文章,是一篇

,作者从体验研究,到品牌识别再到界面视觉都做了非常多的设计分析,非常值得一看,话不多说,一起来学习吧!

以下是译文:

首先,我想在这个案例研究的前言中说明,我重新设计 Apple Music 的动机绝不是来自于愤怒或怨恨。

今年早些时候(译者注:2017年),我申请面试了 Apple Music 的平面设计实习(一生难忘的机会),但被友好地拒绝了。拒绝信中写到:虽然他们喜欢我的作品,但希望能看到更多的成长和练习。

一开始,我很沮丧西北大学不为本科生提供任何类型的平面设计课程(译者注:作者当时为西北大学戏剧专业的本科生),所以无论他们希望看到什么样的成长,都只能是自学了。而正是因为意识到这点,我开始了后来为期三个月长的学习之旅——重新设计 Apple Music 应用。

对我来说,这是一个真正深入理解用户体验研究和设计的机会,一个熟练使用Sketch和Principle的过程,一个带着粗糙线框图的笔记本去烦身边人的理由…

接下来你将看到的是一个为 Apple Music 的部分问题提供可能的解决方案和未来发展想法的案例研究。我的设计过程是以定性用户研究、iOS设计规范和我自己的设计师直觉为指导的。

背景介绍

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

但是,Apple Music 一直令我感到失望。这个旨在带领人们进入流媒体时代的服务正在经历青春期,相比于行业中的成熟产品(如Spotify),它还在稳步成熟,但又缺乏吸引力。

为了更好地理解 Apple Music,我将根据我的记忆对它进行回溯。Apple Music 的第一版的印象是令人困惑的界面和不完整的视觉形象,是糟糕体验的源头。

图片来源: Lana Del Rey 和他的 Wayback Machine

随着 iOS10,苹果发布了一版基于 Complexion Reduction(译者注:尚无公认的中文翻译,由纽约数字设计公司SWARM的用户体验设计师 Michael Horton 在 2016 年提出,详情查看:[https://www.huffpost.com/entry/complexion-reduction-a-new-trend-in-mobile-design_b_577d828fe4b05b4c02fb8b07 ] )的更新。 

虽然新界面的导航更清晰了,但我仍然觉得还有改进的空间。 尽管它简化了配色并放大了字体,界面依然令人感到杂乱,这与苹果公司一贯的优雅设计相去甚远。

除了贯穿全程的研究,我将从三个方面着手对产品进行重设计: 核心体验、 品牌识别、视觉界面。

     核心体验:发现音乐     

我做的第一件事就是尝试分析apple music的用户通常是怎样一批人: 

标记用户位置,我自己是处在中间态,不算重度也非游客用户

重度用户 (Hoarders): 拥有一个他们自己长期积累的资料库,对音乐内容更挑剔

游客用户(Nomads):依靠默认推荐来听歌,很可能已经在使用别的音乐产品

Apple Music 的主要用户位于重度用户一侧。打开 Apple Music 的播放列表,你很可能会在说明中看到:

如果听到喜欢的内容,将它添加到你的资料库中。

考虑到 Apple Music 的前身即为 iTunes,将播放列表视为发现新音乐的工具合情合理。但是,目前的实现方式非常牵强。 我发现用户不习惯将整个播放列表添加到他们的个人资料库中,尤其是当播放列表会不断更新时。

如果 Apple Music 希望将用户群扩大到游客用户,则必须在不影响现有用户群体验的基础上进行。这意味着要创建以艺术家和专辑而不是播放列表为核心的音乐发现体验。我称之为My Sampler 。

我的偏好

'我的偏好'是优化现有的 “New Music Mix”功能,连接重度用户和游客用户之间断层的新体验。它源于这样的洞察:对内容挑剔的用户也不愿意听完一整个播放列表。更好的体验将是呈现精选的片段,为用户提供足够的信息来帮助用户决定是否将其添加到他们的资料库中。  

进入 Sampler 后,用户将看到一系列与精选歌曲相对应的艺术家头像。他们可以点按来预览每首歌曲15秒,然后向上滑动删除或向下滑动将歌曲添加到资料库中。 

为 Tinder (著名交友软件,操作方式和作者设计的 Sampler 类似) 一代设计的音乐软件

我选择使用手势交互以便用户在不看屏幕的情况下也可以进行操作。当用户完成标记,他们的选择将被创建成一个可供收听的 “New Music Mix” 播放列表。

这个设计背后的原理受到访谈中以下用户原话的启发:

“苹果低估了游戏化的力量。” —— 我在洛杉矶访谈的用户体验设计师和 Apple Music 用户

我发现通过游戏化体验,用户能够立即与他们发现的音乐建立联系。 此外,Sampler 还有为 Apple Music 持续提供关于听者偏好数据的潜力,使得应用能够和用户一起成长。

    品牌识别    

在索尼音乐实习期间,我认识到一个品牌在流媒体服务中的视觉形象必须是易识别而不喧宾夺主。 Spotify 在这方面表现出色,他们通过半调(译者注:指为了模拟出连续调影像(色阶)的视觉感觉,一般用墨点(半调网点)的大小或频率的改变,来模拟明暗的变化)摄影和几何元素搭配的视觉效果来处理播放列表封面,突出品牌一致性。 

对比之下, Apple Music 现在的视觉形象非常混乱:有各种符号、3D字母和黑白图片。 

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

主要问题似乎是 Apple Music 将所有内容都扔向消费者,然后看哪个有效,而不是真正开发出一套既能在应用中突出苹果品牌,又能在不同专辑艺术中保持一致的视觉语言。

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

专辑封面应被视为 UI 的一部分,而不是独立的视觉元素。

艺术家专辑封面

受到 Apple Music 欢迎页的启发,我选择用圆形图案来展示艺术家头像。圆圈形状的灵感来自iPod 点按式选盘(译者注:https://en.wikipedia.org/wiki/IPod_click_wheel),苹果音乐品牌的标志性部分。 “圆形头像”样式也可以在 iOS 的其他部分中看到,尤其是通讯录。

此外,我选择 San Francisco (译者注:苹果平台的系统 UI 字体) 以与整体 UI 统一。最后,我将配色限制为不同饱和度/亮度的蓝色、紫色和红色,以凸显 Apple Music 的图标。

 精选播放列表

对于精选播放列表,我希望视觉上与艺术家专辑封面保持一致性的同时,通过颜色反映播放列表的部分情绪/氛围。 使用相同的图像加上高斯模糊滤镜(受 iOS 背景模糊的启发)作为背景,使得显示更加生动。 对于某些封面,我还添加了融合 Apple Music 标志红的微妙渐变,延续品牌一致性。 

精选播放列表

曲风播放列表

最后,我使用与专辑和推荐相同的版式,更新了一些曲风播放列表的封面形式。 

曲风播放列表

我认为新的品牌视觉设计应该要与其他 UI 部分协调一致,并且很期待这个圆形图案可以根据用户的行为产生某些互动。

    视觉界面    

整体优化

我听到的关于主界面最多的抱怨声音是,看起来太性冷淡了,缺乏一些令人愉悦的元素。 致力于解决这个问题,我通过微妙的留白调整优化了负空间,如下所示: 

Library

我认为资料库界面不需要大的改变,因此我将更改聚焦在留白和字体大小上。 我删除了已下载音乐的默认选项,因为我认为应该根据网络情况自动调整用户能够访问的音乐类型。

下面是为了使应用感觉不那么太过于普通,我增加的一些微动效细节(存在于所有标签中):

应用程序的圆角已经让它看起来有弹性,为什么不让它感觉更有弹性一点呢?

For You

“For You”是 Apple Music 的核心功能。在这里, Apple Music 基于用户过去 “喜欢” 的内容来生成播放列表和专辑,灵活地表现它对用户喜好的了解程度。  

我收到了大量关于目前 “For You” 感觉非常随机的反馈,因此在我的再设计中,我旨在减少向用户投放的内容量的同时增加其他内容的相关性...如同 Facebook 和 Instagram 的 “热门帖子”。

“For You” 的再设计从用 “My Sampler” 代替当前的 “My Favorites Mix” 和 “My New Music Mix” 开始。由于用户认为“最近播放”非常有用,我没有刻意的去改变它。 

向下划动,会发现我将 “Insert Day of the Week Here — Playlists” 变成了特定的心情,而心情的内容将根据用户的位置、时间和最近社交网络的活动来进行调整。

如果在 Facebook 上的状态更新后,Apple Music 随即将此情绪部分更新为专注 / 学习的播放列表,那是不是很棒?

既然我们在社交网络上分享一切,也应该从中得到一些,你觉得呢?

接下来是Daily Stream,一个根据用户的喜好将独家视频内容推送给用户的功能。 例如,我真的很喜欢 Katy Perry,所以如果 Katy Perry 的 Carpool Karaoke(译者注:The Late Late Show with James Corden 节目中经常出现的音乐环节https://en.wikipedia.org/wiki/Carpool_Karaoke) 剧集发行了,则可以改变 Call-To-Action 文字以强调 Katy 的出现。 

之后,将看到经典的 Artist Spotlights,我在此演示中保留了这个部分,以展示新的品牌视觉方案与 UI 的其他部分协调一致。 

最后,同样重要的是,用户可以预览他们最喜爱/最常播放的流派。这样如果 For You 中没有任何内容激起他们的兴趣,他们还可以在这里快速接触更多的音乐。

我想不出一个可以代表 Pop(流行乐)的乐器,因此用泡泡糖代替

但是 Connect 有什么变化呢?

好问题。事实上,我的研究中没有任何数据表明将 Connect 流留在应用程序中是合理的。用户更喜欢通过音乐与朋友和家人保持联系(如 Spotify),而不是通过难收到回复的 Twitter 与艺术家联系。

我认为苹果应该专注于将现有的社交媒体与 Apple Music 整合,而不是试图对其已经负担过重的消费者推出另一款社交媒体。

图片来源 :Paramount Pictures / Mean Girls

Browse

我收到的关于当前浏览界面的大部分反馈是,它感觉太平庸,不吸引人。一些用户也对 “For You” 和 “Browse” 之间的区别表示困惑。

我的解决方案是以苹果网站(https://www.apple.com/)的风格重新设计展示banner图——填充界面宽度的推广图,并用水平下划线表明用户所处的位置。我相信这一改变使精选内容更具吸引力,并减少强加/随机感。  

我还将 Radio 菜单合并到现有的 Browse 界面中。 

这方便为 Watch 标签腾出空间...

Watch

今年早些时候,苹果确认在为 Apple Music 扩展视频流内容(expanding into video streaming (http://www.thefader.com/2017/01/16/apple-music-original-video-content-series-movies)),以将 Apple Music 变成流行文化的中心。我很好奇这将如何实现,尤其是在 Apple Music 的移动应用中,所以我创建了一个专门用于浏览独家视频内容和音乐视频的标签。

增加视频标签的额外好处是 “Browse” 可以专用于音频内容

最终将有足够的内容来证明专用标签的合理性,但是现在我的设计决策基于泄露的信息(leaked information (http://www.rollingstone.com/music/news/dr-dre-secretly-working-on-scripted-apple-music-show-vital-signs-20160212))以及 Apple Music 现有的视觉语言。

Search

Apple Music 现有搜索的主要问题是它基于模式系统:您可以选择在 Apple Music 或你的资料库中搜索——但不能同时搜索两者。 

使用这个应用两年后,我仍然会因为处于错误模式中而抓狂,主要由于两种模式处理关键字的方式不同:

这尤其令人讨厌,因为输入的出错率很高,特别是当用户想要查找尚未在其资料库中的新歌曲或艺术家时。

我的解决方案是将两种模式合并为一个通用的“搜索”,首先显示用户资料库的结果,然后是 Apple Music 上任何可用的其他内容。 

对模糊关键词搜索的支持应扩展到用户资料库的内容中。如果未来可以将与 moods 或 activities 相关的关键词结合进搜索结果中也将很有趣。

Now Playing

我喜欢苹果现在“正在播放”界面的设计,并且认为没有必要进行任何大的改动。我决定按原样保留大部分的视觉界面。但是,我认为在现有体验的基础上增加一些简单的手势交互将会很不错。

对于包括我自己在内的许多用户而言,通过 “喜欢” 和 “不喜欢” 标记来 “训练” Apple Music 的必要性尚不明确。这部分归因于上述命令非常隐蔽:在移动设备上 “喜欢” 一首歌需要用户打开一个单独的菜单——一个令这个功能显得不重要的繁琐过程。

“如果它们被隐藏得如此之好,那必定意味着它们不该被发现,对吧?”

我的解决方案是在“正在播放”中增加一个大多数用户已经熟悉的手势 - 双击喜欢(在 instagram 中广泛使用)。我观察到许多用户试图在当前的应用中点击“浮动”的专辑封面(它看起来很合理),为什么不增加一点响应呢? 

为 Instagram 一代设计的音乐软件

此外,我添加了查看相邻曲目的功能,用户可以通过左右滑动快速切换到另一首歌。我相信这种直观的方式,将使用户更好地控制他们的听歌体验。

 向右滑动即可

总结

回顾最初头脑风暴期间在笔记本上的涂涂画画,我很惊喜我在三个月内取得的进展。

做这个项目之前,我从没用过 Principle,也几乎不会在 Sketch 中编辑混合模式。现在,说实话,我仍然认为自己是原型软件中的新手,但是,看,我能够实现一些想法——这正是我最希望的。

我不期望 Apple Music 的员工能从这个案例研究中学到什么。事实上,如果任何在 Apple Music 工作的人偶然发现这篇文章,我都可能会吓得心脏病发作...但如果你碰巧看到了,我希望我的设计能够给你一些灵感并引发讨论!

通过这个项目,我逐渐明白我的戏剧背景在用户体验设计中的价值——用户体验设计师和戏剧艺术家的共同之处在于他们对于人类同理心的理解。几乎所有在我的简历上翻看的人都该记住这点!

很快,我将开始我的下一次大冒险:罗德岛设计学院平面设计学士的BFA。 虽然对这个项目(以及西北大学)说再见很奇怪,我真诚地希望这只是我体验设计生涯的开端,一个通过同理心改变世界的专业。

原文:https://medium.com/startup-grind/i-got-rejected-by-apple-music-so-i-redesigned-it-b7e2e4dc64bf

作者:Jason Yuan

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
iOS 10快速入门——Apple Music
Apple Music还没有收录“说好不哭”,但它在Android上已经很好用
库克笑逐颜开!苹果音乐付费用户数达到 3800 万:力压亚马逊
苹果古典音乐软件已上架
将本地无损音乐上传到Apple Music中使用。
iTunes 12.4更新曝光 终于等到永久边栏设计
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服