翻译 | 如果给Spotify设计一个「朋友圈」…

蒙觉得Medium上的一些探讨挺有意思的,捡一些好的翻译出来。

本文包含了Andres Arbelaez的文章及留言。

Spotify的地位就相当于国内的「网易云」啦!

翻译 | 如果给Spotify设计一个「朋友圈」…_第1张图片

引子

在Spotify的pc端,用户可以看到一个展示「朋友动态」的侧边栏,就像下图这个样子:

翻译 | 如果给Spotify设计一个「朋友圈」…_第2张图片

相比同类音乐播放app,这是个非常让人喜欢的特色。我本人呢就是Spotify pc端以及「朋友圈」功能的死忠。

问题…

尽管用户有这个需求,但是Spotify手机端app上面一直没有加入「朋友圈」这个功能。

下面是一个官方的收集用户建议的页面,可以看到「朋友圈」这个功能得到了很多人的支持(2015年就开始呼吁了哎!)

翻译 | 如果给Spotify设计一个「朋友圈」…_第3张图片

下面这个呢是官方的回应。

翻译 | 如果给Spotify设计一个「朋友圈」…_第4张图片

显然,Spotify官方对这个问题是有认真考虑过的,但最终还是放弃了。原因可能是这个功能的优先级不高或者官方就是想往pc端引流吧!

不管怎样,我个人觉得pc端和手机端应该尽肯能的一致。同时我认为「朋友圈」这个功能也很符合Spotify的商业诉求,用户也非常乐意在手机上使用这个功能并且分享他们的动态。

Snapchat和Instagram都成功的为用户搭建了供他们分享与交流的「朋友圈」,如果Spotify手机端也加入这个功能,要怎样设计?

挑战目标

给Spotifuy移动端增加一个「朋友圈」功能,让用户分享他们的听歌活动。

设计过程

首先,这个模块取自于pc端的「活动」模块:

翻译 | 如果给Spotify设计一个「朋友圈」…_第5张图片

将pc端活动模块转化到手机上,我做了很多尝试与思考:

翻译 | 如果给Spotify设计一个「朋友圈」…_第6张图片
v1:只显示歌名


翻译 | 如果给Spotify设计一个「朋友圈」…_第7张图片
v2:歌名+歌手


翻译 | 如果给Spotify设计一个「朋友圈」…_第8张图片
v3:更多


翻译 | 如果给Spotify设计一个「朋友圈」…_第9张图片
v4a:最终模块(听歌时)


翻译 | 如果给Spotify设计一个「朋友圈」…_第10张图片
v4b:最终模块(没听歌时)


在最终采用的这个设计当中,目的是显示「是否在听歌」的状态,而更多的信息需要到详情页去看。

翻译 | 如果给Spotify设计一个「朋友圈」…_第11张图片

周全的设计

我刚刚在大学结束了系统设计的课程,课程教授我们面对复杂系统时需要做周全的考虑。当我运用系统设计的思维去看待这个设计时,发现一些需要考虑的点:

-空状态

对于一个刚刚下载了app,还没有添加任何朋友的人,界面应该是怎样的呢?

我参考了pc端的空状态,并且用一个“找朋友”的按钮去引导用户操作。

-增加了这部分内容影响了首页的刷新机制

在没有「朋友圈」模块的情况下,首页内容是一次性刷新的。而增加的「朋友圈」模块需要持续同步数据状态。这两者是矛盾的。

因此呐我设计了一个下拉刷新朋友圈状态的交互,并给以提示。

翻译 | 如果给Spotify设计一个「朋友圈」…_第12张图片

-这个设计对于一部分用户是超预期的(没有需要)

增加这么一个「朋友圈」模块会将一项超预期的内容的推送给数百万的用户,这当中有一部分用户是不希望将自己的听歌状态展示给他人的。因此啊我在个人主页设计了一个「展示听歌状态」的开关。

翻译 | 如果给Spotify设计一个「朋友圈」…_第13张图片


最终设计方案——Spotify朋友圈

用户可以滑动查看朋友的听歌情况,并且可以直接点击相关歌曲


启发

1、不要孤立的设计。尽量将组件放到屏幕的内容区域,方便用户更全面的了解与产品的可交互信息。

2、考虑每一种情况。仔细考虑产品设计中可能出现的每一种情况,保证产品交互逻辑的完整与可用。

3、不断的完善很重要。如果没有朋友们对我说的「还可以设计的更好」,我才不会将这个设计迭代这么多次呢!不过啊持续的完善很重要。




(以下是部分评价)


认真提意见的路人甲:

喜欢这个将Spotify社交功能融入到手机端的设计,对不要孤立的做设计也做了很好的阐述。我有一个具有挑战性的建议:将朋友的头像显示成正在听的歌曲封面,这样能让用户更直观的了解到朋友正在听的歌曲。

非常喜欢的路人乙:

我太喜欢这个想法了!

充分发挥不同平台的优势,依此去做适合各个平台特点的设计。作者大大你这个设计很棒啊!

有一个认真提意见的路人丙:

很好的解决方案。拿掉没在听歌状态的人像上面的灰色描边,也许能帮助用户更容易的区分出听歌状态。

被惊讶到的路人丁:

太酷了,考虑的很充分。

太好了,惊讶到我了。

为什么惊讶到我?

因为我知道Spotify其实也在考虑这个功能,而本文给他们提供了一个丝毫不影响产品核心功能与可用性的设计方案。

惊讶到我的路人戊:

(讨论了很多内容,认真到可爱啊~容我就不翻译了)

翻译 | 如果给Spotify设计一个「朋友圈」…_第14张图片



问题:

与Spotify不同

网易云音乐貌似在手机端更重视社交功能

他们又有着怎样的差异与考量呢?

你可能感兴趣的:(翻译 | 如果给Spotify设计一个「朋友圈」…)