「不正常更新」听歌指南（下）（多图）
大家好，不正常杂谈的第二次正常周更来啦！
上回书说道，在音乐App界，有四大高手，分别是东邪西毒，南帝北丐...
诶诶诶不好意思剧本拿错了....
分别是QQ音乐、网易云音乐、酷狗音乐和虾米音乐。
在上次的专栏中，我们从服务的角度给大家进行了一个大致介绍，
然而在这一期，尽管小编的肾缩水到只有16G，还是坚强地下载完了这四个音乐App（为此我删掉了我的百度糯米和keepQAQ），来和大家掰扯掰扯关于它们界面交互设计的那点事儿，给大家在选择上提供一些参考~
6.信息架构
从这些App的信息架构来看，在音乐获取上，大抵不超过以下几类：
①推荐类：根据榜单或算法计算的个人喜好给予音乐推荐，被动接受应用提供的音乐。就像你经常去一家餐馆吃饭，老板就会根据你之前点的菜肴推算你的口味，给你提供一场未知的盛宴。但是因为毕竟不是你钦哦不亲点的菜肴，里面难说有没有黑暗料理仰望天空。在算法方面代码小白不敢染指，但是根据周边亲友的反馈情况来看，网易云音乐和虾米音乐推荐出令人耳前一亮的歌曲的指数似乎更高，且二者都有提供与正在播放的歌曲相类似的歌曲推荐的选项（虽然我觉得网易云推荐的一点也不相似=。=）QQ音乐对于初次使用且未登录的用户推荐的歌单可能就比较一言难尽，以劲歌热曲为主。此外，推荐的准确度与音乐版权的归属也有很大的关系（忘记了各大音乐人归属地的旁友戳这里哟 「不正常更新」听歌指南（上） - 不正常杂谈 - 知乎专栏 ）
②电台类：就是不同主题的主播电台啦，可以感受一下小时候听广播的感觉，也属于被动接受音乐的一种方式，但是相比推荐而言，你可以根据菜单样式自行选择大厨的风格，并且进食的时候往往还有声音美丽的大厨进行解说。
③个人音乐上传：个人认为这应该算是为了缓解版权问题打的一个小小擦边球，对于未上架的音乐，可以通过下载后上传的方式加入到自己的歌单之中，也可以一定程度上解决不同App间切换时数据不同步的问题。
④MV观看：MV作为音乐传播的一种重要方式，通过视觉化的方式来传达歌曲背后的内容，也是陌生化手法的一种利用，能够让听众对乐曲拥有更为深刻的印象（例如好乐day这类型的mv一旦看过就再也无法忘怀）。此外，对于暂时无法上架的音乐，音乐MV也不失为曲线救国的一种渠道。
⑤社群交际功能：一直认为App中的社交功能非常鸡肋的我十分不能理解当下的App社群化趋势，于是进行了一些资料收集，发现中国IT研究中心对手机音乐App有这样的定义：
能通过用户智能手机安全客户端实现各种歌曲搜索在线收听、下载离线播放等功能，手机自带仅限播放功能的音乐播放器不算在内。
据此来看，音乐类App 作为一种功能性较强的应用（专用于听取音乐），在你不想听音乐的时候基本就不会点开，因此就需要一些社交性功能来提高用户粘度，这一点在网易云音乐和酷狗音乐中尤为明显：“朋友”作为一级菜单被放在首屏操作界面中。网易云音乐的“微博式社交”已经具有相对完整成熟的体系，下方的评论也为音乐爱好者们提供了一个交流吐槽写故事的空间。虾米音乐和QQ音乐中则处在更深的层级“发现—社区/音乐圈”中，相比之下更不容易被发觉。但随着多媒体行业的发展，音乐在广大人民群众内心的地位越来越高，音乐App的工具属性越来越重要，在这种情况下是否还需要社交属性来弥补用户粘度的不足，我是持保留态度的...（作为一个16G的小肾我真的只想单纯听听歌呀> <）
除了这些共有的功能，这些App也都具有各自的亮点。如网易云音乐的音乐闹钟和驾驶模式，QQ音乐、酷狗音乐中的音乐弹幕等等。其中酷狗的逻辑是最为简明的，“唱”作为其中一个亮点功能，和“听”与“看”摆在了同等重要的位置，相比之下QQ音乐中的“唱这首歌”的功能层级真是庭院深深深几许...这种根据感官来分类的方式也使人眼前一亮。但是相比其它App在音乐方面的体验挖掘，在本就内容精简的首页，可以看到醒目的“游戏”栏，似乎显得不是那么专一。不过将游戏娱乐与音乐相结合，也算是一种亮点吧？
7.界面设计
在现在这个看脸的世界，毋庸置疑，App的颜值也是十分重要的！
那么这几款App的颜值如何呢？
正所谓：没有对比就没有伤害（预警：以下内容可能掺杂较多个人审美感情色（tu）彩（cao）以及蜜汁歌单，18岁以下请在成人陪同下进行阅读（没这回事））
①首屏视觉
可以看到这四款音乐App的总体风格都是以扁平化为主，QQ音乐和酷狗音乐都有几分 Complexion Reduction 风格的味道：
这种被称为 Complexion Reduction （肤色简约）的手机应用设计趋势，率先由纽约数字设计公司 SWARM 的用户体验／用户界面设计师 Michael Horton 提出。它们设计上的一些共同点：去除原本大面积的界面主色，基本只保留黑白、更大号的粗体字、简化的 APP 图标、提取出的品牌色被用于 UI 的各个细节处。
但酷狗音乐的毛玻璃风格和蜜汁海豚背景，以及高饱和度的按键结合下方的游戏小广告都硬生生拉低了界面的逼格...大家一起性冷淡不好吗。
QQ音乐和网易云音乐均选用了“我的音乐”作为着陆页，可以看到品牌色在工具栏、icon等重要细节的运用。虾米虽然以“推荐”作为着陆页，但下方的播放器也为用户提供了一个快速进行音乐播放的入口。首屏中网易云没有在顶部置放工具栏，窃以为在单手操控的环境下，这种界面设置对于我等短手用户会更加友好一些（毕竟现在iphone也有单手触屏模式啦~倒也没有很大的影响）虾米音乐则凭借天后的颜值加了一个大大的分（现在才理解到虾米猜后面的图标指的是不同音乐风格的电台orz我果然是一个不擅长做阅读理解的人）。
②音乐推荐
③播放界面
· QQ音乐
不知是不是自网易云音乐始，似乎各大音乐平台就都开始使用类似于胶片音乐播放的界面设计，但个人认为这种复古怀旧的拟物设计，可能情怀上的意义更大于使用上的熟悉与方便，毕竟不是谁都能想到通过点击磁带的转轮切换歌曲。
QQ音乐的播放界面以毛玻璃质感设计为主，手势以滑动点击控制，需要少量的学习时间，中央的旋转图片时常会突然变为广告导致误操作，令人十分不爽。除了最基本的播放器模式，QQ音乐也为用户提供了“百变播放器”的功能，可以自行选择播放器界面，然而大部分都需要充值绿钻。
在歌词界面，令人惊喜的是，对于大部分非普通话歌曲，QQ音乐提供了歌词的发音以供听众学习。此外，在弹幕文化高度发达的今天，在音乐播放领域，QQ也引进了这种媒体社交模式。在社会心理学的概念中，当两人以上的人为了共同的目的，以一定的方式结合在一起，并且之间存在互相作用、心理上存在共同感和情感联系时，就可以将其称之为群体。而被音乐划分的弹幕群体之间并没有明确正式的结构，属于“非正式群体”。对于我这类懒宅社交废来说，这种隐私性强、轻量级、低成本的微社交形式明显要比层层叠叠的社区式社交来的讨喜，但从提高用户的留存度而言则逊色一些，而且弹幕把歌词挤到只剩一行真的让人看起来好生气（什么鬼）！
· 虾米音乐
虾米采用的是传统的上图下词的模式，毛玻璃风格无功无过，亮度上也比QQ音乐要高一些，看上去更为明快，橙色高亮当前歌词也比红色要明显许多。操作手势依然以左右滑动和点击为主，左划列表，右划简介，点击则出现完整歌词，在交互上比QQ音乐简明许多。对于播放器装饰上，虾米并未将其作为亮点功能标出，而是作为一个隐藏彩蛋。在ios版本上选择解锁横屏，再将手机横放，便会变成老式磁带的样式。虽然对于大多数没有横屏习惯的用户来说，学习成本较高，且有点意义不明（如果我就是想横着屏幕看歌词呢哼），但比起QQ音乐明码标价各种催着你充钻的行为，倒多了几分趣味。
· 网易云音乐
网易云的黑胶唱片播放界面一度为许多有情怀的音乐爱好者所称道，交互方式极为简明，三张图就能说清：左右滑动切歌，点击屏幕出现歌词。窃以为是最符合用户心理模型的方式之一了，相比之下QQ音乐点击不同部位跳出不同界面的设计简直复杂得反人类...此外也没有播放器样式的选择，非常神清气爽。对于“百变播放器”一类的服务，个人认为从设计上来看，很有情怀，拟物化设计的创意和配色都可圈可点，但是仅仅作为播放器的一部分难免有些鸡肋，尤其QQ音乐绿钻推广的模式更是容易引起用户的反感。不妨推广到全UI主题上，可能会更好一些？（似乎感觉到来自设计师的杀气）
从功能上看，对于多样的播放器界面设计，一开始小编是觉得“并没有什么卵用”，但是静下来思考一下，这种看起来无用的设计一定程度上也唤起了我们对某个我们曾经熟悉的时代的回忆，或是对我们所未知时代的好奇，引导我们一种静下心来回溯过往磁带给我们带来的感动，不至于在数字时代音乐如此易得的大背景下失去对音乐的尊重，这对于速食时代疲于奔命的我们来说，难道不是一种无用之大用吗？
· 酷狗音乐
刚刚打开酷狗的播放界面，我的内心是崩溃的...这几只呼之欲出的海豚是闹哪样啊？左右滑动之后吓得我赶紧把显示模式换成了歌手写真，然后出现了大老师红色假发片的经典造型，虽然这明明不是《幸福的旁边》这张专辑时候他们的样子。
还是再换一个吧...
把背景换成了专辑封面之后，感觉好多了，但是这粉色的按键配色是怎么回事？吓得我赶紧切了一首...于是发现按键的颜色是根据不同的歌进行变化的，看来酷狗对彩色的按键真是情有独钟呢~此处的配色倒是温柔许多，有点趣味。但是对于喜欢硬朗风格的用户是不是有点...
在歌词弹幕部分，酷狗采用的是视频网站的弹幕形式，将歌词压缩到只有两句（如果是外语歌则会去掉中文翻译）空间利用上倒是比QQ音乐充实了许多，但是遇到弹幕较少的歌曲时很容易以为是界面出bug了...或者是要经过较长时间的等待，才会出现一句弹幕。
考虑到界面如此魔性，我决定把背景界面更换成三石弟弟（手动微笑）。然而我找了半天才在“听”左侧的个人中心找到一个小小的衣服图标，把三只魔性的海豚更换完毕，其中无数次误触左上的返回按键，这个按键和左右滑动同时存在的时候很容易使用户产生误解，以为是“返回上一步”而不是“返回上一页”。在几经崩溃后，我终于把界面换成了这样：
相比锁屏状态下的界面，倒是大同小异，无功无过：
④歌词海报
歌词海报的出现很好地满足了用户的分享心理，也增强了音乐软件的社交性。QQ音乐和虾米音乐都采用了在图上叠加文字的方式进行展现。这样展现的好处在于能够给予较强的视觉冲击力，然而对于图片的字体和排版都有着更高的要求。QQ音乐提供了方正清刻本悦宋等字体下载，但依然大部分需要充值绿钻（手动微笑），并且运用了明星效应（例如王俊凯体、张杰体等等），真是处处渗透着商业头脑...免费的字体中以较粗的衬线体为主，较适合颜色强烈、突出、丰富的背景图。
虾米音乐的模板初看可谓是非常惊艳，半透明的设计的确是目前平面设计的一大潮流。然而这个配套的字体却怎么看怎么不走心，并且该风格下对背景图的要求也很高，尤其当字数过多的时候，就会呈现如下的效果：
至于网易云音乐和酷狗音乐都采用了上图下字，图文分离的方式，并且提供了图文、纯文两种模式予以选择。这种情况下，只要配图选的合适，都不会有太大的问题。网易云音乐的留白底色给了用户很大的发挥空间，即使句子过长也不会显得很突兀，也不会发生前者的排版模式下逼死强迫症的情况：
至于酷狗音乐，为用户提供了一个默认的深蓝色渐变背景，总让我觉得它还没有编辑完。且大面积深蓝色的运用已经很大程度影响了观看者的情绪，如果想用它分享一些甜美的歌词，恐怕会有词不及意的结果吧...
8.总结
综上所述（其实我们也不知道综上述了些什么），各位亲爱的朋友们，在交互的简易和友好性上来说，网易云音乐当属首位；从曲库的丰富程度上来说，腾讯音乐旗下的三家（QQ、酷狗、网易云）可能更占优势；如果你是钟爱华语乐坛的小清新，请选择虾米音乐；如果你追求高质量、数量丰富的体验而且又是壕，请选择QQ音乐；如果你对App的颜值有着较高的追求，那么...请远离酷狗音乐（手动微笑）。
作为不正常杂谈的第一篇正常测评，其中多有思维混乱，逻辑不通之处，还请各位看官海涵，并多多指教！
另外欢迎大家留言感兴趣的主题，反正我们也不一定会写的啦！> w <（捂脸跑开）
参考来源（排名不分先后）：
[1]李丽莎，移动音乐应用中用户体验对品牌忠诚度的影响研究，广州：暨南大学，2015
[2]简书：
工具类app的社交化之路
[3]好奇心日报： 苹果和 Facebook 都在用这种风格设计界面，它叫什么？
[4]范晓杰，文化视野下弹幕网站的流行及发展研究，苏州：苏州大学，2015
