从网易云音乐来看音乐小程序的设计

前言最近写了一篇关于小程序的文章，得到了很多同学的认可，非常感谢。在此基础上，运用理论逻辑推理，重新设计网易云音乐小程序，期待大家的交流。修改背景1。结构层和性能层修改的主要原因有两个。一是我最近在研究小程序的设计规范和方法，二是平时使用的「网易云音乐」小程序在使用过程中发现了一些「问题点」，从用户的角度来看，从行业研究反馈和业务的角度来看，仍有可以改进的方面，因此，从不同方面进行了优化：修订方向1。调整楼层模块的结构2。缺乏继承现有网络云音乐小程序的界面，缺乏网络云音乐的品牌继承。如果不从几个小标志位置识别这是网络云音乐的小程序，就很难识别这是哪个音乐平台。3.从用户角度分析网易云音乐的核心产品线。4.从商业角度考虑是否可以获得微信流量红利。5.适应平台特点。6.方案总结修订细节。1.主页效果删除了一些「不必要的功能」，希望实现符合小程序特点的应用，实现更扁平、更轻的特点，体现和揭示核心业务模块。保留了歌曲Tab栏「歌曲推荐」「最新音乐」「精品歌单」「排行榜」四种模式，第一：许多人习惯于智能推荐（计算机算法实现）从这个角度满足用户偏好第二：满足新用户偏好，最新音乐可以及时听小程序第三：满足「榜单」喜欢群体的需求，最轻松的播放体验，随心所欲地听，避免选择第四：从商业的角度来看，当用户能够触发高质量的音乐时「购买流程」在主页的交互设计中增加付费转换，保留原应用中一键播放按钮引导的交互体验；由于标题栏是小程序的固定操作按钮，因此在搜索部分与应用程序的位置不一致「占用」，希望揭示品牌标题，所以下移。电台Tab栏保留在电台Tab下「电台推荐」「精品内容」「创作翻唱」，首先，从推荐的角度帮助用户「无压力体验」用户不需要花时间去找电台。二是保留付费相关内容。我们不仅需要用户在小程序中体验免费广播，还需要引导用户在APP中购买付费产品，获得更好的付费体验。第三是保留「创作和翻唱」迎合年轻群体或对原创模块的原创模块「癖好」用户组。在小程序中，弹出窗口和引导应尽量避免阻挡底部的标签。我在上一篇文章中也提到了这一点，因此在适应程序弹出窗口时，可以通过以下方式设计；还有指导「加入我的小程序」对于小气泡，我们可以展示一些品牌元素，突出品牌基因。2.精品内容-页面购买核心功能区的核心入口排水，可以在APP中直接购买和充值「非实体」一般来说，网络课程不能在微信上交易，所以很多产品在小程序的核心场景中使用引导文本，引导打开APP进行深入全面的体验。3.音乐播放页面音乐播放页面是一个非常重要的页面，小程序播放页面应该更纯粹和简单的互动，当然，现在网络云音乐小程序播放页面非常纯粹，但在实际应用中仍然发现了一些功能「缺失」，以及交互问题，如无法满足播放音乐的序列浏览、收藏等。功能越少越好，但是「刚刚好」，意思是满足用户的基本用户需求和基本功能；在重设计中，提取和简化了现有小程序交互和APP的交互功能。功能越少越好，但是「刚刚好」，意思是满足用户的基本用户需求和基本功能；在重设计中，提取和简化了现有小程序交互和APP的交互功能。第一：收集像歌曲（页面上的小桃心入口），这个功能的目的是收集用户在小程序中的收集习惯，也可以同步到APP中。第二：传播喜欢歌曲的目的是利用微信红利流量池分享音乐来吸引大量现有或潜在的音乐用户，所以这里特别是「分享到微信」突出强调入口(强引导)；同时，保留点击屏幕切换歌词的交互，方便用户查看歌词体验。第三：APP排水，在评论部分，不可能反映APP中的所有评论，而是选择部分来显示，如果你想浏览更多，你需要进入APP。当用户触发付费音乐单曲时，提示弹出窗口，引导用户打开应用程序听歌曲：第四：保留播放列表的入口，因为当你使用小程序听歌曲时，你不仅选择单独播放歌曲，而且有心理期望，希望看到你播放的歌曲顺序和下一首歌是什么；因为播放列表的操作与其他三个入口不同，因此，入口被放置在页面的右上角；app的播放列表功能是在app的基础上进行的「瘦身」，为了使我们的操作更轻，比如减少所有和单独的歌曲删除。Tips：这里我想说的是，现在很多APP进入小程序后，都进行了业务矩阵的功能细分，独立设计了可以独立支持的小程序，更加专注和细分(我知道的一些APP，比如金山地图，已经拆分了十几个甚至几十个小程序)，所以在网易云音乐APP主页左上角。「听歌识曲」功能及播放页面「音街」独立做自己的小程序是非常合适的。4.搜索结果小程序*——只保留单曲和专辑。为了方便用户有效地听到喜欢歌手的单曲，并能自由地听到一系列歌曲，有必要存在专辑。至于应用程序中的综合Tab、云村、主播广播等相对不必要的功能可以适当删除，尽量减少非小程序的核心功能；保持小程序的轻量化特性，让用户更加关注，搜索歌曲的结果简单快捷。同时，在APP中，我们发现底部的Tabar保留在搜索结果页面。在小程序中，为了保持更纯粹、更专注的用户体验，Tabar被隐藏了：在应用程序中，搜索被放置在标题栏中。在小程序中，为了更大面积地反映搜索条，减少对小程序固定入口的干扰，增加标题并向下移动搜索跳跃。在现有的网易云音乐小程序中，播放按钮有单曲播放的指导图标，非常好。但是，如果我想在搜索结果中一键播放所有歌曲，我需要在应用程序中保留它们「播放全部」功能。5.在登录页登录页的设计和交互中，考虑到小程序的平台特性，突出了「微信登录」删除应用程序中的其他登录入口，如苹果登录、微博登录等；如果我的页面不登录，我就不能查看页面中的信息和服务；同时，删除应用程序中底部纹理的动画效果，以减少小程序开发中开发合同的大小。6.我的页面-我最喜欢的音乐可以同步保存在应用程序中的歌曲列表。当你把你最喜欢的歌曲保存在网络云音乐应用程序中时，你也可以同步到微信小程序，包括我的广播「订阅」同步；小程序中的同步；「我最喜欢的音乐」页面简化了一些不必要的功能，只保留了基本的音乐播放和共享入口。这里要特别说的是，未来小程序暗黑模式的适应一定是大面积适应的需求。可想而知，当你使用微信暗黑模式时，进入小程序的Light模式是非常不友好的。这里要特别说的是，未来小程序暗黑模式的适应一定是大面积适应的需求。可想而知，当你使用微信暗黑模式时，进入小程序的Light模式是非常不友好的。总结1.符合小程序的平台属性 用户使用场景APP「移植」对于微信小程序，要符合小程序轻量化平台的特点，要么盲目减少，要么最好。在尽可能的「裁剪」在考虑用户体验、使用场景和感受的同时，还应考虑不必要的不一致功能。2.市场和用户研究 APP的自我分析在网易云音乐小程序修改之前，我对主流小程序和APP进行了大量的双端研究。这样的研究足以支持你的前进，而不是「偏航」，同时，要结合网易云音乐本APP的独特优势，制作出更具特色的音乐小程序，保持品牌一致性。3.保持与时俱进的用户体验，未来小程序会不断演变和演变，会有更好的用户体验。保持ALwaysDayone的精神，与时俱进就能获得更好的用户体验。