网易IDJ音乐站(idj.163.com)是音乐的互动分享平台,期望突破以往听音乐的方式,由被动的听歌转为主动选择的音乐关注和主动的音乐分享,用最快的速度找到你想要的音乐和推荐给别人,你喜爱的音乐。
IDJ新版的设计目标
调整站点结构,更尊重用户习惯
调整全站导航,让用户一目了然的站点地图,全面的找歌搜索,做到更清晰易懂
简约清晰的设计,使操作更易上手
更方便快捷上传歌曲和制作自选集
关注音乐,一键搞定……
更加丰富的音乐站点内容
全球榜单优化和海量歌曲增加
怎么获得和提炼这些目标?
用研阶段:为定位目标用户、了解用户需求和明确设计目标给出数据和方向
我们的目标用户是什么?会有什么需求?
Persona-模拟用户人物角色:
年龄段:18-35岁
学历:大学或以上水平
性别:男女不限
网龄:1年以上
其他要求:爱好音乐,每周至少有1小时或以上的听歌习惯
我们通过用户电话调查、焦点小组、深度访谈、竞品分析主要发现:
用户使用在线音乐模式可分为找音乐、听音乐以及交流和分享音乐三部分。
找音乐
找音乐对于用户来说是一个单线程的任务,和其他任务、操作之间存在排他性
交流、沟通和找音乐这一任务并不冲突,而且会促进寻找的效率和效果
听音乐
音乐的播放过程顺畅与否对于用户至关重要,直接影响到其使用意愿
达人更关心播放的音质,这一因素直接影响到他们的使用意愿
用户在听音乐的过程中会同时关心其背后的信息,包括歌词、歌手历程、创造记录等
交流和分享
对于达人来说,展示自己音乐方面的水平,受到他人的关注能给予他们很大的成就感
音乐对于用户是联系友谊的纽带,特别对于达人来说,他们更期望”以歌会友”
BETA版可用性测试主要发现:
o IDJ Beta版网站上的可用性问题主要是违反易学性和易于辨识两个原则。
o 可用性的问题主要集中于个人主页,一起来DJ,搜索页面和管理歌库。
o 使用主观问卷调查用户对产品可用性的看法时,总得分为69.4分,低于70分的系统可用性合格线。
o 用户满意度平均为3.4分,评价偏中性,说明用户对IDJ Beta版满意度一般。
针对上述用研的主要发现和数据,以及可用测试用户对IDJ BETA版的意见反馈,IDJ项目团队提炼和订立了IDJ新版的设计目标。
针对目标,我们做了什么?
订立目标后,我们主要从交互,视觉,技术开发、可用性测试迭代几大阶段开展了产品的升级优化 。
交互设计阶段
1. 信息框架的重新梳理
针对用研后得出的结论,梳理IDJ站的信息架构及流程,让用户得到更好的体验,站点流量及音乐订阅量在短期内得到较大提升。
优化点
a) 增加固定区域的整站导航,清晰站点架构。
b) 把站点格子优化显示在音乐和游戏下,个人主页,达人等用户页面节省出空间放置用户相关度更高的内容。
c) 整合所有游戏页面至”游戏”,可以通过点击导航游戏标签展开下拉菜单进入各个游戏页。
d) 整合所有的站点音乐资源至”音乐”,可以通过导航音乐标签,展开下拉菜单进入:全球榜单,歌手,专辑推荐页。方便有固定的听歌需求的用户。
2. 交互原型(设计-讨论评审-迭代-定稿)
对信息架构梳理后,交互设计主要针对整站架构、核心功能、关键流程进行全新的优化,并进一步改善可用性问题,主要为提高网站的易用性和易辨识性,减少用户花费过多认知资源在对网站的学习和理解上。
优化点
a) 统一的整站导航,以人为维度,动态形式展示音乐歌曲信息
b) 简化注册流程
c) 个人主页
Tab导航,结构更清晰;增加谁来看过的模块,加强用户互动
将个人介绍改为我的状态的形式,更加突出用户个性
灵活运用歌单模块,当主人态时显示最新关注更新的歌曲,当客人态时显示主人最新添加的歌曲。
歌库改名为自选集:
歌库的展示和管理合并为一个页面
歌库上传音乐的概念改为”添加音乐”将上传与搜索上传合并到一个流程
将不同关注类别分开显示
用户游戏有统一的管理入口
d) 搜索分为4种类别:歌曲、专辑、歌手、自选集输出结果
视觉设计阶段
视觉方面,从暗色系到明亮色系的转变,从个性、酷走向简约,是我们一大挑战,期待这个亮眼的转变,让用户使用得更习惯,更舒服自然。最近也看到这么一句话:“越是简约的设计,越是在最多的场合适合各种不同的需求。越是让自己退到一个不显眼的,不张扬的地位,才越让用户的沟通成为主角。”确实这个也是我们从个性转向简约设计的一个初衷!
配合用户的需求和使用习惯,首页、几大核心功能页面布局和视觉都做了很大的改变,订立使用网易的蓝色系色调、渐变的质感,增加网易品牌的亲切感和一体性。
一些细节的规范标准定义:
… …
可用性测试迭代