本文主要尝试从尼尔森交互设计原则浅析两款音乐产品设计的异同。此老文最早更新在我的Lofter，因博客异常现在将部分文章搬回简书存档。 （吞词河蟹太厉害叭..|||
音乐竞品
一、产品概述
-网易云
Slogan：音乐的力量
产品定位：内容个性化且活跃的音乐社区
体验版本：iOS v7.0.2
-QQ音乐
Slogan：让生活充满音乐
产品定位：内容丰富矩阵的音娱生态
体验版本：iOS v9.9
二、竞品设计分析
1）可见性
导航与播放器结构状态可见
左(网)；右(Q)
①网易云音乐：底部导航栏+顶部播放器；QQ音乐：底部导航栏+驻底播放器。
②网易云音乐：播放器有歌状态时顶部显示，无歌状态时隐藏；QQ音乐则有无歌曲/视频都驻底显示。
网易云的置顶播放器可显可隐能让界面灵活简洁，但会增加用户学习和发现的成本，在大屏设备中也增加了操作难度； QQ音乐虽然驻底占据一定空间，但内容可见和用户操作更为直观便捷。
2）统一性
左(网)；右(Q)
①视觉统一。网易云音乐、QQ音乐都采用白背景+品牌色的视觉组合，其中品牌色运用在核心功能点、状态上，深化了用户的品牌记忆。
②交互统一。首页聚合了精选、推荐、最近听等多类内容，两个平台将每类内容划分为一个版块，并单独占据一行显示(图中红圈区)，以“左右横滑”手势浏览信息，节省了空间、也丰富展示形式。
3）灵活高效
听歌互动——听歌行为体验
网音
网易云音乐：以点击手势进入直播、评论、歌曲操作，统一右上角保持固定播放器，用户进入任何路径都可直接返回播放页。
Q音
QQ音乐：以点击、左右横滑手势进入歌词、推荐、歌曲操作，从驻底播放器返回播放页。评论路径只提供单项返回< 操作。
同样看歌词行为，QQ音乐滑动手势与网易云音乐点击手势差异，会造成用户在切换两个平台时有一定学习成本。这也能解释调研中用户反馈“不适应”的原因。
4）贴近场景
设计符合用户认知
左(网)；右(Q)
网易云音乐：古典黑胶唱片的设计风歌，塑造浓厚的音乐质感、经典气息的氛围；
QQ音乐：CD形式感的设计风格，整体轻简、抽象，封面搭配个性化背景色，让音乐变得新潮。
5）可控可逆
歌单管理
左(网)；右(Q)
网易云音乐和QQ音乐：用户都可自由管理歌单（自建、导入、编辑），即使误删歌单也可以在管理中恢复歌单/歌曲。
6）防错性
左(网)；右(Q)
网易云音乐：歌曲删除、永久歌曲删除时都会弹窗进行二次确认，有效避免用户误删行为。
QQ音乐：歌曲删除时无弹窗确认，而是直接进行删除行为；永久歌曲删除时会弹窗进行二次确认。
网易云的二次确认弹窗中[删除]位置各不相同，歌曲删除时在左侧，防误删行为；而在永久歌曲删除时按用户场景，已有过上一次删除操作，故当前的永久删除是用户所希望的行为，[删除/确定]在右侧。
7）容错性
无音源状态
左(网)；右(Q)
网易云音乐和QQ音乐：两个平台以弹窗形式告知用户，以友好的卡通形象和文案安抚用户情绪，并向用户推荐相关的音乐内容。
8）协助记忆
选择代替输入
左(网)；右(Q)
搜索栏智能识别关键字以供用户选择，但QQ音乐在细节上做颜色区分。
9）简洁美观
各自风格的设计特点
左(网)；右(Q)
网易云音乐：标题+文案结合，注重浓郁温馨的情感化表达；
QQ音乐：延续iOS11设计，精简干练的大标题模块。
两个平台的界面都以音频内容为主体，全局风格简洁整齐、直观大方，由醒目的标题上至下引导用户浏览，满足易扫的设计原则。
10）帮助反馈
左(网)；右(Q)
两个平台都针对用户遇及的不同情况做分类筛选，为用户提供问题帮助、解决方案和意见反馈。
总结
两个音乐平台在设计的维度上大体一致，以音乐内容体验为主，针对受众用户群的偏好与行为习惯做智能推荐和引导，让用户快速发现并享受到更优秀的音源。但用户群体定位不同，两个产品设计又各自千秋。
网易云音乐致力于音乐社交，在用户听歌行为过程中激发用户互动兴趣点，直播、短视频、热评榜的花样形式吸引用户参与，但介入的互动模块过多，易分散、高重复返回收听歌曲路径，易让用户迷失位置；同时可优化细节交互状态，如在歌单管理的防错性、可见性上更直观效率。
QQ音乐拥有庞大的明星曲库资源，界面设计也侧重友好、便捷的听歌操作，让用户最大化感受到丰富的优质音源节目；语音搜索、状态变化等细节设计也让用户体验变得更为流畅。但对于定位多场景音娱平台，可优化不同模块的引流，让QQ乐民产生活跃互动，如歌单专区驻扎多元的用户，深化好友PK、UCG、动态提升粘性。
网友评论