网易云音乐对空状态的处理方法

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

空状态作为一种页面形式,通常被定义为页面的特殊状态。交互设计时空状态多为最后的产出物,甚至是等到开发/QA询问到边界情况时才豁然发现速速补充的产物。产品迭代中它既不属于功能新加、也不属于bug修补,充其量是一种体验的优化。或许就是因为它们并不涉及什么产品逻辑才总是被我们所忽略遗忘。

fangfa

空状态,顾名思义就是指页面的空白状态。这个不难理解,譬如一些应用,用户首次打开时因为没有任何操作,页面很可能就空空一片。空着并不是有什么错,但这种体验真的不太好。就好比我费劲巴拉想找个饭店跟妹子约会,跑到了一看门上竟然写着“暂停营业”。

前段时间因为要给产品做空状态的页面优化,臭脸君借此机会总结一下我们在云音乐上对空状态的处理方法。文章中的包含上线页面和一些优化方案。空状态通常存在于三种状态下:

首次使用——未操作

带有UGC属性的产品都或多或少都需要用户自己创建内容,当新用户首次下载打开APP后就很可能面临眼前一片空白的惨状。看上去貌似合情合理,但是否考虑过此时用户最想得到的是什么呢?首次进入一个有兴趣却不熟悉的APP,虽然大概知道它是做什么的,但并不意味着知道该怎么做。

就如同你在没有做任何功课的状态下,到一个陌生的地方去旅游,一张地图、一个指引或者一个建议都会给你莫大的帮助和鼓励。

删除清空——主动操作

用户主动清空或删除通常都带有某种目的,但也不排除因为误操作造成的损失。前一种情况因为用户明确知道自己做了什么,只要给予结果性的反馈即可。

552634701037331281 副本副本
Inbox给不同文件夹的清空状态设计了不同的颜色,同时简单明了的说明了每个文件夹对应什么功能,什么文件将会显示在这里。

毕竟因为误操而清空是一个小概率事件,所以大多应用并没有在此处做文章。

159508293967591285 副本
QQ音乐支持恢复一个月内删除的歌单和音乐,很用心地解决了这个小概率事件。越是概率小,对用户产生的结果也越可能严重,试想当你一个手抖不小心把经营多时的歌单给删了,看到此功能必会有种大难不死必有后福的快感。

异常、失败——无法操作

未命名

出现异常情况时,原则上我们首先要尽可能减少用户因不明缘由带来的紧张和疑惑。简单明了的说明情况让用户知晓状况,如果能给予引导或帮助就更好不过了。

由这三种状态我们便可以推导出对应的感受:

  • 第一印象
  • 成功/错误操作后
  • 不明缘由

用户不断尝试大量的APP,但都在头3-7天内停止试用并作出选择。对于那些“优秀”的APP,大部分留存用户在7天内保持高活跃度。关键就是在这3-7天内把用户留住。

——Ankit Jain

有此便可以看出,在有限的时间里,只有将塑造形象、增进情感的任务不断提前才有可能把一个用户真正留下。重视这些空页面便成为一个不错的切入口,毕竟人家跟第一印象有关系。

接下来开始说说我们在云音乐中的做法

1:系统推荐

既然空状态的体验不好,最简单的方法就是给空白的地方补一些东西。很多应用,为了保证用户进入后有喜欢的内容,会在首次使用时先做一些类似口味/喜好的选择题,以此作为第一手资料来完成页面内容的填充。起初觉得这种做法挺讨巧,动动指的功夫做做选择总比给我显示一堆不喜欢的内容要来的亲切,还能顺便知道一下平台内容大概都会涉及到哪些方面。

时间一长当发现太家都开始演习这个套路时,曾经的欢喜俨然已成今日之乏味,我着急看内容你却非让我做选择。有种文革时期我进个城还要先背一遍毛泽东语录的既视感。

【发现】个性推荐入口_ip5_20150917 副本

线上产品

从来都是以人为本的我们当然不会做这种强制性的操作啦。云音乐的发现tab下首个模块就是以音乐口味著称的“个性推荐”,在这里我们会根据用户的听歌数据计算出对应的口味,从而实现千人千面的个性化内容。

当一个不具备口味数据的新用户来到这里,我们会从多个维度去计算从而推荐时下最流行、最热门的内容,用户的任何一次操作都将成为我们数据采集的一部分。当然,如果你想更快速的表达自己的喜好,也可以通过顶部的口味入口选择自己的音乐标签。

【发现】个性推荐入口_ip5_201

线上产品

朋友模块是我们社交的主战场,这种纯用来互动的功能很极端。如果社区氛围好、用户足够活跃,将很大程度提升用户对产品的粘性,反之就会成为产品的鸡肋。尤其是没好友没内容时,惨淡的景象都对不起这占据的地理位置。

无内容或内容较少时,系统会根据用户的听歌口味、绑定的微博/手机通讯录好友、热门内容进行推荐。既可以通过感兴趣的人发现感兴趣的内容,也可以通过感兴趣的内容进而找到志同道合的朋友。

2:引导

信息浏览型的页面可以通过系统推荐来形成内容,但与用户归属强相关的信息就不适合这种方法。“我的音乐”tab下的内容就与用户选择性操作有紧密的关系,譬如用户没有创建/收藏任何歌单的情况下,歌单模块区当然就只能空着喽。

虽然歌单一直以来都是我们产品的功能特色,也被很多应用借鉴模仿。但你不能把自己习以为常的事情当做是新用户与生俱来的认知,毕竟没几个人是做好功课才来用APP的。

【发现】个性推荐入口_ip5概念方案

在创建的歌单模块下放置一个“新建歌单”入口,意义在于

  1. 告知用户什么信息将会出现在这里
  2. 向用户传达歌单的理念
  3. 灰色小字补充信息进一步对概念进行了说明

当用户通过引导尝试性的创建了一个属于自己的歌单,入口便会消失且自动出现“更多”下拉浮层,引导用户在这里新建/管理歌单。

3:页面缓存

将之前加载好的页面内容存储下来,再次进入时先展示这部分内容。这种方法很简单也很实用,只要技术做个处理就OK,以至于早已成为大家所惯用的处理手段。

4:转移目标

说的

线上方案

默认情况下打开APP会进入“发现音乐”,用户可以消费当前平台最新的资源。然而网络异常情况下,“发现音乐”的流程已经不能再进行下去,就算设计再漂亮的异常页面也不能抵消用户心中的挫败感。此时进入后会toast提示无网络可用,且自动切换到“我的音乐”,转移探索音乐的流程,引导用户去消费已存在的内容。

 5:情感表达

29c49295751ac7ca395f313b0c368f62a330368232af1-oLLIuJ_fw658 副本

“高逼格”、“性冷淡”一直是我们的调调,因此线上的做法相对中规中矩。那就放几个我认为不错的例子吧,对于臭脸君这样心思细腻的人来说,一个暖心的配图一句贴心的文案都能让小心脏颤抖半天。

洋洋洒洒写了这么多,最后的最后臭脸君想勉励督促一下自己,不要小看任何的细节,在这个“人无我有,明天他立即有”的天下,功能早已不再是产品的瓶颈,“人有我优”才是制胜的根本。怎么“优”就涉及到体验的方方面面,理解用户、理解心理和人性也是一门必备的修行。

 

本文由网易云音乐交互设计师 @任轶(微信公众号:臭脸任的慢生活) 原创发布于人人都是产品经理 ,未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 13

登录后参与评论
  1. 我是一名网易云音乐的用户,也是一名UI设计者,从用户体验上讲讲,我觉得,网音一定要坚守他的初心,它是一款音乐软件

    回复
  2. 刚才尝试了点进去看了下试了下“飞行模式”,其中有2个是无法点击的“我的电台”“我的歌手”“最近播放”中所有歌单为灰色,但是在打开后一些歌曲已缓存本地,个人看法:在无网络模式下“飞行模式”添加一项“可听音乐”并直接引导进去,其中分两个TAB“下载歌曲”“缓存歌曲”。 :roll: :roll: 这样会不会更好?

    回复
    1. 回复

      是的,我们现在只做了开启时的网络判断,对进行中网络切换的引导尚缺乏。
      感谢留言
      可以关注微信公众号:臭脸任的慢生活
      定期更新原创设计相关文章,期待多多交流~

    2. 回复

      发现了很多好音乐,加油! :grin:

  3. 截图好像是老的云音乐

    回复
    1. 回复

      是最新的哦~

  4. :eek: 个人体验后的一些感受,要加强用户在听歌时去评论的习惯和关注他人的习惯,添加关注页面里可以加入朋友推荐,通过后台数据来选择经常听同类型歌曲的用户进行相互推荐,而且在认识的人页面里有有很多人都是连头像都没有设置的,这表明他们都是留存率和粘性很低的用户,应该有意识的去引导他们完善自己的资料,好像完善资料有积分奖励,这对于大多数用户没有吸引力,或许可以改为赠送几首原本需要付费才能下载的无损音质歌曲,最好在新用户第一次使用时有文字提示。
    要让用户主动关注自己通讯录里的朋友,比如可以在新用户打开朋友页面的时候跳出提示“快来看看你的朋友们都在听什么歌曲吧”,可以增加对认识的人一键关注功能,方便且快捷的扩大用户联系。同时应该加强关注后的特殊性,要加入一个专门更新关注者动态的页面,对于关注者的动态不仅仅局限于分享的心情和音乐还应该有他对歌曲的评论,甚至还能在点开他的个人页面里显示他正在听的歌(如果他正在使用的话)。

    回复
    1. 回复

      感谢留言,给了我很多启发
      关于第一点建议我很赞同,不过对于连头像都没有的新/低级用户是否有下载付费音乐的需求还需我们平台再深入思考一下。
      关于第二点,其实我的理解是强关系对于音乐是否真的有效,一个生活中的伙伴如果与你口味并不相同,你真的会关心他喜欢听什么歌嘛。不过这也是我们一直在探索的问题~

      可以关注微信公众号:臭脸任的慢生活
      定期更新原创设计相关文章,期待多多交流~

  5. 可以关注微信公众号:臭脸任的慢生活
    定期更新原创设计相关文章,期待多多交流~

    回复
  6. 细节决定成败,很不错,学习了

    回复
    1. 回复

      感谢亲的留言
      可以关注微信公众号:臭脸任的慢生活
      定期更新原创设计相关文章,期待多多交流~

  7. 比较人性化,可以

    回复
    1. 回复

      感谢留言
      可以关注微信公众号:臭脸任的慢生活
      定期更新原创设计相关文章,期待多多交流~

加载中