支持导入本地音乐后的豆瓣FM,如何重构界面交互

fm

豆瓣FM迎来了上线以来最大的一次改版。

尽管跟虾米、网易云音乐等音乐产品相比,豆瓣FM在产品形态上要简单得多,但这个累计用户已经超过2亿的移动应用,仍然是豆瓣迄今为止最为成功的移动端产品。新上线豆瓣FM 4.0仍是一款主打电台的产品,虽然增加了“相似歌曲”和“节目”功能,但你依然无法在这里指定播放特定歌曲。

“相似歌曲”是“红心”功能的延伸,豆瓣FM通过机器学习和用户数据积累来为用户基于单曲来推荐同类型的音乐——这跟苹果推出的iTunes Genius很像。它不仅仅只是在播放电台曲目时适用,你也可以在播放本地曲目时启用。这样,豆瓣FM就能基于你的本地曲库来推荐一系列歌曲——是的,豆瓣FM终于增加了导入本地曲目功能。

“节目”则是豆瓣用户根据不同主题创建的歌单,你在新版客户端上线之前已经可以在豆瓣音乐和豆瓣FM网页版上看到这个功能的身影了。当你收听歌曲的时候,你可以查看这首歌被收录在哪一个节目里,并以此顺藤摸瓜,找到更多的歌曲。

豆瓣FM在增加了包括相似歌曲、节目等功能的同时,也重新梳理了界面的结构逻辑。FM 4.0去掉了原来的抽屉式导航设计,取而代之的是双层的顶栏导航结构,所有的兆赫列表都被直接陈列在首页。播放器终于支持以控件的形式被安置在界面底部,你可以在浏览兆赫或节目时切换或暂停曲目。

总的来说,豆瓣FM 4.0最显而易见的改变是重写了界面和交互。虽然引入了“相似歌曲”和“节目”,但这并是什么独创的功能。但我们也看到豆瓣FM在对功能进行增强的同时,尽可能不脱离电台的本质。

目前,iPhone用户已经可以更新到豆瓣FM4.0版本,Android用户还需要等待一段时间。

fm2

 

PingWest采访了豆瓣FM的产品和视觉交互负责人,以下是采访实录。

PingWest:这次更新,除了增加了很多功能,界面上的变化也很大,比如将“抽屉式导航”改成了双层的导航设计,整个应用的色彩基调也有很大的改变。豆瓣是基于什么样的考虑来进行界面和交互的重新设计的?

豆瓣FM:首先,这是为新目标和扩展而设计的。

豆瓣FM App 4.0版新增了重要的内容形式“节目”,考虑到后续可能的扩展,现有豆瓣FM App的信息架构、交互方式已经不能胜任,同时移动产品设计的趋势也在飞速发展更迭,所以我们围绕新的产品目标重做了 豆瓣FM App的设计。

新界面主要分两部分,“播放层” 和 “内容层”,“内容层” 里包括音乐发现和个人FM管理。原有版本的音乐发现比较隐蔽,为了鼓励用户更多地去发现和探索新音乐,新版里我们在 ”播放层“ 的界面也故意露出了一部分 “内容层” 的导航。而不是原来的抽屉式导航。

其次,是为了新的视觉定义。

关于豆瓣FM整个视觉上的变化(版式和颜色等等),是因为我们希望新版本能够传达给用户一种舒适,明亮,简单好用的感受来出发,最后得出的一个设计结果。当然,这个过程中我们也做了多轮的视觉设计上的尝试。

PingWest:现在豆瓣FM有多少个兆赫频道和节目?为什么本来已经有兆赫了,还要引进节目?兆赫和节目除了分别是由编辑和用户来选择内容外,在定位上有什么区别?

豆瓣FM:为了帮助主动去发现音乐的用户,增加了“节目”。两者定位的不同在于,兆赫的受众是不愿费心查找歌曲,或者不知道听什么的用户;节目的受众是在“随意听听”外,还有主动发现音乐需求的用户。目前豆瓣FM一共有近20万节目,兆赫有数千个。

PingWest:为什么新版可以离线单曲和节目,但原有的兆赫离线去掉了?

豆瓣FM:由于离线的场景偏碎片化,因此在这段不长的时间内,用户更倾向于收听自己有明确感知,或者完全喜欢的音乐,但是兆赫的定位在于被动的推送发现,这和离线的场景需求略有不符,所以增加了离线单曲和节目,去掉了原有的兆赫离线。

PingWest:这次豆瓣FM客户端的改版应该是有史以来最大的一次,豆瓣FM所扮演的角色是否已经发生了变化?现在很多音乐应用除了电台外有非常齐全的功能,豆瓣FM在定位上是在向这些应用靠拢么?

豆瓣FM:新版增加功能的出发点都是从发现音乐的需求连贯下来的。原来是通过个性化音乐推荐的方式,现在增加了主动探索,不管是“主动”还是“被动”,豆瓣FM提供“发现音乐”的初衷是没有变的。

订阅更多文章

你可能感兴趣的: