神剑山庄资源网 Design By www.hcban.com
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184922.jpg)
本次分析评测基于iOS平台,选取了两款有代表性的音乐播放器,QQ音乐和豆瓣FM。由于这两款产品在web端就有着庞大的用户基础,有一定的用户粘性,手机端是web端的延伸,目标用户、信息架构、核心体验等等也都继承了web端的鲜明风格。这两款产品可以代两类表定位不同的音乐播放器。一种是大而全的,功能全面,可满足用户管理本地音乐、同步其他设备音乐、发现好音乐等多种需求(类似应用:百度ting、酷我音乐盒、iScrob)。一种是小而简的,操作简单,就像使用收音机一样,打开就听,不喜欢就换台(类似应用:虾米FM、Console.fm)。
QQ音乐
1、界面总览
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184923.png)
目标用户:热爱音乐的普通青年,QQ产品的忠实用户。
用户需求:随时随地听音乐,没有wifi时可以听本地音乐,有wifi时可以在线听,遇到喜欢的歌曲可以提供 下载,能同步其他设备上收藏的歌曲。
设计目标:提供播放本地音乐、账号同步、在线收听、音乐搜索等功能。
3、信息架构
QQ音乐从本地音乐、我的音乐、在线音乐、更多,这四个方面对信息进行整合。
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184924.png)
“我的音乐”同步了QQ账号在各个设备上收藏的歌曲和建立的歌单,这种同步服务可以提高用户的粘度,培养用户及时登录的好习惯。为了增强社交属性,这里还有“点歌”的二级菜单,QQ用户可以为好友点歌,送给你的歌曲就会出现在这里。
“在线音乐”是发现好音乐的地方。其中的“电台”类似于“豆瓣FM”,可以随机收听不同主题的音乐,系统还可以根据用户的收藏和收听习惯来猜你喜欢。这里同时提供了新歌和热歌的榜单,帮助用户最快的了解音乐流行趋势。这里还有类似于虾米音乐的精选集,为用户精选出具有主题的好音乐。
“更多”里面则是整合了一些次要信息,包括个人账号、缓存设置、定时消息通知、软件信息。
4、页面布局
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184925.png)
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184926.png)
5、手势操作
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184927.png)
豆瓣FM
1、界面总览
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184928.png)
目标用户:热爱音乐的文艺青年,豆瓣产品的忠实用户。
用户需求:像豆瓣FM一样,只要一打开,不用任何操作,就能播放那些我喜欢的文艺范儿歌曲。
设计目标:界面清爽、操作简单、推荐精准、缩短播放歌曲的路径。
3、信息架构
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184929.png)
4、界面布局
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184930.png)
因为豆瓣的定位是电台,想听就打开,不想听就关上,所以播放连暂停按钮都简化了。点击专辑时封面会翻转,显示歌曲的评分。
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184931.png)
点击右上角的设置按钮,设置以提醒消息的形式出现,这又为豆瓣节省了一个界面。所以豆瓣FM真正做到了极简,只有两个页面,歌曲播放页和列表页。
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184932.png)
音乐播放器的重设计
1、产品定位和信息架构
本次音乐播放器的重设计,定位于功能全面、可以解决用户多种场景下需求的音乐播放器,可以在线发现好音乐、对歌曲进行收藏和下载、管理和播放本地音乐、搜索音乐等。
通过对现有产品的分析,发现信息架构层级较深、推荐音乐内容较多。从用户的需求来看,无目的收听音乐时,用户希望有好的音乐可以推荐给自己,看看最近流行的音乐是什么。有目的收听音乐时,用户希望可以快速找到自己收藏过的音乐或本地音乐,或对想听的歌曲进行搜索。在分析现有产品时发现,很多app提供了各种电台、精选集、排行榜等令人眼花缭乱的精选推荐,让用户迷茫的同时,也使产品变得臃肿。
在重新定义产品功能时,希望合并功能类似的推荐,如电台和精选集,可以从主题和音乐人的不同维度进行推荐。同时希望扁平化信息架构,缩短用户操作路径。将不常使用的次要操作放在更多中,突出主要任务。 以下是对信息架构进行的整理:
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184933.png)
在对产品进行梳理之后,制作原型如下:
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184934.png)
。扁平化的信息架构,除精选集外,没有二级页面。用户在一级导航间进行切换时,默认会显示第一个tab页,也就是用户最常用的页面,此时只需要一次点击,即可看到音乐列表。
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184935.png)
可以将播放页面的操作和信息,如暂停、上一曲/下一曲、收藏、下载和播放进度,整合在比较小的区域内,置于音乐播放器列表页下部,方便随时进行操作。如用户想要查看歌词,可以向上滑动播放器,即可展开歌词。
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184936.png)
微信可以摇一摇,音乐播放器当然也可以。当听到不喜欢的歌曲时,摇一摇就可以换首歌听。
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184937.png)
搜索这项功能在音乐app中往往处于有点尴尬的位置,放在哪个页面好呢?如果放在某一个页面上,那就只能在这个页面内容的内部进行搜索,放在所 有页面上又太啰嗦,单独有个搜索页面又没必要,毕竟不是常用功能。出于对搜索功能并不常用的考虑,这次将搜索放在了更多中,纵向滑出后还可以横向滑出搜索 框,可以对线上和本地的全部内容进行全局搜索。
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184938.png)
由于时间有限,只简单产出了部分视觉稿:
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184939.png)
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184940.png)
上下滑动,查看歌曲列表
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184941.png)
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184942.png)
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184943.png)
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184944.png)
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184945.png)
![关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面](/UploadFiles/2021-03-30/2012053009184946.png)
标签:
音乐播放器,APP设计分析
神剑山庄资源网 Design By www.hcban.com
神剑山庄资源网
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
神剑山庄资源网 Design By www.hcban.com
暂无关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面的评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
2024年06月18日
2024年06月18日
- dnf2022夏日套有必要买吗
- 《超级马里奥大电影》新作将于2026年4月全球上映!
- 《PUI PUI 天竺鼠车车 THE MOVIE MOLMAX》电影定名
- 任天堂已经关闭的游戏服务器中竟然还有玩家在线?
- 女子十二乐坊首张日本大碟《BeautifulEnergy/美丽能源》原版[WAV+CUE]
- 群星1990-中国老歌精粹VOL.1[T123-02银圈版][WAV+CUE]
- Burmester《ArtForTheEarCD-柏林之声3》【WAV+CUE】
- 陶德遗憾没为《老滚5》等推出更多内容 承诺做出改变
- 快来使用吧!WeGame分享《黑神话:悟空》手机壁纸
- 因《鬼屋魔影RE》未达预期 Embracer关闭工作室
- 郑智化 专业音响示范碟《追梦·往日之声精选集 DSD》[WAV+CUE][400MB]
- 妙音唱片《绝对发烧25HQ 头版限量编号 低速原抓》[WAV+CUE][670MB]
- 《张玮伽2024 海浪 HQCDII限量版 天艺》[WAV+CUE][640MB]
- 幽夜默示录其一怎么过?秘境通过攻略分享
- 【原神】枫丹世界任务 | 我们的目标在另一条管道