编辑导语:如今我们在很多产品上都可以看见签到的功能,签到功能是培养用户习惯的好办法,通过签到吸引用户每天去完成打开APP的动作,这一功能很大程度上提升了用户留存率;本文作者分享了关于签到功能的设计,我们一起来了解一下。

01 签到体系分析

定义:吸引用户定时访问产品,通过点击某个按钮或访问某个页面表明自己使用了该产品或功能。

当用户完成签到,会被给予奖励以强化用户行为,从而提高用户粘性;常见名称为“签到”、“打卡”,或者根据具体场景,命名为“喂养小鸡”、“收取能量”等。

目标:

1、用户目标:获得实际利益。实际获益=签到奖励-签到成本;奖励可分为物质奖励和精神奖励两类;
2、产品目标:实现“签到-奖励-连接活动-分享-拉新-强化行为”的正向循环;
3、商业目标:通过签到来增加用户访问,提升产品活跃度,进而提高产品的商业价值(广告投放、服务付费等)。
体验核心:给用户提供足够高的价值感知;尽可能降低用户需要付出的时间和操作成本,实现用户利益感知最大化。

签到方式:
1、手动签到:用户主动点击具体控件,完成签到操作。是最常见的签到方式。
2、自动签到:用户登录产品,即累计一次签到。是最简易的签到方式,存在感较低。
3、互动签到:用户在若干个连续的步骤引导下,完成签到操作。复杂性高,对应趣味性也要高,否则无法支撑用户的操作成本。

签到周期:
1、每日签到:每日完成签到任务,获得奖励。
2、连续签到:确定固定周期(一周、双周、一月等),用户在固定周期内,不可断签,完成签到,获得奖励。
3、累计签到:确定时间段(双周、一月等),用户在该时间段内签到,可以断签,只要累计次数满足要求,即可获得奖励。
4、混合签到:用户以每日签到的形式获得奖励,同时在周期内,奖励有阶梯型提高。

签到适用范围:
1、适用于:以内容为驱动的产品类型,如社区、电商、资讯类产品,签到的存在提升了用户打开产品的频率,对于养成用户使用习惯有积极作用。
2、不适用于:以效率、功能为驱动的产品类型,如天气、翻译、笔记类产品,这些产品对应用户的刚性需求,一旦用户没有需求,签到行为和产品属性无法形成关联;此时用户得到的奖励不足以抵消用户的操作成本。

涉及到的设计元素:

1)签到入口

通向签到页面的入口,一般有固定的安置位置,贴合用户认知,减少操作成本。

2)签到引导弹窗

可直接在弹窗上完成签到,或者点击弹窗跳转签到页。

3)签到页面

  • 签到周期:7天为一个周期,不允许断签。奖励梯度递增,增加吸引;沉没成本,损失厌恶。更常见,规则简单,目的性强,路径短。
  • 日历签到:以日历形式记录签到,允许断签,累计到一定签到数量后,获得额外收益。成就感。

4)签到成功弹窗

  • 无需用户点击某一具体按钮,直接进入签到页后直接弹出,降低用户操作成本。
  • 需要用户点击签到按钮,跳出弹窗,示意签到成功。
  • 签到成功弹窗的意义:给用户正反馈。告知用户当前收益,提示用户未来收益预期。

5)附加操作,如翻牌等

02 签到设计

1. 签到入口
签到入口是将用户引导至签到页面的控件,一般有固定的位置。

常见的入口位置有以下几种:

1、首页左上角
2、首页导航栏右侧
3、首页频道入口
4、搜索框
5、个人中心页面
6、独立模块






签到入口除了位置不同,示意方式也有不同,常见的示意方式分为5类:

1、签到图标
2、签到图标+文字
3、红包图标
4、动效
5、ip情感化



需要注意的一点:部分签到入口有两种状态,未签到和已签到。最好可以明确区分两者。

2. 签到引导弹窗
根据签到的触发方式,自动签到一般使用弹窗的形式承载内容,信息较为简单。手动签到常需要用完整页面承载内容。

自动签到弹窗和引导签到弹窗的区别在于:前者在弹窗主动跳出之后,无需操作,即算为当日完成签到,而后者意将用户引导至签到页面,如用户直接关闭弹窗,不计为签到成功。

虽然此类弹窗都是主动跳出,前者重点在于引导用户参与活动,而不是签到本身。

最常见的签到流程:

1、从签到入口进入签到页面
2、签到(点击按钮)
3、签到反馈(成功弹窗)
4、已签到状态


3. 签到页面


以上两种方式均可设置不同奖励梯度,进度条式更加着重于“连续”的感觉,而卡片式更加强调第七天的奖励特别丰厚;两者本质相同,卡片式可以更充分展示每天具体的激励内容。

月历式签到,显然周期更长。若设定为连续签到,用户需要花费大量时间,此时奖励必须具有强烈吸引力,往往是物质型奖励。

通过“采摘”的形式,进行签到。

签到奖励为“盒花”,即虚拟货币,可以在商城抵扣现金;除了签到之外,还可以通过做任务等方式获得盒花。此类签到往往趣味性很强;将签到和任务融合到游戏生态中,通过精彩的视觉表现,强化了激励。

4. 点击引导
用户点击按钮,方可完成签到,点击引导是有必要的。

  • 【第一次】进入签到页时,需要提供新手引导,提示点击何处;
  • 【固定引导】则出现在每次进入签到页面时,按钮动效或者手势提示,都是不错的方案。


    5. 成功反馈弹窗
    当用户点击签到按钮后,产品给出反馈。

反馈的形式有以下几种:

1、toast
2、弹窗


6. 做任务
用户除了签到可以获得奖励外,做任务同样也可以获得奖励,用户得到想要的利益,同时产品也可以达到拉新或者促活的目的。

任务形式有三大类:

1、底部半弹窗形式
2、签到页面列表
3、任务中心页面



底板半弹窗的形式常用于互动式签到,互动式签到本身需要大面积来展示效果,半弹窗样式能容纳较多内容,同时无需跳转,更加沉浸专注。

7. 翻牌
部分电商产品在用户签到成功之后,会提供翻牌机会,为了发放更多福利,激发用户购买冲动。

03 小结

从目标出发,签到功能为产品侧带来了更高的用户粘性,是提高产品商业价值的要素之一;为用户侧带来更多福利,激励用户使用并分享产品。

签到模块,虽然对于产品来说不是起了决定性作用的关键,但不可轻视。

签到体系设计:签到功能该怎么画相关推荐

  1. 签到mysql设计_商城签到功能的设计与实现

    需求分析 1.用户当天登录商城,只要签到就直接奖励一定的积分或者根据用户本周或者本月内已经连续签到的天数进行积分奖励,后台可以设置具体的奖励规则,这里假设本周内连续登录三天奖励 1 积分,五天奖励 2 ...

  2. mysql 连续签到天数_签到功能实现,没有你想的那么复杂(一)

    1 签到定义以及作用签到,指在规定的簿册上签名或写一"到"字,表示本人已经到达.在APP中使用此功能,可以增加用户粘性和活跃度.2 技术选型redis为主写入查询,mysql辅助查 ...

  3. java签到 表设计_java springboot 7天签到功能设计 数据库表设计 加代码

    实现一个类似于这样的签到功能 (参考的百度网盘签到页面) 数据表是一个用户只有一条签到记录的设计, 没有使用签到一次表中加一条数据, 那样的话数据太多了 表结构: CREATE TABLE `sign ...

  4. 前端捕捉轨迹_基于JavaScript实现每日签到打卡轨迹功能

    本文实例为大家分享了js实现每日签到打卡轨迹功能的具体代码,供大家参考,具体内容如下 1. 核心文件 calendar.js var calUtil = { //当前日历显示的年份 showYear: ...

  5. 简单的签到代码_签到功能,用 MySQL 还是 Redis ?

    现在的网站和app开发中,签到是一个很常见的功能,如微博签到送积分,签到排行榜. 如移动app ,签到送流量等活动. 用户签到是提高用户粘性的有效手段,用的好能事半功倍! 下面我们从技术方面看看常用的 ...

  6. python基础教程:face++与python实现人脸识别签到(考勤)功能

    @本文来源于公众号:csdn2299,喜欢可以关注公众号 程序员学府 这篇文章主要为大家详细介绍了face++与python实现人脸识别签到(考勤)功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一 ...

  7. html5 签到系统功能,项目实战之基于JavaScript实现每日签到打卡轨迹功能

    今天扣丁学堂HTML5培训老师给大家介绍一下关于js实现每日签到打卡轨迹功能的具体代码,希望对同学们学习HTML5开发有所帮助,下面我们一起来看一下吧. 1.核心文件calendar.js var c ...

  8. CSDN是怎么实现用户签到,统计签到次数,连续签到天数等功能微服务的

    文章目录 需求分析 设计思路 用户签到和统计连续签到的次数 签到控制层 SignController 签到业务逻辑层 SignService 测试 按月统计用户签到的次数 签到控制层 SignCont ...

  9. JavaEE中,考勤(签到签退)功能的实现

    体会实现具体功能的思想并加以运用 签到功能 1.数据库中要有相应的表,并创建相应的实体类,复写相关方法 2.在相关的jsp页面添加两个jsp按钮,用于签到与签退,并添加id属性 3.在servlet中 ...

最新文章

  1. 前端实例练习 - 动效按钮
  2. 关于MySQL count(distinct) 逻辑的另一个bug
  3. VS2022 C28251 WinMain批注不一致的解决方法
  4. 次世代手游美术资源优化干货分享
  5. leetcode 138. Copy List with Random Pointer | 138. 复制带随机指针的链表(复杂链表的复制)
  6. iOS开发月报#10|201904
  7. 初探儿童编程,如何学习编程及幼儿逻辑训练的必要性
  8. 完美日记:保障电商大促活动平稳运行
  9. [心得]编写服务端的相关设计心得及体会
  10. ospf避免环路_【网络干货】超全的OSPF路由协议技术汇总解析
  11. Metro风格的Android界面应用
  12. 获取css样式的方法
  13. 「leetcode」本周小结!(回溯算法系列二)
  14. matlab转换器dcdc,用 Simulink 设计 DC/DC 转换器
  15. 自媒体文章原创度检测,提高文章通过率!
  16. 高保真设计软件介绍及推荐
  17. 代替Beyond Compare的代码对比工具WinMerge
  18. 新款戴尔取消开盖自动开机办法,以戴尔7591为例子如下
  19. 超越,由此开启——2019甲骨文云大会在上海盛大开幕!
  20. matlab箭头大小固定,科学网—Matlab 粗箭头绘制 - 肖鑫的博文

热门文章

  1. win10 uwp win2d CanvasVirtualControl 与 CanvasAnimatedControl
  2. stm32低功耗模式下mcu的实际功耗(ST芯片手册)
  3. SQL数据库还原时备份集中的数据库备份与现有的数据库不同的解决办法
  4. 【教育照明无频闪调光方案】调光线性度好 调光频率1K以上都兼容 LED护眼教室黑板灯降压恒流驱动IC芯片FP7195
  5. Spring IOC和DI
  6. Ardunio使用ULN2003驱动28BYJ-48步进电机
  7. Trojan.DL.Agent.xdw
  8. java 程序运行出错_java 程序运行错误怎么办?
  9. 计算机画图动画,动画制图
  10. 傅科摆的matlab分析,傅科摆的轨迹探究肖洪2014141221087.docx