搜索场景下,播放队列是怎样的存在?
Q:有一个问题请教。QQ音乐安卓客户端。在搜索里搜到自己想要的某一首特定歌曲,选中就会播放,但是加到当前播放队列中的歌曲是所有搜到的歌曲。这样用户体验不是不好吗。作为用户我就会很迷惑啊。
在微信后台看到这个问题,我脑洞被打开了一下下,原来搜索歌时循环播放搜索列表的歌曲这回事,这是我第一次关注播放队列。除了QQ音乐,又继续看了虾米音乐和网易云音乐这两个常用的app,发现三者对于播放队列的处理方式都不同。这是一件很好玩的一件事。
好了,这个时候问题来了。
当你搜索了一首歌,然后在搜索页面打开搜索到的歌曲,你下意识听到的下一首歌会是什么?
1、单曲循环播放打开的歌曲;
2、播放搜索列表当中的下一首歌;
3、【处女座】当我的手指轻轻拉动菜单到下一首歌时,音随心动,无比任性;
4、随机播放或顺序播放之前听过的历史歌曲
......
调戏了一下QQ音乐,QQ音乐提供了展示【播放队列】的入口,这个入口与播放歌曲的按钮是平行的。在搜索歌曲的场景的处理上,当用户点击播放歌曲后,默认当前页面展示列表的歌曲进入到播放队列,原先在播放队列当中的歌曲被删除替代。
网易云音乐.jpg 网易云音乐2.jpg网易云音乐在搜索场景下,则没有提供播放器入口,采取的方式是循环单曲而并非整个搜索出来的歌曲列表
虾米音乐2.jpg 虾米的右下角.jpg虾米音乐的处理方式则不同。1、在搜索场景下,播放队列并不像QQ音乐提供直接的入口;2、进入到具体的播放音乐界面后,按照用户习惯右下角应该是播放队列入口,但右下角却是音乐均衡器,有很长一段时间,我甚至认为虾米是没有给出播放队列的界面的,那虾米音乐的播放队列藏在哪?当用户用手滑动播放器页面的图片时就能看到播放队列;3、按层级来说,从搜索的场景到播放器的场景这样数下来,虾米的播放队列隐藏在三级页面,QQ音乐放在二级页面上。
3个app,3种不同的处理方式。除去统一风格这一方面的因素的影响,纯粹从场景上来考量,这背后的思维是怎样的?
一、搜索场景页面下,循环播放页面列表歌曲与循环播放单曲两种处理方式有什么区别?
就像我前文说到的,每个用户的意识当中的下一曲都有可能不同。循环播放页面的歌曲的这种考量从何而来?我觉得有几点:1、用户在搜索一首歌的时候目的就是在找歌,循环播放能够减少用户的操作,用户听完这一首可以自动听下一首,如此可以帮助用户便利的对比不同歌手的音乐,而循环播放单曲则是减少了用户的噪音,针对部分挑剔以及已经找到歌曲的用户来说,播放单曲会是其第一想法;2、从用户的使用时长来出发,循环播放列表或许对大部分用户来说是最好的,因为用户都很懒,从我自己出发,我有时候可能就是开着歌曲让他自动播放,而这种方式也许会增加用户在app上的时长。当然,这两种方式应该都有数据支撑,我手头没有数据,不能下定论。循环播放列表会是一个不错的保守的处理方式。
至于网易云音乐由于搜索场景下只是循环单曲,自然没有播放队列的必要。而QQ音乐、虾米音乐则需要提供播放队列便于用户选取。
播放队列相较于歌曲清单、历史播放歌曲来说,是短生命周期的存在,他的存在就是为了便于用户在当下对所听的音乐进行选择。所以在搜索场景下,你可以发现播放队列都会即时清空,以至于某些时刻,用户觉得不爽的地方就在于,搜索下一首歌的时候,搜索的前一首歌因为忘记放入清单而不见了,这时候又得重复操作把音乐找回放入清单。
我们可以想想,这里有没有一个不错的解决方案处理这个问题。恩,下一篇文章来思考思考这个问题。
二、同样提供播放队列,为什么虾米放到三级页面,而QQ音乐则有所不同?
虾米和QQ处理搜索场景下的音乐的方式是相同的,都是循环播放当前页面的歌曲。但提供播放页面入口的方式上,虾米有意弱化播放队列。再来回顾下这两个图。
从页面展示的操作上来看,虾米的界面更加简洁,一个播放按钮和一个下一首的按钮。而QQ音乐在播放器这一行上,则增加了更多的说明,左右划、播放按钮、队列按钮。虾米音乐在设计上为了简洁放弃了给予用户更多选择的机会,而QQ音乐为了让用户便于选择,但让界面显得更为复杂,操作变得复杂,让用户多了思考的时间。
从Don't make me think 的角度来说,我是追崇简洁、减少思考的这种方案的。因为在这个场景下,其实这个时候播放队列就是所见即所得的搜索页面列表,我知道只要点击一个按钮就是下一首就可以了。因为在搜索场景下,用户的习惯是按顺序听歌,如果第一首歌不是所要的歌曲,只要点击虾米的那个下一首按钮就可以马上到下一首。
而QQ音乐在这里提供播放队列反倒是有点画蛇添足,大部分用户会思考这右侧的按钮是干什么的,然后点击右侧按钮,但发现播放队列就是当前页面展示的歌曲时,这个时候用户就有两种选择,一个选择是后面都先强迫症打开播放队列再选歌,一个选择是不再点击右侧按钮而是点击列表歌曲。
划动有时不一定是最好的方式,QQ这里还增加了文字说明,反倒让整体设计显得不伦不类,内容变得拥挤。
再来反思一个问题,如何合理使用划动这种操作方式。从用户习惯和现有市场上的产品设计来看,一般在使用划动时,划动的受控区域的面积都是比较大的。而且划动操作常常会在切换app的tab这种场景下出现,复合划动反倒显得难用。比如QQ音乐这个,他的上半部分是可以划动的切换tab的,下半部分的划动则局限在播放条这个小区域当中,这可能会造成误操作。这种处理方式反而显得不美。所以不同的操作方式都需要考量合理的使用场景,不能滥用。这是一个很不错的案例。
最后送一张图,一个小彩蛋。
允许非盈利性转载,转载请注明出处,谢谢
微信公众号:PM范儿
这世界没有真理
【欢迎在微信公众号里提一些问题,大家一起探讨成长:)】