设计师的角度分析APP改版-网易云音乐

版权申明：本文出自“Eric_LYZ”原创，感谢“Eric_LYZ”的原创文章分享！

前言

Hello~各位朋友，这次给大家带来一篇自己对网易云音乐的改版分析。同时，之后也准备持续以产品改版分析的主题进行创作。

本文阅读时长大约15分钟，泡杯咖啡，准备好就继续吧~

设计师为什么要分析产品

首先跟大家说说我为什么要做这样一个主题。很多刚入行的互联网从业者会有一个误解，认为只有产品经理才需要去做产品分析。目前网上说到产品分析大多也是从产品的角度为出发点，如产品体验报告、分析报告等。但是每一个完整的产品都是一个完整的团队综合产出的结果，因此，不管是产品、设计、开发、运营都能通过分析一个产品获得自己所需要的专业知识。我在成长的过程中，通过产品分析收获了大量的设计方法、经验、见识，这是一条自我提高有效、快捷的道路。

那作为一名设计师，我们应该如何分析，怎样才能通过分析获得设计师所需要的专业知识？相信很多朋友都看过《用户体验要素》这本书，与设计最相关的层次集中在表现层、框架层与结构层，具体到产品上就是视觉元素、页面布局、设计语言、交互逻辑这几点。而我们要做的就是针对这几点进行分析。从表现层不断反推到更高的层次，如果你还掌握了产品知识的话，甚至可以反推到战略层。每完成一个反推的过程，你对这个类型的产品设计就会有更深的了解。可想而知，如果你能把这种练习养成习惯，你的设计能力不仅会更垂直，也会更全面。

为什么要做改版分析

那我们需要把一个产品完完整整的分析下来吗？如果你有足够的时间或者你需要做竞品分析时当然可以这么做。但是如果仅仅是日常积累的话并不需要。因为分析一整个产品，特别是大厂的产品，花费的时间成本太高，一来难以坚持，二来性价比不高。最有效的方法是做大厂产品的改版分析，只针对变化的内容做分析。这样做的好处有三个：第一，时间成本低，易于坚持。第二：能利用更少的时间接触更多不同类型的产品，培养更全面的设计能力。第三：了解最新的设计方向。工作过的朋友都知道，除非是初创公司，日常工作更多的是产品改版，而非从0到1。做改版分析所获得的知识能有效运用到日常工作。

我把自己日常对产品的改版分析分享给大家，希望大家不仅能在文章中学习到这个产品的改版知识，更希望大家学习到分析产品的方法，并培养起自己分析产品的习惯。

"反推"分析的多元性

受限于专业知识，我分析的内容与角度大多会从设计的层面入手，产品层面的内容稍少。而且我毕竟不是这个产品的改版设计师，只能通过它呈现给我的内容进行"反推"，猜测它的改版目的与想法，因此不能保证我的结论完全正确。但这也是一个有意思的地方，我们经常看大厂的改版报告与它们提出的改版目的，却很少从一个用户的视角出发进行分析，如果我们的观点与它们本来的改版目的是相悖的，可能就说明它们的改版效果不尽人意。因此我也希望大家在看完我的分析后，认为我的分析有误或者遗漏，或者有自己的观点，积极在评论区提出，互相探讨，共同进步。

以下就正式进入本次文章的主题，网易云音乐6.3.0版本的改版分析，选它的原因是我本身是网易云的死忠粉，而且它之前下架了一个月左右的时间进行整改，重新上架后的版本的确蛮有分析的意义与价值。建议各位在阅读时也能打开网易云音乐的最新版本进行体验与印证，能更有效地消化文章里的内容。

 1、改版概述

对比版本号：6.2.5（旧）→  6.3.0（新）

测试机型：iPhone7

网易云这次的改版中，最主要的变化在于旧版本的 "朋友" 升级到新版本的 "云村" 。

网易云音乐在初期就是因为优秀的推荐机制以及走心优质的乐评在音乐产品中突围而出。在这次升级中，显然也是网易云音乐在自己优势领域社交上的新尝试与探索。之所以把新的标签页取名为"云村"，也是因为这个名字很早就在网易云的社区中流行，这次正式把它当成了自家社区的标识，增强了用户的归属感。

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

在前文中提到过，做改版分析最重要的就是弄清楚变化的部分。因此在接下来的部分里，会先分析改版前后的区别，接着再对新的部分做更深入的分析。

2、更新前后对比

社区模块从 "朋友" 升级到  "云村" 后，最大的变化在于一级页面的改变，从旧版本的 "动态"与"附近"，更新成 "广场" 与 "附近"。

动态页

根据我的观察，动态页面里的内容没有改变，仅仅是把动态页的位置延后到了分段控件里的第二段。

广场页

广场页里的内容显然就是这次更新里的主角，放在了分段控件的第一段。具体的内容与功能会在下文中提到。

附近页

附近页是比较让我困惑的一个改动，这次更新把整个附近页联同里面的内容一并去除了，我翻遍了整个APP也没发现附近页原有的板块与内容。

旧版本附近页里的内容包括顶部的专题banner列表以及下面的附近的人列表。在新版本里已经找不到了。这部分内容在这次更新被去除的原因我猜测是用户在音乐产品中寻找附近的人的需求不高，导致了触达率低，因此被砍掉了。然而让我困惑的点在于两个专题页banner也找不到了，我点进去看过，还没到活动的截止时间，因此我也不清楚这两个活动的入口调整到了哪里。

可以看出来，这次更新并未对原有内容做修改，仅仅是砍掉部分旧的内容并添加新的内容。因此，接下来会对更新内容即 "广场" 板块做一个分析。

3、"广场"板块分析

首先，我们从框架层对页面进行解构。

广场页的内容板块结构其实也比较简单，由最上方的热评墙、下方的瀑布流Mlog以及悬浮的发布按钮组成。下面我们就这三个部分分别展开进行讨论。

（1）热评墙

热评墙这个板块在我所知的产品功能里还比较新颖，每一天都会选出10条热门评论吸引用户浏览并对这条评论进行互动（点赞、评论、分享）。而且还有打卡机制。

刚才我所提到的的很多都是战略层和范围层的内容，接下来就从框架层和表现层入手，看看我们可以借鉴学习到哪些设计方法。

参照上图，打开乐评墙的页面后，大家的第一感觉是什么？对我而言，首先感受到的就是一种情绪上的、感性的东西，很吸引我去看它的评论，听它的音乐。那它是怎么做到的呢？里面用到了三个视觉元素，一个听觉元素。三个视觉元素分别是大气简洁走心的乐评文字，全屏打通的朦胧背景色以及一条接一条弹幕形式的评论，而听觉元素就是与这条评论最贴切的音乐。在这些元素的视听结合下，传达给用户的就是丰富的情绪，能有效地引起用户的共鸣，让用户沉浸在自己的回忆里。