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

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

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

相关推荐

  • QQ空间是怎么设计直播功能的?

    什么?空间也做直播了!没错,在当今直播的热潮下,国内外的直播产品大都是基于陌生人的关系链,且内容结构与视觉效果同质化严重。如何让用户更好的分享生活?如何为用户提供差异化的内容消费?如何给用户更多新鲜趣味的互动玩法?这是我们做直播希望解决的问题。
    Qzone依托自身优势,另辟蹊径地发掘基于好友关系链的直播场景。与此同时,我们不断探索更符合空间用户直播的设计形态,发掘与竞品的差异点,寻找直播的下一个突破口,通过系统化的设计,为用户提供非一般的直播体验。

    2016-07-27
  • [转]设计智能推送通知的要点|译文

    当你安装一款新的应用时,有多大比例是允许收到推送通知的呢?我已经被无数的推送通知搞烦了!我甚至有在凌晨被推送通知吵醒的经历!这怎能让我爱上那款应用呢!推送通知的逻辑应该更加智能化才是!本文就阐述了设…

    2016-07-15
  • 我手机里的应用设计体验

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

    2016-06-27
  • 深度解析!天猫双11宇宙 H5 的惊艳效果是如何实现的?

    来源:H5广告资讯站 作者:小呆 原创文章,转载请联系本人! 记得在上个月小站推荐万达的第一支一镜到底H5作品时,就有用户曾放下狠话:“你就等着我们的一镜到底吧!” 因为留言的人是圈内的技术大神,自然也就引起…

    2016-10-25
  • 【涨姿势】Twitter安卓端体验的全面革新

    手机设计 第一步 我开始设计App所做的第一件事情就是记录一个功能列表作为主要导航,这些功能是由客户所描述的,使用这些功能,我做出了App的基本用户使用流程。然而,在这个项目中上述行为都是不必要的,因为twitt…

    IxD案例 2015-08-27
  • Facebook 改变「点赞」背后的故事

    Facebook 在上段时间做出了一个改变,堪称是最近科技界的最重磅的新闻之一,那就是他们改变了自己实施已达 7 年的「赞」的功能,增加了 5 种新的回复选择。从某种程度上说,这是 Facebook 近几年在自身产品设计上迈…

    IxD案例 2016-03-03
  • 从「令人发指」的苹果来看所谓的细节设计

    什么是细节设计?在讨论这个问题前先来看个案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,请随便打开一个可以调出虚拟键盘的应用「比如短信」。注意观察键盘的最后一行,相信看这篇文章的人都是中文用户,所以在你的…

    IxD案例 2014-10-10
  • Android电视应用:Amazon Fire TV版TVPlayer设计

    设计和研发、推广一道,是移动应用的成功要诀之一。定义用户操作应用的方式,与应用的功能和高效的盈利模式同等重要。而且,当涉及到为电视这样的新交互模式设计界面,许多在智能手机和平板上有效的模式,都需要重…

    2016-10-18
  • 面向友好用户体验的交互设计:刘老师课件精简版

    浏览网页、手机拍照上传朋友圈、用自动售卖机购买饮料,我们无时无刻地与周边的产品或服务发生着交互。使用过程中的每一个身心感受就是一次交互体验。随着信息科技的发展,各种新产品和交互方式层出不穷,人们也越…

    2015-11-22
  • axure 折叠菜单

    第一步:拖拽三个”动态面板“空间到制作区,分别命名为MB1、MB2、MB3,属性width:200,height:130。 每个动态面板都设置两个状态,分别为State1、State2。 打开MB1面板的State1状态,在里面添加一个名称为section1…

    2015-01-12