产品名称:QQ音乐 mac版
对比产品版本: 3.1.2 & 4.0.0.7
产品大小:7.7m
迭代分析:新版本突出产品内容
1:界面用色以白和浅灰为主。使得图片区域信息突出。
2: 增加了用户中心功能,给用户更多自我选择。
新增个人中心功能
1.3.1.2版本,用户区域不可点击,只提供登录状态显示。4.1.2版本做了迭代,增加了个人中心模块
2.为了增加社交性,用户粘性,个人中心添加了“关注”和 “ 粉丝 ”功能
3.个人中心页面的设计是为了迎合用户偏好而做的设计,所以新增的这个页面,只有两个功能 “喜欢” “创建的歌单”,这两个模块,歌曲信息全部是用户自行创建添加的,更符合用户偏好跟听音乐的习惯。完善了产品体验,以用户为中心的设计。

顶部搜索栏
1.去除了qq音乐 ,使界面更简洁
2.将搜索框提前,使搜索更明显
3.去除了反馈功能,增加设置功能

新增设置页
新增的设置页,符合用户习惯,让用户掌握主动权,以自己习惯进行设置。

精选功能新增热门歌手模块
让用户在选择的时候除了歌曲名又多了一个歌手的选择的形式。让用户做选择,而不是直接输入。

播放列表 交互方式优化
1.优化了播放列表的交互方式,取消了对话框的设计形式,修改为右侧划入的交互形式,使得界面更加简洁清晰,操作性更强。
2.去除了喜欢和下载icon,使界面更轻。突出了播放列表是让用户查看歌曲目录的功能。


左侧导航栏分析
1.新版本,用户区域面积更大,突出强调用户的状态权限
2.4个功能,音乐馆/我的音乐/创建的歌单/收藏的歌单,音乐馆下面的推荐变为了精选,歌单广场精简为歌单,将我喜欢移动至我的音乐功能下面,理由是更加强调用户的使用习惯的偏好。
3.底部的播放区域,缩小,减弱了存在感,将音量和播放顺序icon移动至播放总操作区域,简化音乐进度区的视觉。

底部播放区域
1.底部播放栏,4.1.2版本将 “喜欢”提前,符合此次迭代的目的,迎合用户偏好。
2.突出强调了SQ(无损品质)&音效的选择,让用户选择不同音质,若想要更优质的听觉体验,就要购买付费包,此次的迭代,优化了产品战略层上的目的,促进用户的消费行为。
3.整个播放条的视觉设计,更简洁富有重点。icon的设计也进行了缩小简化。

新增绿钻页
1.新增的绿钻页,通过会员等级的显示,以及到期时期的提醒,刺激消费
2.通过普通绿钻跟豪华绿钻的权限不同的对比,促进绿钻用户,进一步的消费


视觉风格
1.视觉风格以原来的绿黑,改为浅灰色,使得信息更加突出,视觉上更加清爽简洁。
2.文字icon都有相应的调小颜色调浅,间距调大,使得界面更时尚
3.界面的视觉层次更加丰富,层次分明


综上,此次的迭代,更加符合用户体验,让用户用的爽才是王道。
以上
kammy (欢迎互相关注,交流 交互 /视觉相关)
网友评论