惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

F
Fortinet All Blogs
小众软件
小众软件
大猫的无限游戏
大猫的无限游戏
B
Blog RSS Feed
WordPress大学
WordPress大学
A
About on SuperTechFans
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - 司徒正美
I
InfoQ
MyScale Blog
MyScale Blog
量子位
博客园 - 【当耐特】
M
MIT News - Artificial intelligence
H
Hackread – Cybersecurity News, Data Breaches, AI and More
博客园 - 三生石上(FineUI控件)
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园 - 叶小钗
J
Java Code Geeks
L
LangChain Blog
T
The Blog of Author Tim Ferriss
有赞技术团队
有赞技术团队
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
阮一峰的网络日志
阮一峰的网络日志

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
拆解拼多多的“每日摇红包”互动玩法
大麦 · 2022-09-08 · via 人人都是产品经理

拼多多作为“异军突起”的电商平台,尽管它的“砍一刀”活动经常被人吐槽,但不可否认,拼多多在活动运营方面有自己的一套经验。本文作者对拼多多的“每日摇红包”活动进行拆解,一起来看看吧。

适合人群:

  • UI/交互设计师:通过学习互动玩法大拿的互动玩法设计,获取电商类互动玩法的设计参考。
  • 产品经理/运营:通过完整的玩法拆解,获取类似活动的策划参考。
  • 电商从业者:获取竞品分析。

拆解目标:通过对20220905线上“每日摇红包”的玩法设计拆解,积累一份互动玩法设计。

拆解路径:

  1. 逐个环节的拆解->串联
  2. 倒推设计思路
  3. 预判迭代方向

01 “每日摇红包”互动玩法核心流程拆解

体验:为了测试玩法,我一边操作一遍录了视频,发现不知不觉间就玩了近7分钟!

1. 入口

首页金刚位第二排,第二个,黄金位置。

名称:每日摇红包,言简意赅,每天都可以进来摇红包。

横向比较其他坑位的名字+icon:

在商品名称里,商品特点、动作、激励、时间周期是常用的因素。拼多多的坑位名称里还有很多和“拼多多”相关的记忆点,很多“多多”,朗朗上口,便于记忆。

icon则是以关键词为主,再加具象化的呈现,比如秒杀就是要抢,所以是闹钟形象。充值中心是为手机充值,所以是手机形象。免费领商品,则是0元带走商品。

所有icon里每日摇红包是比较显眼的绿色,50元也是抓人眼球的金额,再加上玩法加持,这个icon大概率是所有icon里点击uv最高的。

2. 首次进入活动

当日首次进入活动,就有一连串的动作告诉你:我给你打钱了!

这个页面美中不足的是,立即领现金按钮没有任何动效,主要是文案和主按钮的样式指引。而且主按钮上的15很难一下子反应过来是什么意思,如果主按钮加上动效,就可以去掉这个角标。

在这里有一个渐变的动效。首先这三步原本都是灰色。接下去从第一步开始,由灰变绿,字体从小变大。核心信息很清晰:0.02元,这个弹窗在做的事情也很清晰,给你打钱。

这就是一种体验感更好的交互,其实我们生活中常见的交互设计是:一个拆红包动效,拆开告诉你拿到了多少钱,同时钱到账。

相比这种交互,拼多多的交互更有渐进感,每一秒都和上一秒不同,等待感更弱。

打钱的交互结束后,就是一个仿微信式的到账通知(上方弹层),再加上两次手机振动提升五感感知,进一步提升互动感。

并且出现一个弹窗告诉你,明天还能再来领。

接下去一般的交互会怎么做?让你点个“好的”之类的按钮。拼多多是怎么做的?

为你自动关闭弹窗,然后出现一个强引导的手势按钮,告诉你:点它!

距离我上次操作已经过去了8s,这8s里拼多多就做了一件事:给我打钱。这一套交互下来,不比看个红包加载动效要强?

再看摇一摇的引导。电商的互动痛点在于,页面太花,用户难以关注到重点。好的,那就用动态的小手告诉你要点什么,然后把其他所有不相关的信息都灰掉。并且配色用的是橙红配绿,颜色冲击也很抓人眼球。

接下去点击领红包按钮,或者摇下手机后,就会出现一个新的动效,由拼多多标志活动icon组成的小烟花,先收缩,后绽放。接下去又是一个振动+弹层提醒,拼多多又塑造了一个给你打钱的感知。并且弹窗内的金额也不是直接展示的,而是数字轮播动效展示出来的。

点击好的,收下之后,才到活动主页面。

拼多多用了15s的时间,抓住第一次点进这个页面的用户的注意力。在此期间,我做了几次点击操作?4次,点入口,点领钱,点红包,点收下。平均每4s一次点击行为。反思我们平时的活动设计,是不是恨不得让用户每秒点一下?

好的互动应该是用户用很少的操作,却能获得很不错的体验,这才是沉浸式的体验。其实单机游戏中的交互也是,通常我们点击后,人物就会进行一套动作,执行外这套动作,我们才需要再次点击。电商互动和用户的交互过程就类似于一个单机游戏。

3. 活动主页面

拆解页面的核心框架:

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

4. 逛街的红包任务

这个任务的目的是为了引导用户浏览商品流,促成转化,在三个任务icon中优先级最高。点击后下面的商品流自动吸顶。

  • 搜索框:也在任务线中,搜索商品可以得到一个红包。主动的搜索行为成单的概率更大。
  • 浏览XX秒可领取X个红包:这里拼多多设置了必须要滑动页面算浏览动作,不然时间是不会动的。
  • 优先展示:我看过的/我收藏的/百亿补贴。这个标签栏其实是挺奇怪的,因为这些逻辑应该是融合在算法里,而不是让用户告诉你(用户大概率也不会点这个东西),推测是在做实验,看看点击率和成单转化。
  • 下面的sku:商品图、直播标识(动态)、商品名称、商品标识、价格、销量

5. 当天再次进入活动页面

进入页面后,会有弹窗提示有红包待打开。并且红色按钮会有动效。

这里有个细节,弹窗的出现是有动效的,从屏幕中间由圆点展开。反思之前我之前的活动设计,都没有抠过这种细节。而拼多多的交互设计渗透到了每一个交互环节中。

6. 下单返红包

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

02 总结

拼多多活动交互设计要义:

  • 多动效:塑造互动感,并且衔接各个环节
  • 多指引:让用户明确的知道下一步点哪里
  • 多惊喜:让用户感到自己是幸运的
  • 少点击:减少需要用户操作的环节

这四点都是为了让用户在参与活动的过程中,多点“快思考”,少点“慢思考”。再反推这个活动的意义,其实直接的成单应该不高,但用户停留时长一定很高。在这个抢用户有限注意力的时代,花几分钱买用户的几分钟甚至十几分钟,我想这个买卖对于拼多多目前来说还是划算的。

本文由 @大麦 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。