网易云音乐部分功能交互体验浅析

软件版本:3.5.1

设备型号:iPhone5S

操作系统:ios8.1

作为一个听歌党,每天除了微信,打开使用最多的就是网易云音乐了,以前最常用的是酷狗和虾米,在使用过网易云音乐后就果断奔入它的怀抱了,其中有一个很大的原因就是因为它的用户体验很好。对于网易云音乐也有很多从各种角度分析,我不讲那些大家都已经反复说过很多次的那些好的地方,比如播放界面,更主要是从我自己常使用的那几个功能去分析。

一、导航

交互方式:遵循IOS的导航规则,主菜单放置在最下方,方便切换,层级明确,搜索栏占据最上方一目了然。

体验点:

1、用户打开界面通常在两种情况下,一种是有wifi,一种是没有wifi的环境,在wifi的环境一般都会选择在主界面在线听歌,可以找到自己喜欢的类型的哥也可以接触新的歌曲;在没有wifi的环境下,一般在路途中,那个时间会选择在“我的音乐”里听自己下载的歌曲和下载的歌单。主操作在下方方便切换;

2、直接明了的搜索栏满足有目的来找歌的用户,搜索栏下方就是“发现音乐”的子菜单满足没有明显目的性来听歌的用户的不同需求。


二、音乐图标的动效

交互方式:播放器图标设计成音阶,跳动为播放,静止则暂停,并基本固定在每个页面顶部栏的右侧

体验点:

1、以前的CD机还是收音机、卡带机等等,它们在播放音乐的时候,会不停的转动,不工作则停止转动,网易云音乐在通过一个音阶跳动的动态交互很直观的传达给用户歌曲是否播放的讯号,也符合用户一贯以来的使用习惯。

相反在使用虾米音乐APP时,首页下方就是一个音乐播放的浮框显示,不管在播放和停止状态,歌曲名字都在横向滚动,增加了一定的理解成本,这点特别希望虾米能够优化;

2、不过在首次使用网易云音乐听歌时,过后想从首页切换到音乐播放界面的时候,还是有找了一小会,最后还是因为音阶跳动的图标下意识点进去后才发现的,这是只有图标提示的一个小弊端,需要一点点学习成本,应该有一个初学者的新手教程指示会更方便一些。


三、搜索栏

交互方式:1、占据顶部栏的大部分位置配合搜索的文字和图片,一目了然;

                2、点开后跳到搜索界面,展示的内容层级分明。


体验点:

1、搜索栏在顶部栏,并且以空白框的形式展示,更直观的告诉了用户点击这里可以搜索,这种形式不仅仅在视觉上吸引了用户,更是无形的扩大了操作区域,方便点击;

2、点击搜索栏后跳转到搜索界面,界面分三块,歌手分类、热门搜索、历史搜索记录。这个是根据用户的使用习惯来安排了它们彼此之前的占比;

歌手分类以一个引导点击的形式出现在搜索页面的最上方,节约了空间,同时因为它不是搜索页面用户最直接的诉求,所以占据的位置很小,不会影响用户别的操作,

热门搜索满足了一部分追寻热点的用户诉求

历史搜索记录以列表的形式出现,同时出现在最下方,有较强的延展性,因为用户的搜索量是不一样,同时旁边的删除图标也保障了一定的用户隐私性;

3、最后不得不表扬一下,搜索界面的动态交互,页面通过点击空白输入框和取消键来进行切换,彼此切换的过程中,通过搜索栏的长短伸缩变化有种求同存异的温和感,减少了点击空白框没有办法立即输入而是跳转到别的页面的突兀。


四、小图标的友好性

交互方式:歌单全部下载图标颜色全部填充,有部分下载的图标是一个底部略有填充的现框图标。没有任何下载的歌单不出现图标。

体验点:

1、在前面有说到,一般听歌无非两种状态有wifi时大多会选择在线听,没wifi时都会在我的音乐里选择已经下载好的歌曲听,歌单里一般都有不少的歌曲,用一个图标来表示它的下载状态给用户看到是非常有必要的,通过两个全满和半满的状态很直接友好的显示出了歌曲的下载状态,加上旁边的小字说明,哪怕一开始没有完全注意图标的差异的人,也会通过文字的对应发现图标的差异有种超出预期的感受;

2、一般常规的做法,完全没有下载的歌单可能会通过别的图标的展现,比如将对勾图标进行灰色处理,显示没有下载状态,但是转念再想,这样反而会增加用户的理解成本,灰色有可能也可以表达下载不成功或者停止,既然赋予那个图标的意义是已下载的意思,那没有下载直接不显示图标反而来得更直接,这种差异用户通过和其它两种的对比也很快能够GET到。


不得不说,我被网易云音乐吸引就是被这些细节点吸引,细节之处的交互体验更能见到诚意。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容