网易云音乐与虾米音乐的部分功能交互和体验对比

用户头像
天津/设计爱好者/7年前/1626浏览
网易云音乐与虾米音乐的部分功能交互和体验对比
用户头像
赫娜

网易云音乐与虾米音乐的部分功能交互和体验对比


一、导航


· 交互方式

网易云音乐主菜单放置在屏幕上方,中间三个导航依次为“我的音乐、发现音乐、视频MV“, 采用标签式导航,下方既是二级导航,从上而下的展现,层级明确,方便切换。左上角的“个人中心”使用频次相对较低,采用抽屉式导航。“搜索”占右上角一目了然。虾米音乐“搜索”占据最上方,“听歌识曲”占右上角,向下一行是二级导航“乐库、推荐、趴间、看点”,主菜单放置在最下方。


· 体验点

1.两个播放器的主界面都是“发现”下的“推荐”界面,满足于没有明确目的性来听歌的用户的不同需求。

2. 网易云音乐的一级导航及二级导航都可以整屏滑动切换,虾米音乐虽然只有二级导航之间的切换,但切换效果更明显,更有方向性。

3. 虾米音乐虽然着重把“听歌识曲”提到了主页面上,但界面上滑后仍被隐藏了。且“搜索”和“听歌识曲”图标颜色过浅,这两处功能还需调整。


二、播放界面


· 交互方式

网易云音乐的播放界面缩略框固定在界面最下方,暂停时显示歌名和歌手,播放时则显示歌手和滚动歌词。播放界面展示专辑封面,模仿唱片机的效果,播放时转动,暂停时停止。点击封面切换到滚动歌词。

虾米音乐的播放界面缩略框固定在界面最下方的主菜单栏。播放界面展示专辑封面。点击封面切换到滚动歌词。下滑后缩略框上升到屏幕上方。


· 体验点

1.网易云音乐播放界面简洁,功能基本围绕对歌曲的操作。播放界面和缩略框的播放按钮都保持在屏幕下方,让用户能保持一种使用习惯。而虾米音乐的播放功能在不同界面能体现三个位置,这会让用户容易迷失。

2.虾米音乐的播放操作和进度条的位置在如图四个界面的位置都不一样,会使新用户对产品的适应过程非常慢。

3.虾米音乐播放界面右上角两个功能是“音效”和“相似歌曲”。点击“音效”尚有功能说明和选择,而点击“相似歌曲”却没有任何说明,点击即运用功能立刻播放相似歌曲,用户没有选择余地。

4.虾米音乐进度条上把滑块和时间进度组合,放大了“快进”“快退”可操作区域。


三、私人电台


·交互方式

网易云音乐“私人FM”根据用户近期播放的音乐类型进行推荐,且在名称上与“电台”做出了区分,在界面中很容易找到。点开后即开始播放,并在界面上与音乐播放界面做出区别,专辑封面用正方形。用户有喜欢的歌曲可点击红心收藏,不喜欢可切换下一首,不需过多解释。

虾米音乐“私人电台”在我的音乐界面右上角,没有文字标明图标含义,点击后立即开始播放,并替换掉用户当前正在播放的音乐列表。


·体验点

1.网易云音乐“私人FM”点击播放后并没有替换到用户当前的播放列表,即使用户误触,也可以退出“私人FM”界面回到原来的播放列表。而虾米音乐“私人电台”点击播放后无法回到原来的播放列表,误触后很容易让用户产生挫败感。

2. 网易云音乐“私人FM”播放界面在专辑封面形状上区别于音乐播放界面,很容易让用户分辨出来。更有“删除”图标,当用户不喜欢推荐的歌曲可以直接点击删除。而虾米音乐“私人电台”的播放界面里,两个心形元素的图标相近,这一点还需改进。且“私人电台”无法通过“返回”退出,与用户习惯不符。


四、动态


·交互方式

网易云音乐“朋友”展示为用户推荐的动态分享,分为发表人、内容、和针对内容的一些操作,格式传统。左下角悬浮“发布动态”按钮。

虾米音乐在“动态”-“推荐”为用户推荐动态分享,分为发表人、内容、和针对内容的一些操作,还展示了一条热门评论。右上角“发布动态”按钮。


·体验点

1.虾米音乐整体采用的大白风格已经使用户将视线集中在大字体上,“动态”-“推荐”与“发现”-“推荐”两个功能没有在名称和位置上做出区分,容易让用户混淆。

2.虾米音乐在排版上虽然新颖,但展示的内容过多,使用户不能将注意力集中在动态分享的内容上。


五、我的音乐


·交互方式

网易云音乐“我的音乐”包括“本地音乐、最近播放、下载管理、我的电台、我的收藏、创建的歌单、收藏的歌单”,针对两个歌单还放置了展开、收起的小功能方便用户使用。虾米音乐“我的音乐”包括“本地音乐、最近播放、我的收藏、离线音乐包、已购音乐、创建的歌单、收藏的歌单、可能喜欢的歌单”,在“最近播放、我的收藏”显示出各自列表中最新收录的歌曲专辑图片。两个产品在基本功能上大同小异。

再来看其中的“最近播放”和“歌单”界面。

网易云音乐只有最近播放的单曲,虾米音乐还包括最近播放的专辑和歌单。

网易云音乐歌单界面排版主次分明,图标皆有文字说明,相比虾米音乐歌单界面图标作用表达不清晰。


六、下载

·交互方式

歌曲点击“下载”,加载动效及时响应。

在下载列表中,网易云音乐将应用下载的文件和手机中其他声音文件分开。


·体验点

1.虾米音乐整体将用户手机中的声音文件和应用下载的文件全部也放入“本地歌曲”中,用户通过使用本应用的“下载”这一操作和结果没有很好的表达出来。


七、个人中心

·体验点

1.从界面版式上看,网易云音乐功能多,略显拥挤,既没有突出特殊功能,也没有隐藏使用频率低的功能。虾米音乐功能也很多,好在空间大,有分割,没有显的拥挤,但同样也是既没有突出特殊功能,也没有隐藏使用频率低的功能。


八、消息中心


·交互方式

从网易云音乐将“私信”、“评论”、“@我”、“通知”都做列表区分。虾米音乐只做了“通知”、“私信”两部分区分。


·体验点

1.网易云音乐“我的消息”首先很符合应用整体的分类风格,其次将注意力集中在音乐上,如“私信”中将用户关注的歌手新歌及时推送给用户。如果用户没有及时查看消息也能从这一分类中找到关于音乐的推送。

2.虾米音乐“通知”中包含各类消息,没有进一步细分,作为一个音乐播放器,将关于音乐的推送淹没于各类消息中。这一部分应当改进。


九、签到

·交互方式

网易云音乐点击签到跳转福利社界面。虾米音乐登录应用及签到成功,点击签到进入签到规则。


·体验点

1.点击“签到”响应的并非“已签到”,而是福利社界面,网易云音乐即便是要做这个积分的推广,那么“我的积分”部分显示也应该做的相对明显一点。

2.虾米音乐打开应用及签到成功这个功能并不名称,使签到功能略显鸡肋,而签到规则界面略传统,不太符合整体风格。


4
举报
|
19
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
高级感金属拟物 UI设计组件库
UI应用平面图标
我的钱包-UI界面设计-app
矢量立体简约UI蓝白图标
UI 登录界面设计模板包
抽象液态渐变UI背景模版
【新年UI图标】会员icon
【新年UI图标】钱包icon
【新年UI图标】汽车icon
【新年UI图标】秒杀icon
UI界面 组件
【新年UI图标】银行卡icon
智能家居中心 简约 UI设计组件库
高级表盘系列UI源文件
Security Camera UI kit
3D卡通UI界面图标可爱插画免扣素
盲盒APP UI设计
新拟态风格 UI设计组件库
【新年UI图标】30个图标
【新年UI图标】珠宝icon
科技医疗透明柜UI界面设计
钱包ui模板
你可能喜欢
大家都在看
登录注册