如翼视点
首页>如翼视点>过亿人使用的QQ红包社交,是如何设计出来的?
过亿人使用的QQ红包社交,是如何设计出来的?
发表时间:2020-11-27

QQ最新版本上线了多种红包玩法及红包封皮火遍全网…接龙红包曾创造热点词“一个顶俩”收入百度百科,登上知乎热榜第一;画图红包、红包封皮等也有大量网友参与讨论…那么QQ红包作为OG产品如何保持活力,如此有趣的红包社交又是如何设计出来的?



前言


众所周知,QQ的用户群体更加年轻化;相对于支付宝和微信红包偏向于的钱包属性,QQ红包则更像是手Q生态中重要的社交工具。但近几年的数据表明用户侧对于红包的新鲜感会有所下滑。




我们对现有运营进行分析后发现了问题,目前现有封皮只针对节日推出,形象以QQfamily为主比较单一;现有玩法很久未更新,口令红包已成群里回复专用红包,使用场景也有限制。在和竞品及现有障碍梳理后发现:与竞品比,用户有更强的社交及个性化诉求;且年轻用户金额大部分都不大,需要更强内容吸引力。

根据上诉问题点,整理出设计方向:

  • 要有拓展性:需要拓展用户的社交场景,满足个性化诉求;
  • 形成系列感:丰富社交使用场景;
  • 并且增加亮点提升吸引力。


红包封皮丨开拓限制


首先从红包封皮入手,抛开原有限制,挖掘年轻人的社交场景。在众多场景中找到「星座」作为突破口,因为星座面对群体广,使用场景广,更易和用户自身建立关联。




选好主题,配色也相应开拓限制,经过调研年轻用户更喜欢定制化更强的样式,大胆尝试,使用非红色的多彩设计。并根据星座主题,选好配色,制定规则,形成系列感。

因为用户更偏爱的个性化内容表达、以及便于后续业务拓展的考虑,从原本的QQ形象延展到选择性更多的内容。




基于以上思考,那么如何入手设计“星座”红包封皮呢?

首先画风参考西方魔幻+史诗情节、风格更加新颖轻巧、适合QQ红包的整体质感,更加符合年轻人喜爱的风格、也满足绝大部分的观感;构图则采用大小、明暗对比,形成画面冲击力;并且为每张画面制定一个故事。




然后开始收拢,除了画风一致;一些云、山等元素也要统一画法;并构建系列在一个大的世界观里,这样就能形成良好系列感。

最后人物和元素之间需要产生互动性,让画面生动起来;也要增强人物的动势,增加趣味性。同时给每张画面赋予一个故事:在画双鱼座时恰巧看到了国家宝藏的伏羲女娲图,觉得很适合这种尾巴胶合的情节;天秤座时,恰巧台风山竹来袭,觉得天秤是可以被打破平衡的;摩羯座时,觉得像海王那样一个权杖能搅动海洋是多酷的一件事…



做好之后需要再进行一次体验核实,保证正常读取金额体验。这样的拓展性设计下,在每个整体有系列感的同时,也能保证每张的个性化;之后再加入动效,能有效提升内容趣味性。



数据也验证,开拓原本的框架限制后,用户的接受度很高,这为之后培养用户使用个性化封皮奠定基础,也为红包封皮的拓展创造更多情感化空间。

然后准备在世界杯期间趁热打铁,9天要出32套封皮,并要体系化的设计,怎么保证质量快速出图?



先选定风格、配色,找到有代入感的“球迷”进行拓展,随后进行组件化插图及亮点提升;根据组件化插图,固定国旗、人物、场景组件,替换相应的皮肤、应援服、装饰等。


这样多张设计可以短时高效高质量完成,保证快速出图和系列感。完整套系能助力玩法,用户能通过发红包能支持自己喜欢的球队。


为了让用户拥有更好的体验,世界杯阶段,我们还特别制作了绝版冠军封皮,加入动效增强以及金色卡片增强尊贵感,传达诚意的同时,提升用户参与度。



随后整理框架,制定了链路规则及输出规范。根据经验提炼设计公式;首先需要发掘社交场景,然后个性化拓展、系列收拢丰富场景、之后进行体验核实和亮点提升,这样就可以做出有新鲜感的红包封皮。

根据规则也设计了游戏贵族等级红包。后续游戏等更多ip合作也在徐徐展开………




红包封皮开拓原本的局限性,发掘更多可能性。用新鲜感缓解负面情绪,用内容温暖严肃的红包。


红包玩法丨持续拓展


封皮的拓展获得不错的用户反馈和数据结果,之后的红包玩法运营新鲜感也在持续发力,对红包玩法拓展思路,也做了新鲜感提升。从年轻人社交场景中持续找灵感,创造更多玩法,满足用户多种社交场景诉求。



创造「表情红包」,找到年轻人社交场景中的“斗图”和“表达自我”,用户在发红包时选择表情,在收红包时拍摄对应表情即可领取对应的红包,聊天页对应生成好友的表情包gif。设计结合易用性、遵循体验及趣味拓展,保证玩法与红包基本体验相结合。


持续创造「接龙红包」加入传统文化结合游戏的社交场景,用红包结合寓教于乐的成语接龙玩法,课堂上使用接龙红包进行教学获得了师生们的好评;并创造热点词“一个顶俩”收入百科,同时登上知乎热榜第一。


以及「画图红包」运用表达自我结合游戏的社交场景,引发大量网友的参与及讨论。



最近亦有「夸夸红包」「一笔画红包」刚刚上线,红包玩法在持续拓展中……

从当初是为了移动支付而存在的红包,到现在的红包封皮到玩法拓展,QQ红包进一步提升新鲜感,逐渐变成了社交的催化剂。红包的意义正在发生着改变…


体验优化丨容器升级


由于玩法的不断扩张,封皮种类也在变多,红包会有相应的体验问题。再加上手Q改版,红包需要全面做适配,于是决定进行红包的体验优化。

整理出设计方向

  •  一致性:对其新规范,优化统一玩法操作;
  • 拓展性:兼容新的玩法,封皮做分类;
  • 趣味性:增加收发红包的惊喜感。

并得出自己要做的设计要点:高效简洁,好玩有趣。



在选色上,对齐手Q渐变色,找到更流行活力且适合用户群和红包的珊瑚红;并针对原本复杂多样的icon,做统一性规划。


红包的核心还是需要优先考虑效率体验,如果每个环节都想突出趣味性会导致信息层次的干扰,有时候更需要一辆以动力为核心,其他做减法的摩托车,而不是面面俱到的汽车。


首先发红包页在样式上尽可能做减法,不增加用户理解成本。基于核心点是发红包,做金额突出、层级简化来保证体验。并发挥拓展性,包容更多玩法和封皮归纳。和之前版本对比,归拢模块的层级、增强拓展性。固定主操作区,延展副操作区,便于介入更多新玩法。


红包aio和弹框样式同样做减法和统一设计手法的处理,不盲目包装,杜绝信息干扰影响效率。基于核心点是收红包的金额,做增强提示的滚动+音效的小彩蛋。



克制的设计,以便于更好的拓展后续运营的可能性。包括弹框新样式、音效、或大节日的发红包页氛围等等多种新思路……


做红包项目有一些思考


在发掘设计问题时,需要在真实诉求实际体验中寻找相关方案,开拓本身限制的瓶颈。

挖掘可用场景,完成内容运营,并提炼经验链路,持续拓展;

也要提升设计驱动,持续输出想法,最大化价值,为产品加分;

之后破除“我执”,把控核心防范本末倒置,多维度思考,在合适的地方做最合适的设计。

红包目前也在推出更多玩法及封皮,欢迎大家去手Q体验QQ红包,玩转社交新方式。