首先,研究者是非常受挫的——Northwestern University 没有提供任何基本的平面设计课程,所以如果要成长都必须靠自学,但是当研究者意识到后,有人开始了对Apple Music长达三个月的研究。
对研究者来说,这是一个让研究者可以深入了解UX设计和研究的好机会,可以花费更多时间学习Sketch和Principle的借口,可以跟周围的人解释为什么研究者在绘制粗略的线框图。
你可以在下面的案例中找到一些为Apple Music存在的问题提供的解决方案,以及未来发展的想法。研究者的设计过程是基于本质上的用户研究,Apple官方设计原则,和自己的设计直觉。
介绍
Apple Music 给人第一印象是混乱的界面和不成熟的视觉效果。
在iOS 10,Apple公司以简约为原则发布了版本的更新。
虽然这个新的界面有很清晰的导航,可研究者依旧觉得这里的空间很拥挤。界面让人感觉凌乱,甚至会产生幽闭恐惧症,尽管也是使用的简洁的色彩和大气的排版,但与Apple的优雅相差甚远。
研究者的重设计分为三个步骤,分别包括:
核心体验
品牌识别
视觉界面
- 核心体验:发现音乐
首先研究者发现使用者一般符合下面的范围:
a 标记下自己的位置,研究者在中间的区域
左边为收集者:
随着时间收集了大量的音乐
更有选择性的听音乐
普通听众:
依赖播放列表、推荐内容
可能已经在使用Spotify
打开Apple Music 你可能会在说明中找到:
如果听到你喜欢的音乐,把它加入你的音乐库
将播放列表当作发现音乐的工具来处理是Apple Music像iTunes一样过时的原因之一。但是,播放列表目前实施的方式令人感到僵硬。研究者发现用户对添加整个播放列表到音乐库的体验很不好,尤其是播放列表在不断更新的情况下。
如果想扩大普通听众的人群,就必须在现有的用户基础上实现扩张。这就意味着需要在「艺人」和「专辑」这两个地方代替播放列表创建发现音乐。
私人定制
研究者在基于了解用户前提下,发现即使用户进入音乐库也不愿意通过播放列表添加新音乐。个人认为,一个好的体验是用户能够通过视频或案例可以得到更多的信息,方便他们选择是否加入音乐库或每周的播放列表。
进入私人定制,在用户面前呈现出一系列艺术家的头像和其对应的歌曲。用户可以提前听到15秒的歌曲,并且可以通过向上滑动拒绝听歌或向下滑动添加到个人的音乐库。
研究者选择用手势交互,方便用户在不看屏幕的情况下也能做选择。一旦用户结束了操作,他们选择的内容会被新建一个音乐列表,方便他们听音乐。
这种做法的背后动力来源于下面的采访:
“苹果低估了游戏化的力量”
— 研究者在洛杉矶采访的一位交互设计师同时是苹果音乐的使用者
研究者已经明白了,通过游戏化的体验,用户能够很快的与发现音乐建立联系。另外,私人定制可以为苹果音乐提供关于听众喜好的信息,使APP和它的用户一起成长和发展。 - 品牌识别
研究者在Sony Music实习期间,研究者了解到,品牌视觉在流媒体服务中必须是可识别的。Spotify这点做的非常好,他们的播放列表专辑使用半色调封面就很有识别性。
相比之下,Apple Music 的视觉品牌现在是这样的:
有很多不同的特征:3D效果,和黑白的照片。
另外,有关拼贴主题的封面并没有真正给用户传达关于播放列表想表达的任何内容。
主要的问题似乎是苹果音乐把所有的东西都贴出来当作封面,而不是真正设计一种统一的视觉语言,使苹果音乐的封面在海量的专辑封面中脱颖而出。
研究者的解决方案遵循下面的原则:
专辑作品应该被视为UI的一部分,而不是独立的可视化组件
歌手展示
这个启发来自于苹果音乐的欢迎页,研究者选择在圆形图案中展示歌手的头像。圆形的灵感来自于iPod的轮播图 — 苹果音乐的标志性部分。“头像在圆形内”的特征在iOS其他的也有使用,尤其是通讯录。
另外,研究者选择将歌手展示和UI视觉更好的协调在一起。最后,研究者将颜色限制在蓝色,紫色,红色这三个色系中,来呈现苹果音乐的图标。
a 歌手展示
重构播放列表
对于播放列表,研究者的想法是和歌手展示保持一致,通过使用颜色展示播放列表的氛围。列表的背景则选择将该头像高斯模糊后作为背景(灵感来自iOS的背景模糊)。对于部分封面,研究者会稍微添加些渐变的红色(苹果音乐的品牌色)来增加维度感。
b 重新设计的播放列表
主要的播放列表
最后,研究者更新了主要的几个播放列表的视觉,使用的排版依旧和前面歌手展示保持一致。
c 主要的播放列表 - 视觉界面
总体的改善
苹果音乐当前的页面最大的问题是令人感到没有激情,缺乏愉悦感。为了解决这个问题,研究者以细微的调整页面宽度的方式优化了整个页面,如下图所示:
a 音乐库
研究者不认为对“音乐库”的改变是必要的。所以对留白处和字体做了调整。取消了“研究者的下载音乐”,因为研究者觉得app可以根据当前的网络状态自动判断用户可访问的音乐。
下图是为了增加互动添加了下拉交互动效(适用在不同的tab下)。
为你推荐
“为你推荐”是Apple Music的核心。Apple Music可以通过用户根据喜好建立的播放列表和封面更深入地了解用户。
研究者收集了关于“为你推荐”的反馈意见,因此对于重设计,研究者的主旨是减少用户投放内容的同时增加其余内容的曝光度,就像Facebook和Instagram的“热门文章”。
“为你推荐”中开始的内容展示“私人定制”,代替了“研究者最喜欢的”和“研究者新添加的音乐”。“最近播放”不做改动,因为对用户来说它是很有用的。
向下滚动,会发现研究者根据位置,时间和最近的社交媒体活动对“周播放列表”进行了调整。
就像在Facebook上搜索café 搜立即展示结果一样,Apple Music 根据用户的播放列表选择更新Mood,这不是很好吗?
研究者们在社交媒体上分享研究者们的生活,同时也可以从中得到一些反馈,你觉得如何?
下图是每日推荐,根据用户的喜好推荐给他们相应的视频。比如,研究者非常喜欢凯蒂·佩里,如果她的音乐发布,那就可以重点展示凯蒂的视频。
向后滑动,你就会发现“艺术家聚集地”。研究者将新的品牌视觉效果与其他界面协调一致。
最后,如果用户没有在“为你推荐”中找到感兴趣的内容,为了方便他们能够快速访问更多的音乐,可以让他们预览“最受喜爱”或“最多播放”的音乐。
网友评论