拆解拼多多的“每日摇红包”互动玩法

拼多多活动交互设计要义：多动效、多指引、多惊喜、多思考

在电商行业中，UI/交互设计师、产品经理和运营需要通过学习互动玩法大拿的设计，获取电商类互动玩法的设计参考。同时，他们还需要通过对完整玩法的拆解，获取类似活动的策划参考。对于电商从业者来说，他们需要获取竞品分析。本文将通过对20220905线上“每日摇红包”的玩法设计拆解，来积累一份互动玩法设计。

首先，我们来拆解“每日摇红包”互动玩法核心流程。其入口名为“每日摇红包”，简洁明了，每天都可以进入参与活动。在横向比较其他坑位的名字+icon时，我们可以发现，在商品名称里，商品特点、动作、激励、时间周期是常用的因素。拼多多的坑位名称里还有很多和“拼多多”相关的记忆点，这些名称易于记忆。icon则是以关键词为主，再加具象化的呈现，例如秒杀就是要抢，所以是闹钟形象。充值中心是为手机充值，所以是手机形象。免费领商品，则是0元带走商品。

首次进入活动当日，用户会看到一系列的动作告诉他：我给你打钱了！这个页面美中不足的是，立即领现金按钮没有任何动效，主要是文案和主按钮的样式指引。而且主按钮上的15很难一下子反应过来是什么意思，如果主按钮加上动效，就可以去掉这个角标。在这里有一个渐变的动效。首先这三步原本都是灰色。接下去从第一步开始，由灰变绿，字体从小变大。核心信息很清晰：0.02元，这个弹窗在做的事情也很清晰，给你打钱。这就是一种体验感更好的交互，其实我们生活中常见的交互设计是：一个拆红包动效，拆开告诉你拿到了多少钱，同时钱到账。相比这种交互，拼多多的交互更有渐进感，每一秒都和上一秒不同，等待感更弱。打钱的交互结束后，就是一个仿微信式的到账通知（上方弹层），再加上两次手机振动提升五感感知，进一步提升互动感。并且出现一个弹窗告诉你，明天还能再来领。接下去一般的交互会怎么做？让你点个“好的”之类的按钮。拼多多是怎么做的？为你自动关闭弹窗，然后出现一个强引导的手势按钮，告诉你：点它！距离我上次操作已经过去了8s，这8s里拼多多就做了一件事：给我打钱。这一套交互下来，不比看个红包加载动效要强？

接下来，我们来拆解活动主页面。页面的核心框架包括用户资产：金额、有效期、提现按钮；活动进度条：还需要操作的次数、目标奖励页面中心：摇动动作（gif，动一会，停一下）+微信支付标志，表明关键动作和活动记忆点（微信打钱）；核心按钮：进度、剩余红包数量，gif图片任务按钮：每日抽红包、逛街得红包（手指动效）、下单返红包、领红包（任务列表）；其他活动入口：快速提现、全额返、中秋活动商品流：搜索入口+商品流。

在逛街的红包任务中，搜索框也在任务线中，搜索商品可以得到一个红包。主动的搜索行为成单的概率更大。浏览XX秒可领取X个红包：这里拼多多设置了必须要滑动页面算浏览动作，不然时间是不会动的。下面的sku：商品图、直播标识（动态）、商品名称、商品标识、价格、销量。

当天再次进入活动页面后，会有弹窗提示有红包待打开。并且红色按钮会有动效。这里有个细节，弹窗的出现是有动效的，从屏幕中间由圆点展开。反思之前我之前的活动设计，都没有抠过这种细节。而拼多多的交互设计渗透到了每一个交互环节中。

下单返红包这个功能点开后，就会出现三个金蛋，这三个金蛋先会自己动一会，然后就会出现一个锤子敲击金蛋。接下去就是pdd的老套路，砸开中间的那个，再给你砸开左右各两个。你砸开的那个会比其他的俩都要大。然后红包就会变大，主按钮就是引导你去下单。

总结拼多多活动交互设计要义：多动效、多指引、多惊喜、多思考。这四点都是为了让用户在参与活动的过程中，多点“快思考”，少点“慢思考”。再反推这个活动的意义，其实直接的成单应该不高，但用户停留时长一定很高。在这个抢用户有限注意力的时代，花几分钱买用户的几分钟甚至十几分钟，我想这个买卖对于拼多多目前来说还是划算的。本文由@大麦原创发布于人人都是产品经理，未经许可，禁止转载。题图来自Unsplash，基于CC0协议。该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。