赞助商
立即赞助

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

产品经验3年前 (2021)发布 流光
2.3K 0 0

QQ红包作一已线4的基础功能,过去的一段时间历了转变,用户数据下滑问题。随几新玩法的推出,QQ包又重新受到了轻用户群体们的关注欢迎,「沙雕」网友们日常的乐源泉,那么这些玩法怎么设出的呢,本文揭背后的故事。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

20198月中旬,QQ包线了语接龙玩法,因「一顶俩」这无解的接龙语,引发了网友们的议,相关的话题冲到了知乎当日问题榜第一,微博也很多的讨论转发,甚至还网友自发创作了相关的鬼畜视频表包。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

8月底,随QQ 8.1.3版本的发布,QQ包又线了画图包的玩法,瞬间又引起了网友们的关注,任何推广的况下,获得了超高的度。灵魂画手们纷纷登场,写实派抽象派同台竞技,家奉献了一幅幅「精彩」的画作。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

这些包玩法受到用户的欢迎,获得了许多赞誉。但,它们的推出并不一蹴就的,项目团队许多次探索打磨的结果。那么,这些QQ包新玩法怎么设的呢,让我们揭背后的故事。

QQ红包是什么?

始之,让我们先了解一下QQ包这业务,QQ包什么?

QQ红包上线于2015年,初期承担着抢占移支付场份额的重任,随着移支付渗透率的日趋饱和,QQ红包原来的战略使命已逐渐淡。如今,QQ红包的角色已经转变成为一个QQ社交生态中的重要社交工具。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

同于微信红包和支付宝红包,QQ红包的户群体更年轻,90后,95后,00后占达到了80%。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

QQ红包新方向:贴合年轻用户喜好,拓展新的玩法

QQ包的用户群体如此轻,对于新鲜趣的事强烈的好奇,然QQ包原的拼手气,专属包,文字口令,语音口令玩法,线时间都已超过2,用户对于这些包玩法的新鲜感逐渐下降。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

了重新给轻用户新鲜感,我们明确了QQ包的新方向:加贴合轻用户的喜好,不断拓展包新玩法,让包加轻化、社交化、娱乐化。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

如何找到QQ红包玩法切入点?

明确了QQ红新,那么要如何找到QQ红玩法切入呢?我们做了许多前期探索和尝试。

1. 高效用研,听取年轻用户声音

我们从身边亲朋好友寻找QQ红年轻用户,接与他们沟,来获他们QQ红真实反馈。过自费予报酬,或者降低自己年龄,来近与年轻用户距离,以此与他们维护良好关系,在后续设计,这些年轻用户了我们很多启发和议。

2. 理问题,导设计

我们过年轻用户进访谈,了解到了QQ红现存3个主要问题:额少、场景少、趣味少。

根据用户反馈的问题,我们对应的推导出了QQ包的设方向。

  • 情感化:除了钱,可以让用户发出能表情感内容;
  • 互动性:挖掘社交、娱乐场景,让用户能用与好友包玩起;
  • 趣味性:设定一定领取门槛,户进行额外的操作,升户的参与和趣味性。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

快速CE,验证设计方向

确了红包的计方向,开始了初步玩法尝,以情化作为切入点,计了语音片红包方案,让用户在发送红包,编辑一张贺卡,并录制语音消息,同红包一起发送出去,以此向好友传达金钱之外的祝福、谢、思念之情。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

在完成语音片红包的方案计后,找用户进行快速CE,以验证方案的可行性。验证结果发现用户对这个玩法不是兴趣,用户觉得在发红包编辑片麻烦,还有一些用户认为片已经是上个代的事物,不喜欢以这种形式发红包。

深挖场景,从年轻用户的喜好中找切入点

情化的方向不受年轻用户的欢迎,继续从互动性和趣味性方向寻找切入点。通过用户沟通,研究95后,00后相关调研报告,搜集年轻用户喜好的兴趣点,并从中筛选出可行红包玩法的切入点。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

通过对比和筛选,最终确认了「K歌」这个切入点。主要有个考虑点,一个是互动性,商迷你KTV的兴起,使得K歌成为年轻用户社交互动的热门选择。另一个是趣味性,可以全K歌作,采用全K歌的评术,定领取红包的门槛。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

新红包玩法:K歌红包

K歌红包的主要玩法:唱歌达标领红包,红包者选择歌曲段与红包一同出,领红包的人需要唱出歌曲,并且K歌评分达标之才领取红包。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

在结合K歌玩法和QQ红包的程中遇到许问题,我们对验细节进行打磨。

1. 证红包基玩法-抢

对红包而言,快速抢到红包仍是最基的玩法。常规的K歌,唱完一首歌大概要3-4分钟,难度大且投成高,用户因为担心红包被抢光而失去耐心。里我们只截取每首歌的副歌高潮段,时长为8-20s,并外显一时长信息,让用户没有心里负担,以快速唱完并成功抢到红包。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

2. 做减法

全民K歌的K歌界面有十分丰富的功,如果全照搬到QQ红包上,会给领红包的流程成干扰。我们把必要的功全剔除,只保留核心的K歌体验,户减决策,更专注于抢红包本身。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

3. 结合实际场景思考

行包玩法设时,我们会多的思考用户领包的实际场景,不依赖思维惯性设。举例子,K歌包领取包的主交互操作,初两选择,一按住button唱歌,另一点击button唱歌。

因为QQ语音口令红包,及QQ发送语音消息,都是按住说话,如果按照思维惯性会择按住button的方案,但是结合实际场景思考,如果按住button唱歌,屏幕离眼睛太,户很难看清红包封上的歌词,我们最终择了点击button开始唱歌的方案。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

4. 增强用户间的多向互动

原本发包的互动,发包者收包者之间的向互动,收包的人抢到包后,会回复文字「谢谢老板」或一感谢表包,互动的形式较单一。

的K歌红包玩法,户K歌的片语音的形式发送到聊天,并且展示K歌的评分,这样发红包的人更有满足感,引起收红包者之间的互讨论,甚至激发户的竞争位心。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

这样一来,仅仅是发红包和收红包者之间的双向互,还有收红包人之间的多向互。K歌红包玩法上线后,受到了户的,许多户《猫叫》这首歌来「戏弄」好友。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

提炼创意公式,持续拓展红包玩法

根据K歌红经验,项目团队开始有意识寻找红玩法案共性,逐步抽象提炼出个红玩法创意公:互动性+趣味性+基础红=新红玩法。

其中,互动性指从轻用户喜好的事筛选,寻找可以激发用户产互动的切入点;趣性指技手段可实的,设一的包领取门槛,让用户参与感。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

具体的玩法流程,则发包的用户输入包金额后,选择一互动内/题目,通过技手段设领取门槛;收包的用户需行操作,并匹配预设的门槛,可功领取包;操作的过程会内,并发送到聊天窗口,让用户间产多向互动。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

以包玩法创意公式作设思,项目团队又一起共同脑暴细化方案,推出了表包,以及本文提到的接龙包,画图包玩法。

表情红包

表领包,用户发包时选择一表模版与包金额一同发出,领包的人需打手机摄,并根据表模版出对应的表动作,通过面部/动作识别技,判所的表匹配模版后可领取包,领包用户所的表也会一张表gif图发送到聊天窗中。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

1. 做减法:减少用户DIY,预设内容模版

市上制作表情gifapp,支持用户DIY内容,是在领红场景,用户更关注红本身,而需要做减法,减少用户操作。为此,我们根据不表情模版配好应滤镜,贴纸和特效等内容,用户需步操作,可以录制生成个效完gif表情,并成功领取到红。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

2. 结实际景思考:让用户先预览表gif效果

因为用户拍摄生成的表情gif,最终会发送聊窗中,考虑用户对个人形象的重视,所以在用户的表情被成功识别后,先让用户预览表情gif的呈现效果,此用户可以选择重新拍摄一个更的效果,也可以点击button直领取红包。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

接龙红包

接龙成语领红包,用户在红包时选择一个成语与红包金额一同出,领红包的人需要根据初始成语的末字拼音进行接力,通拼音抓取识别技术,判定接龙成语拼音一致即领取红包,下一个领红包的用户,需要接龙上一个人的成语继续领取红包,以此类推,直至该红包被领完。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

1. 结合实际场景思考:拼音示信息实时更

在群聊中抢接龙红包,有很大几率会现一种情况,就是户根据上一成语的拼音开始输入接龙成语时,该拼音的接龙成语已经被他群友抢先输入,并已领取到红包了,此时如果户还是按最开始的拼音输入,无法抢到红包,体验会十分糟糕。

里我们在输框上方做一个小浮设计,用户点击领取红包,小浮出现并展示下一个接龙成语的拼音,给予用户一个快速提示。除此之外,个浮的拼音内容是根据最近的接力成语而变化的,样用户只需关注浮上的拼音内容,就以输当前正确的接力成语,从而成功领取到红包。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

画图红包

画图领红包,户在发红包时择一个画图题目与红包金额一同发,领红包的人需要根据题目进行作画,通过AI图像识别技术,判定画的容匹配画图题目即可领取红包,领红包户画的作生成一张图片发送到聊天中。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

1. 减法:减少用户设置,随机画笔颜色

设初,项目组了让用户的画作表力加丰富,曾考虑可以让用户自主调整画笔笔触的小,画笔颜色,以及画板的背颜色景。过讨论,确仍遵循了「减法」的设原则,减少用户对画笔画板的设置,选用随机画笔色彩这一方案,保证用户画作的差异性丰富性。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

2. 结合实场景思考:识成功后,继续完善画作再抢红

画图红采用了AI图像识技术,需要识到画应题目特征,可以判定用户绘画成功并可领取红。是也会引发个问题,是用户有时需画笔,比如鲨鱼背鳍,AI技术可以判定用户绘画成功。这于那些想要表现自己高画技用户而言是十分扫兴。为了照顾这部分用户感受,我们在AI识成功画作后,支持让用户继续作画,丰富更多细节,并发到QQ群去获赞美。

当然,对于那些只速抢到包,并且不意自己被称「灵魂画手」的用户,AI识别功后,也可以直接点击领取包。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

3. 增强用户互动:画作评分

与K歌红样,画图红后续期望能引入绘画评分技术,届时画越好用户,获评分越高,这样能让大触们可以展身手,也能激发用户画出更好作品,引发更多互动和讨论。

这些QQ包新玩法线之后,数据都爆发的增,它们拓展了用户的社交方式,刺激了群员之间的互动,表包了用户收割好友表包的利器,接龙包让家重拾对语的,还小学教师用接龙包行语教学,受到了小学们的欢迎,画图包则让一众灵魂画手们得以挥洒天赋,了「沙雕」网友们的乐源泉。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

服务新玩法,红包体验优化

随着红玩法不断拓展,些体验问题开始暴露,我们又进全局性梳理,红进了体验优化。

1. 拓展性

红玩法不断丰富,使原有发红页框架法继续满足新增红玩法。为了保证发红页拓展性,我们在页上划分了内容区域,其固定内容是红额、个数这两个必要信息,而变动内容是红玩法信息,例如表情模版,歌曲片段等。划分内容区域后,固定内容区域信息不变,而变动内容区域可以根据不红玩法而切换,以此发红页框架拓展性,可以不断兼容新红玩法。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

2. 一致

因为历经不同设计师,各个红包玩法的领取弹窗样式,互验不一致,我们又划定红包领取弹窗的玩法内容区域,统一主操button的样式,精简提示文案,让各个红包玩法的领取弹窗持一致,给用户传一致的QQ红包品牌感。

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

3. 趣性仪式感

后续的包设中,我们也会包中一些趣性仪式感试。比如发包时,包页面的背景或输入框的颜色随金额的小变化,金额越变化越强烈,让这隐藏的小彩蛋给那些发金额包的用户一种尊贵感满足感。

除此之外,我们希望在收发红包流程给予户仪式感,如封,拆开红包的效,适长拆开红包的等待过程,营一种拆红包的仪式,及收到红包金额后的音效和光效等。通过多个仪式感元素的,户在发红包和收红包中有更愉悦的体验。

一些思考

1. 创新不只全新创造,也可以结合转化

K歌,自制表包,语接龙,以及AI识图其实并不新鲜事,但结合了包玩法,融入了抢包拼手气的属性,就了强的竞争性互动性。所以,创新可以不全新创造,也可以把的技玩法的结合,或者行转化,只这件事原人过,就可以称之创新。

2. 维护用户群,随时用研

设师可以通过身的亲朋好友寻找用户,并维护一随时可以行用研的用户群体。这样一,我们可以速的验证设方案,方案决策提供依据,或者用于推动服项目员,从提升设的决策效率。

3. 结合实际场景思考,不依赖设验

时间的支持某项目的设,设师会很易形思维惯性,完全凭借自己的验行设,但遇到一些特殊况,如果仍然依赖思维惯性设,就会脱离用户基础的需求。因,设师设时结合实际的场景,思考用户的操作体验流程,以及会遇到的问题,并之行针对性的优化设。

4. 抽象思维,提取设共性,形创意公式

设一系列的功能或玩法的时候,设师可以抽象思维,去寻找方案中的共性,并逐渐提炼一创意模版,就一数学的公式,同一公式可以套不同题目行解答,甚至可以不断的发散,延伸新的解题方式。设同样如此,如果提炼出了创意公式,就可以功能玩法中套用思,不断的拓展系列性的玩法。

5. 关注用户所喜的,通过内引起传播

网络造梗时,网友们的创作能力十分强的,一具话题性的内往往能引起广泛的传播,如果「一顶俩」无之作,那么后续的画图包以及其他包玩法中,我们会加关注轻用户喜好的题目类型,去线一些一难度的,并且一话题性的内,满足用户的需求,引起多的互动传播。

写在最后

QQ包作一线多的功能,从初的发展,又逐渐入熟衰落。新的玩法推出,让QQ包又一次获得了多轻用户的喜,焕发了新的命,当然,我们的脚会不止于此,接下,我们富奇思妙的项目团队会继续不断探索试新的QQ包玩法,给趣可的用户们多的欢乐。

注「腾讯ISUX」的公众:

大厂案例复盘!QQ接龙/画图红包是怎么设计的?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

项目概述 QQ 20周年,是互联网产品长青的一个传说,就在 20 周年的时间节点,QQ 向用户提供一份关于他自己的、真诚热切的 QQ ...
H5
截图,是将显示设备上所展示的内容截取下来,所生成可视图像,截图的目的是为了保存特定状态下的界面内容。早在 PC 时代,大...
QQ截图
正所谓狗问平安随腊去,猪生财富报春来。在这个辞旧迎新的时节,来看看设计师过得有多好(can)~ 过完了元宵,新春佳节就...
生存状态报告
重新构想复古怀旧,赋予我们所喜爱的人物角色更多个性、温度、色彩和熟识度,以提升用户体验。 为了在QQ20周年掀起用户的怀...
QQ设计
如何在产品功能上做更多的创新来体现设计价值一直是设计师关注的话题,尤其是在体系成熟的产品里,如何对完善的基本框架和功...
QQ空间
“咳咳咳”——QQ老网民对这个音效一定不陌生。这个音效背后的QQ“在线状态”功能,曾经乃是各大网友们游走冲浪的日常标配。但这个...
QQ
读者提问: 呆总,为什么微信群红包不即时显示当前领取状态,而需要用户点击后才可查看呢? 呆呆:每个人对于这个问题的...
交互设计
日常工作中,在产品原型设计阶段,很多时候产品经理和设计师评估设计方案,会存在隐忧: 设计方案的改进方向对吗,为什么...
数据分析