https://www.1bgm.com.cn 在线地址
天音在线是一个在线音乐的付费平台,可以在线购买音频,网站走品质路线,用户可以从情绪、风格、配器、速度、时长五种维度筛选音乐。
首先说说页面的缺点,页面简单,毫无设计感,搜索分类设置比较繁杂,高品质音乐模块的布局比较拥挤。下拉菜单的设计没有交互,主要功能的视觉层级弱。导航栏没有在顶部固定显示,点击logo无法跳转到首页。
首页
音乐是丰富人精神层面主要的力量来源,网站的视觉效果要比较多彩,现在音乐市场被酷狗、qq等大众产品占据了市场的背景下,为用户提供个性化和场景化的高品质音乐吸引用户,会更得用户的青睐。
随着版权管理力度的加强,在版权规范化的背景下,扩大既有曲库规模,提供更为完整的资源曲库更成为吸引用户的重要目标。个性化和差异化的服务会不断提示行业内的用户体验。但是用户的付费习惯还需要培养,网页整体设计应该偏品质风,给用户一定的信任度。
在用户打开网页搜索的时候,可以弹出分类筛选框,提示用户做出选择,根据不同年龄不同喜好给用户筛选出适合用户的音乐列表。
![](https://img.haomeiwen.com/i11076542/44fc58e0f6616087.png)
网页的顶部可以推送当下热门下载和播放量高的歌单分类入口,吸引用户点击
![](https://img.haomeiwen.com/i11076542/f14140362be06ccf.png)
高品质音乐和MIDI音乐库应该分成两个标签,鼠标滑动到高品质音乐的时候才出现MIDI音乐库,会被用户很容易忽略掉。
![](https://img.haomeiwen.com/i11076542/5ba0717193bc778d.png)
音乐列表模块可以按色块区分和卡片样式分隔,鼠标点击应有交互反馈,标签可以和头部的分类垂直排列,分类标签可以做个按钮效果,滑动可以弹出分类,让用户想更改时可以重新选择。
![](https://img.haomeiwen.com/i11076542/f4d1478889d658df.png)
icon粗细和视觉大小不统一,不符合规范,可以增加一个试听的功能,减少用户对不熟悉的音乐想试听却找不到门路的困扰。除此之外,点击按钮会出现注册/登录的页面,个人认为这样会给用户造成困扰,用户想要先试听音乐,还要先登录,会影响用户的体验,注册和登录页面可以在用户试听结束后或者跳转到下载和收藏页面时弹出,以“不登录用户收藏的歌单在关闭页面后会消失”这类情感引导去让用户登录注册,会减少用户注册时的不安感。
![](https://img.haomeiwen.com/i11076542/508dd783839b2a21.png)
这样模块的样式可以采用鼠标滑动,横向展开,可以减少用户的操作步数
![](https://img.haomeiwen.com/i11076542/76519868258f7138.png)
如图所示,加上图标/图片展示分类标签,能使用户加深印象,快速找到自己需要的音乐。
![](https://img.haomeiwen.com/i11076542/59a37fc6d37dc528.png)
点击按钮后会出现标签、描述、专辑和分区,分区和标签重复繁冗,可以省去,描述和专辑也不知道用户想要了解的重点,可以省去这一步的操作。
![](https://img.haomeiwen.com/i11076542/73be289d5f851adb.png)
跳转页面的数字较小,可以采用按钮样式,增加点击的范围,在鼠标指到的页数可以增加交互反馈,参考如下图所示
在高品质音乐选区下面会限时热门音乐人/厂牌和精选歌单、推荐专辑模块,与导航区的音乐人/厂牌页面重复,建议可以省去,可以在banner区增加这三类的的入口,减少页面的长度。
精选歌单
![](https://img.haomeiwen.com/i11076542/74ca4eeb90845d08.png)
精选歌单的标题导航的交互和样式跟首页一样作调整,不重复说明。鼠标滑动到图片时,可以做放大的效果,显示播放按钮,提醒用户可以点击进入页面试听;歌单的配图与文案不符,会使用户不能第一时间扫到需要的信息。标题和文案字体太小,可能会对用户产生阅读疲劳。建议可以放大用户播放量比较大的几张专辑,重点突出显示,增加用户播放量和推荐的标签,增加用户的点击率。
全部音乐人/厂牌
![](https://img.haomeiwen.com/i11076542/7b4a25b9926712e9.png)
音乐人/厂牌页面,emmmm。。。。全部信息都平铺排列,用户要是有针对性的找音乐人比较困难,建议区分几个大类,例如:热门音乐人、原创音乐人、推荐厂牌、下载榜。。。。页面可以增加搜索栏,用户可以有目的性的去搜索相关信息,减少用户查找的时间,增加用户对网站的好感。图片与信息也是一样。图文不符,,造成用户的记忆和认知负担。
授权查询中心
![](https://img.haomeiwen.com/i11076542/6e4b09669f49aa30.png)
在页面信息内容本来就少的情况下,文字字体太小,会造成整个页面过于空旷,简单。搜索栏和示例信息可以放大,给用户更多的区域点击。下方的文案可以图文配合展示,减少用户的记忆负荷和认知的难度。
新手引导
![](https://img.haomeiwen.com/i11076542/12c1a1e8208bcb41.png)
新手引导页面可以增加模块导航,例如,用户需要了解如何获得音乐授权的时候,可以点击展开查看,用户在不需要看的时候可以收起,减少页面的长度,和用户查找的时间。
新手引导可以在每个页面都添加一个浮层按钮,让用户在某一模块不懂的时候可以随时跳转到对应的区域去了解,或者根据用户反馈和后台的数据显示,用户在某条引导点击率高,在该条引导对应的页面显示新手引导的浮层按钮。
![](https://img.haomeiwen.com/i11076542/f606d70802bafe9a.png)
页面底部的“去全部音乐挑选音乐”,放置在左下角,首先,文案阅读有点费劲,再者,用户阅读完引导信息后,可能会产生视觉疲惫的状态,就会忽略掉这一个功能。有的用户在看到一半找到相应的引导信息后,不会拉到最下方,就可能跳转到别的页面去了,所以这里可以浮层显示。或者将所有的页面分模块以卡片的形式收起,可以在下方增加一个类似于返回的功能按钮去跳转到挑选音乐的页面。
店铺音乐
在点击店铺音乐后,会跳转到一个新的页面,类似于一个新的网站,这样做会给用户造成疑惑,增加用户的不安感。
网友评论