音乐播放App的分析与重设计
音乐播放App的分析与重设计-移动阅读二维码

音乐播放App的分析与重设计

一直对无线交互很感兴趣,这次就来练练手~

本次分析评测基于iOS平台,选取了两款有代表性的音乐播放器,QQ音乐和豆瓣FM。由于这两款产品在web端就有着庞大的用户基础,有一定的用户粘性,手机端是web端的延伸,目标用户、信息架构、核心体验等等也都继承了web端的鲜明风格。这两款产品可以代两类表定位不同的音乐播放器。一种是大而全的,功能全面,可满足用户管理本地音乐、同步其他设备音乐、发现好音乐等多种需求(类似应用:百度ting、酷我音乐盒、iScrob)。一种是小而简的,操作简单,就像使用收音机一样,打开就听,不喜欢就换台(类似应用:虾米FM、Console.fm)。

QQ音乐

 

1、界面总览

2、需求分析

目标用户:热爱音乐的普通青年,QQ产品的忠实用户。

用户需求:随时随地听音乐,没有wifi时可以听本地音乐,有wifi时可以在线听,遇到喜欢的歌曲可以提供 下载,能同步其他设备上收藏的歌曲。

设计目标:提供播放本地音乐、账号同步、在线收听、音乐搜索等功能。

3、信息架构

QQ音乐从本地音乐、我的音乐、在线音乐、更多,这四个方面对信息进行整合。

“本地音乐”可以从歌手和专辑的维度对本地音乐进行播放,也可以自建本地音乐的歌单,还可以从这里查找已经下载过的缓存歌曲。

“我的音乐”同步了QQ账号在各个设备上收藏的歌曲和建立的歌单,这种同步服务可以提高用户的粘度,培养用户及时登录的好习惯。为了增强社交属性,这里还有“点歌”的二级菜单,QQ用户可以为好友点歌,送给你的歌曲就会出现在这里。

“在线音乐”是发现好音乐的地方。其中的“电台”类似于“豆瓣FM”,可以随机收听不同主题的音乐,系统还可以根据用户的收藏和收听习惯来猜你喜欢。这里同时提供了新歌和热歌的榜单,帮助用户最快的了解音乐流行趋势。这里还有类似于虾米音乐的精选集,为用户精选出具有主题的好音乐。

“更多”里面则是整合了一些次要信息,包括个人账号、缓存设置、定时消息通知、软件信息。

4、页面布局

类似于大多数基于iOS的app布局,QQ音乐的list页采用了列表式的布局,便于查找和扩展。主导航固定于屏幕底部,二级导航在上,左上角是统一的返回上一级按钮,右上角是正在播放的歌曲详情页,便于用户快速找到正在播放的音乐,进行停止、播放、收藏、下载、分享等操作。

歌曲播放界面采取了全屏展示,最常用的播放/暂停、上一曲/下一曲、音量调节默认显示,当用户点击歌曲封面时,歌曲进度、播放模式、收藏、下载、分享按钮会显示出来,用户可以在这里进行相应操作。

5、手势操作

对于歌曲的操作并不复杂,QQ音乐采用了上线滑动、左右滑动、单击的操作手势,大多是都是用户常用、显而易见的手势操作。只有在查看歌词的时候,用户需要向左划开专辑封面,图片向左下方划去,歌词出现,这一操作并不是很容易发现。

 

豆瓣FM

 

1、界面总览

2、需求分析

目标用户:热爱音乐的文艺青年,豆瓣产品的忠实用户。

用户需求:像豆瓣FM一样,只要一打开,不用任何操作,就能播放那些我喜欢的文艺范儿歌曲。

设计目标:界面清爽、操作简单、推荐精准、缩短播放歌曲的路径。

3、信息架构

豆瓣FM的信息架构要简单许多,层级浅、操作简单,只要打开电台,就会播放歌曲。用户可以滑动歌曲上方选择兆赫,也可以通过列表选择。豆瓣不会让用户费心的去选择要听那首歌,用户只要挑选想听的类别,豆瓣就会自动推荐。豆瓣希望用户可以“用心养电台”,根据用户长期的使用习惯,分析用户加心或选择不再播放的歌曲,推荐符合用户喜好的歌曲。

4、界面布局

豆瓣FM的界面非常简单,打开应用既是歌曲播放界面,界面上只有喜欢、不在播放和下一曲的按钮。滑动歌曲上方可以选择赫兹,正在播放的歌曲会渐渐消失,新的歌曲会渐渐响起,过度很平缓。

因为豆瓣的定位是电台,想听就打开,不想听就关上,所以播放连暂停按钮都简化了。点击专辑时封面会翻转,显示歌曲的评分。

点击左上角按钮可以进入分类选择歌曲的列表页,列表页分为私人兆赫和公共兆赫。私人兆赫是豆瓣通过用户习惯推荐的歌曲和用户加心收藏的歌曲,公共兆赫随即推荐具有一定主题的好歌。

点击右上角的设置按钮,设置以提醒消息的形式出现,这又为豆瓣节省了一个界面。所以豆瓣FM真正做到了极简,只有两个页面,歌曲播放页和列表页。

豆瓣FM的界面还采取了拟物化的设计隐喻,如未播放音乐时的背景就像收音机的喇叭,专辑背面的细节,做的也和真的CD背面一样。

页码: 1 2 下一页

本文链接:http://www.mobileui.cn/music-player-app-analysis-and-redesign.html
本文标签: , , , , , ,