本篇文章3393字，读完约8分钟
寻找灵感，挖掘黑马，评论热点，复制精华——这是黑马通讯社:这是描述音乐产品最合适的词。
作为音乐产品设计团队的一员，作者认同这个事实，并努力朝这个方向设计。然而，我们都知道真相，但设计非常粗糙。为什么它是粗糙的？当你使用它的时候，你会感到害怕。
让我们从自己开始。以下是某一时期q音乐产品的推荐风格。当然，我们看到的许多音乐产品也使用类似的风格。
然而，下面某种程度上的音乐产品的瀑布流风格看起来更高级，相当于pinterest的设计风格。
看看一个卖得很好的易云音乐产品，它真的有一种态度和很多图片。
在中国互联网的三座大山中阅读这些音乐产品的例子后，每个人都能发现我们用脚所面临的问题，那就是，我们成功地运用了各种专业的设计力量和高雅的音乐品味来设计一个美丽、醉人、持久的迭代——
“看图片软件！！！”
(事实上，并不是只有音乐产品才处于危险之中，但米托各种电子商务产品的展示更是令人着迷和眼花缭乱。请带上你自己的防弹背心，下次看着他们。(
自从我找到了插槽，我就开始认真地推测这些问题的原因，并战战兢兢地试图提出解决这些问题的方法。
第一部分:我们为什么这样设计:
首先，我们想把整个故事告诉给用户，结果真的很棒。
其次，我们害怕用户的麻烦，所以我们给了一个漏斗插入用户的耳朵——“全部播放，分批添加”等功能。
此外，我们担心用户看不到这是什么，所以我们给出了一个漂亮的图片来帮助用户想象他们脑子里在想什么。例如，20世纪80年代必须听的歌曲配有一张黄色图片，上面写着一个大大的“80”(smart)。
最后，我们甚至放了一个大图片，因为我们害怕用户看不到盘子。当然，我们一定不要忘记用锋利的英文字体来装饰它，这是完美的，不可战胜的。
基于以上设计思想，完成了交互式布局和跳转逻辑设计。这似乎是一个大计划，恢复草图:
第二部分:为什么用户不喜欢它？
住在深圳南山区的X先生最近接受了一个关于Q音乐产品的令人印象深刻的体验采访。他表达了和许多用户一样的观点，大致如下:
首先，歌曲列表的主题描述仅限于文字，因为手机屏幕太小，不能用滚动条滚动(这真的做不到)。原来，一句话的描述只能读半句话，所以不要读了，扣一分。
其次，直接全播放功能会因为点击图片时的误操作而中断正在收听的歌曲，并直接跳转到播放页面，扣除一分。
第三，用户不知道里面有什么歌曲，为什么要直接播放？首先给出一个理由，因为这不是一个广播电台，所以你根本不能自信地去听。将被扣一分。
第四，这些照片都是大眼睛的美女。如何区分日本、韩国、香港、澳门和台湾？扣一分。
第五，有这么多图片，他们看起来像广告，而且他们最讨厌广告，所以会被扣一分。
第六，如果有这么多照片，肯定会花很多钱，还会扣一分以示仁慈。
第七，玩一个按钮肯定会增加流量，所以不要点击它，扣一分。
第八，如果你点击一个大图片，它会默认播放吗？上面有一个播放按钮。如果你不敢点击，你将被扣一分。
第九，我终于看到了阅读场景的图片。我很感兴趣。当我定睛一看，标题是“没有噪音，没有噪音，听起来不错。”结果，另一张热气腾腾的图片上写着“下午茶咖啡馆里最喜欢的歌”，哪一首听了，纠结了，扣了一分。
...如果起点是10分，那么我们已经失败了。什么样的风格会延续下去，大画面是独一无二的，那就是自我表扬。
鼻青脸肿，老老实实地解决问题，作为一个不是全新设计的产品，基于以用户为导向的设计理念，你可以这样想:
1.本质区别:音乐产品不同于图片浏览产品，因为音乐应该听，而图片只需要看。
Pinterest的瀑布式交互形式旨在解决浏览大量图片时大小不一、内容混杂的问题。metroui的常规颜色块是通过直接动态更新块中的内容而生成的，这与商品不同。
Pinterest网站图片显示
metro ui
可以发现，任何基于图片内容设计的互动形式都不能充分表达音乐产品的特点，因此给观众一个充分的聆听理由是非常重要的。
2.那么吸引用户点击歌曲列表或一组内容的原因是什么呢？正是因为这个原因，“熟悉的和看不见的内容”。
因为这很好地满足了用户的新鲜感和用户的期望，所以对于音乐产品来说，熟悉度是基于对相同风格、流派、歌手、场景等的体验。，或者基于听觉和听觉的认知，而新鲜感则基于不同于他人的个性意识。因此，在用户点击一个按钮或项目之前，有必要完全完成这两个方面的设计交流
3.原因有哪些形式？
首先，最直观的原因载体是文本。感染性、煽动性或比喻性的词语会激起用户点击的欲望。想想很久以前的胶带包装盒。我们听这首歌，但是一遍又一遍地看包装盒，因为这是理解音乐背后故事的唯一方法。把音乐推荐看做一个音乐杂志，应该有更多的文字直接展示在用户面前。阅读单词的效率比阅读图片的效率高得多。用户应该被驱使去尝试完全熟悉和有共鸣的新东西。
其次，熟悉的人物，歌曲是由人创造的。毫无疑问，熟悉的人所创造的内容基本上可以被认为是熟悉的，这是由社会熟悉度和偶像力量驱动的自然原因，是不可抗拒的。
再次，让音乐自己说话。照片不是罪魁祸首，而是锦上添花。歌曲有自己的专辑图片，这是音乐产品所独有的。他们既有视觉也有听觉。因此，只有找到一个合适的方式来呈现音乐的外观，我们才能达到和谐但不同的设计目标。
4.呈现理由的互动方式是什么？
设计的老话说得好，具体问题具体分析。作者基于这样一个原则:得出结论不是一个好男孩，也不一定是一个好男孩。为了在设计思维和互动方法上引发更多创新，以下是一些自我反思和与大家分享的例子:
(1)回归列表呈现模式，列表可以如下:
列表形式的优点是内容和对象呈现更加有序，文本表达区域更大，点击区域更加突出，已读和未读状态更加明显，动作点击更加单一。
(2)提取特征标签并锚定用户期望。
结合音乐产品的使用场景，所有用户收听行为的强相关因素是场合，而不是时间或情感因素。例如，越来越多的用户一边听音乐一边做一些事情来集中注意力或放松，而不是分配特殊的听时间来听音乐。因此，快速找到他们感兴趣的音乐内容尤为重要。提取适合用户或智能判断用户行为的听觉场景的关键词比玩情感牌更准确，比如开车、洗澡和上厕所。
(3)提取典型内容，激发用户期望。
例如，推荐相同摇滚风格的歌曲列表应该直接使用识别度最高的专辑封面来代表这种风格，而不是使用主题氛围图片，这是多余的。
参考案例，苹果应用商店:
(4)动作应该发生在内容之后。
设计应该是有耐心的，只有在新婚之夜后才揭开面纱是完全不可取的。用户应该能够在知道内容后选择批处理。因此，播放全部、添加全部、关注和分享等动作必须出现在内容的底部页面，否则会造成页面各级的点击分流或场景转移，影响整体体验，避免产品印象的混乱和强迫。
(5)减少层次感，创建一种轻量级和方便的方式来呈现内容，并减少用户的预期负担。
参考案例:ios7中内容演示的交互案例
地址:www.apple/ios/ios7
有时候，我认为我满意的设计充满了漏洞。这种设计不是一个晚宴，而是实弹，贴近用户，走进科学。感谢您收看本节目。再见。
三链:吃昆虫、吃厕所和油炸？？3.模纸锻造，模具模具模具模具模具模具模具模具模具模具模具？？. 95镣铐和镣铐？？0.07%锝58.....
当前流行度:0
[娇娇]http://itougu.jrj/view/189514.j.....
当前流行度:0
1.1 .涓涓细流？？邦邦、邦邦、邦邦、交邦和廖廖？？要坚强，要坚强。.....
当前流行度:0
你知道，你知道，你知道，你知道，你知道，你知道，你知道，你知道，你知道，你知道，你知道，你知道，你知道，你知道........
当前流行度:0
缇落入三条锁链？？3镝？？6铥？？0(乌桕脂含有3条链吗？？4镝？？4铥？？0)死，死，死，死又死，4.72？？......
当前流行度:0
那墙，墙，墙和墙呢？？钳子里有丰富的镰刀、叉子、叉子、nan和链条，这些都是銮棒的来源.....
当前流行度:1
你想挑起镝，破坏哮喘吗？？缇，汤，汤，3汤和柊镶嵌？？链条？？4."敌鲁，缇，汤，汤，汤."？？.....
当前流行度:0
咸丰、大树、细垴、十二寸、相互涓涓？？环秀细链，涓涓细流，砸铙钹，甩铙钹，砸铙钹，砸铙钹，砸响，砸得咝咝作响？？葛格·岳格·柊.....
当前流行度:0
