网易云音乐交互设计:如何让用户感知到个性化推荐

一般用户会以为都是热门推荐,只有非常细心的用户才可能发现,比如你最近听了不少古典音乐,那在首页上就会看到古典相关的歌单推荐。

1477356953-8025-101c00025a089ad9aacc

话说,云音乐是最早做歌单个性化推荐的——在首页根据你的口味推荐歌单,只是一开始绝大多数用户都不知道有这个功能。

为什么呢?因为我们在展示上非常低调——在首页上的表现就是,热门推荐歌单和个性化推荐歌单混杂在一起。一般用户会以为都是热门推荐,只有非常细心的用户才可能发现,比如你最近听了不少古典音乐,那在首页上就会看到古典相关的歌单推荐。

1477356955-2668-f780006fbb141357107

我们觉得这是我们的一个特色,应该发扬光大,让更多的用户感知到。针对这个问题,我们首页做了一次改版,将热门推荐和个性化(口味)推荐分成两个独立的栏目,各自配以明确的标题,同时给每一个口味推荐加上了推荐理由。

1477356954-8992-large

改版之后,就收到很多用户反馈:很喜欢你们的个性化推荐功能!mummm……人的感知就是这么简单粗暴。

这一版首页设计维持了相当长一段时间。直到某一天,产品再次提出:“我们现在首页的内容太少,滚两下就没东西可看了,浪费了首页这么好的位置。我们要在首页推更多的内容给用户,不光是歌单,还有专辑、MV、电台节目等等,让云音乐里更多好的资源曝光。”

设计:“那原来的个性化推荐栏目怎么办?”

产品:“没有这个栏目了,之后的首页栏目按照内容类型分,每个栏目里都有可能出现个性化推荐的内容。”

设计:“那不又回到之前的老问题了么?用户感知不到个性化推荐。”

产品:“现在用户应该都知道这个功能了吧。”

设计:“……”

看在产品在首页改版上沉淀了这么久的情分上(通常是情难却),还是勇敢地面对首页要改这个事实吧。

按照设想初步绘制的原型:

1477356955-2687-f7c0002bbb4271dcc9a

mummm…..左看右看,反正就是看上去变平庸了——和那一票在首页分类推荐各种内容的XX软件没啥区别。虽然我们自己知道,整个首页都是个性化推荐,每个人看到的首页都是不一样的……除了新手引导(一次性的引导容易被忽略),如何让用户感知到这件事情呢?

每个内容后面跟个推荐理由?首页内容变多,布局变紧凑之后就挤不下了。

给每个口味推荐的内容打个标记?画出原型之后,就觉得太傻太壮观。

1477356955-7244-1023000809681aacfe6f

点击进入内容页以后出个toast显示推荐理由?并不是每个用户都想看到这玩意儿的,软件里现有的各种toast已经让人心累。

1477356954-8612-101d0008041d9512a47c

挖空心思在想哪里还有空间。

这时候有一种设计模式从记忆里浮现出来。微信朋友圈,浏览到很下面,想往回滚动的时候,顶部的系统状态栏会短暂地被一个回到顶部的快捷操作提示替换一下。类似toast,但又没有toast那么嚣张。

1477356956-8020-f7c0002bbab5103c0fd

感觉利用这个位置去显示“推荐理由”还算靠谱,好处是没有干扰主体界面展示。虽然从看见的时机上来说晚了一步,但是,至少还有机会真真实实地用肉眼看到。

1477356956-2663-101f00009403f4f406db

同时我们还设计了一些其他的功能露出:

比如新用户还没有任何口味数据的时候,中间的每日歌曲推荐功能是不可用的,此时将这个入口替换成让用户设置初始化口味的功能。

1477356956-2890-f780006fbb2b08a8090

又比如把首页的第一个tab名称由“推荐”变为“个性推荐”;在首页下拉出现的背景上显示“首页内容根据你的口味生成”,等等。

1477356957-3965-f780006fbb3119b955a

新版上线之后,一大波老用户反馈来袭:哎呀原来首页我很喜欢的个性化推荐功能怎么没了?mummm……人的感知就是这么简单粗暴。

不过这个改版我们已经想了很久,方向已定,就不会因为用户反馈而回退,能做的就是跟用户说明,然后让时间去冲淡一切。不知道现在有多少人知道我们首页的个性化推荐呢。

产品迭代过程中,如何优雅地让用户感知到我们的功能特色,是个永恒的议题。

 

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/18282/

(0)
iouedioued
上一篇 2016-10-25
下一篇 2016-10-25

相关推荐

  • 创建用户友好型表单 Creating User Friendly Forms

    好久不见,由于懒惰好久没有翻译文章了,这次翻译一篇关于表单的很基础的文章。有些例子较牵强,大家可以有选择性的看 原文地址:https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2 作者:Momo…

    2018-04-18
  • Axure学习笔记:手机APP微信读书原型设计

    最近在学Axure,周末做了个案例练练手,选了腾讯新出的微信读书,主要考虑这是1.0版,所以功能不是那么复杂。做完之后回顾了一下自己的制作过程,既算是做一个总结,也希望能给同样正在学习的新手带来一点帮助。就…

    2016-01-06
  • Axure制作酷我音乐安卓端高保真原型案例下载

    本案例为原型库网站原创制作,转载请保留出处。这个原型文件,忘记是什么时候练习axure 时做的,做的不好,有bug,部件的层级关系不够明确,仅供参考。拿出来给有兴趣的朋友下载研究吧,关于这个原型的问题就不要找我提问咯,早已忘记了。
    前段时间又重新做了一下安卓端的酷我高保真原型,进步了很多,层级关系十分明确,这个最新的原型等过段时间再给大家分享吧。

    2015-01-04
  • 网易新闻安卓客户端Material design实战

    编者按:光说不练假把式,聊了这么多的Material design技巧,是时候来看看国内APP怎么跟上这股潮流了。今天网易的同学分享了新闻客户端的Material design改版过程。 项目背景 网易新闻安卓版一直以来照搬IOS版的交…

    2015-07-20
  • JDC丨京东设计中心 - 电商大促攻略页设计指南

    通常我们看到的旅游攻略,游戏攻略等都是以文章资讯的形式呈现,只可阅读不可交互。而电商大促活动中的攻略页,可不仅仅是一篇资讯文章那么简单,除了要向用户传达促销信息,往往承载着引流,预约,发券,传播等营…

    2018-03-27
  • Coding Nap:迭代式体感交互设计分享

    CodingNap是为程序员设计的一款办公室睡眠闹钟。程序员是一个不分昼夜工作的群体,十分需要短暂而高质量的睡眠。当程序员十分疲惫需要休息时,按下Coding Nap的按钮,它便为程序员设定了9分钟的睡眠之旅。同时Codin…

    2015-11-18
  • 超级干货:75条界面版式设计准则

    一个好的界面设计应该拥有高转化率且方便用户使用,换句话说:既能达到商业目的又能满足方便易用的要求。 有一个设计咨询公司根据自己的客户案例,总结了 75 个经过实践证明的原则: 1. 使用单栏布局代替多栏布局 …

    2016-07-14
  • 购物商城微信公众号交互设计

    设计背景 由于微信公众号轻应用的设计需要在微信的结构框架中进行,信息架构和导航布局需要基于微信的开发接口和架构来做,项目开始时微信针对公众号的导航框架刚好有做出调整,在进入公众号里面的页面后可以逐级返…

    2015-11-06
  • 我手机里的应用设计体验

    最近养成了一个习惯,看到手机应用的一些设计点,自己觉得好或者不好的时候就会截图下来,翻了一下手机已经存了一堆图片了,就干脆发出来吧。 应用更新通知弹窗 应用更新弹窗是几乎每个应用都会有的一个模块,但是…

    2016-06-27
  • 体验方法论:以目标为导向的设计

    产品名称:金融圈APP 设计团队:金融圈UED设计中心 项目介绍:本项目为首页改版方案,与产品经理,交互,运营,视觉四方共同讨论得出的一期改版方向 设计目的:以体验设计方法论体系结合商业目标对APP首屏进行改版 …

    2016-08-31