签到,是一种人类行为上的规束,常常被用于一些会议和活动的中,经常被用来作为奖惩的依据。今天我就针对UI设计中签到页面如何设计进行简单的说明。

  虚拟世界中的签到 – 从游戏签到,以领虚拟奖励,到购物节签到,以领现金;这些签到给人带来的,不舒适的规束感,逐渐被各种奖励的愉悦感代替。虽然还是不被被所有人喜欢,但却确实也吸引了一些“热衷粉”。

  签到的设计层是什么?

  设计层是用户的第一感知层,视觉上是不是冲击,用户能不能看懂、能不能感知,经常被我挂在嘴边。我们将签到产品分为主动签到和被动签到,在这里不论好坏,只论样式。而被动签到,是指打开应用或活动页面即给出#签到完成#反馈。在这里就不展开了,这里着重说主动签到。当用户的主动点击触发事件,也就是点击“签到处”,随后是签到反馈、奖励说明以及其他相关元素,比如分享。

  常规型签到

  1、签到文字-不同语义的点击率

  按钮签到,是非常有仪式感的一个操作,与相应的营销文字相结合,能够快速准确的获取用户的点击焦点。

  这个过程中按钮的文案也是尤其重要;

  从目的,行为+目的,紧迫+目的,三种不同语义的文案上来看,立即签到的点击率一定是更高的,原因这边就不再赘述了。

  如图,#签到#、#点击签到#、#立即签到#三款文案。

  2、日历签到-常规的共鸣

  视觉层是设计师给予用户的最直观的感受,从用户习惯上来讲,特立独行,做一些大家不熟悉的方式并不容易被接受。

  因为用户和设计师同样主观,设计更多是服务性的东西,我们更多是要讲究她的合理性和沿用性。基于这点,我们可以通过一些常见的元素,去做延展更容易在创新的同时,去引发用户的打卡共鸣,比如,日历签到。

  成长激励型签到

  连续签到

  这里的签到提示也就是我们的签到反馈,不同的运营目的及签到方式一定是不一样的反馈。

  我们结合自身产品的实际情况来看,周期性的签到一定更注意反馈。比如,游戏性成长型的签到,可以通过植物的生长,会长的升级甚至奖励的多少来做一定的成长性激励。

  奖励型签到

  1.明确的奖励

  很多时候会用游戏化的签到方式去运营,比如图二,跟地图节点,及IP的互动,来获取用户的关注感,并让其获得一定的共同成长的感情,从而促进用户粘性的培养。

  2.周期性签到

  完成一定周期的签到即可获取奖励。UI设计中签到页面如何设计https://www.aaa-cg.com.cn/ui/2789.html这种方式的奖励一般以每天为一个节点,在最后一天给用户一种完成长征的愉悦感,并获得下一个征程的信心,是上瘾模型的典型案例。

  积分兑换型

  这类签到也特别常见,并且被一些商城或有自营业务app大量沿用,通常是送积分、虚拟币或礼品,等与平台用户利益挂钩的东西。这种类型的活动会更重运营及完善的兑换体系,通常需要给用户明确的感知已获得、获得多少。

  签到的商业价值

  签到活动,会带来什么?签到可以持续拉新(分享、裂变)、促活、留存、营收,不但捆绑住强迫症用户,还能让用户迫使用户参与签到。

  1、裂变

  比如,双十一的拼多多分享裂变,通过现金体现的活动,需要用户不断的分享拉新、下载、点击,在无形中,把用户拉新和留存转化的动作放到了用户身上。幸运的用户可能拥有10多个人的点击加入就可以提现,随后快速投入到下一个红包的获取中,继续裂变。

  而对于平台,邀请人获得奖励意味着被邀请人的帮助点击参与过的用户,都会被激励继续裂变。

  2、增加用户粘性-促活、留存

  有奖必有罚,既然是签到,就一定会涉及中断。对于中断,会有不同的惩罚方式,大致可归纳为清零、断点续存、错过大奖3种模式。

  一定的惩罚对用户有着很大约束力和激励,毕竟没有人会想错过一些点点手指头就能获取的奖励~

  3、完善产品生态,提升品牌形象

  说到产品生态,不得不服支付宝周边签到游戏。

  不论是养小鸡,还是种树,都运用了游戏类的签到模式,促使用户需要每天定时“签到”收获。

  用户收获的奖励可以用来做慈善或者保护环境,

  在这个过程获得的,不单获得游戏种快感,还有与人为善的成就感。

  划重点

  签到与用户体系相结合出现,更能给平台带来更大的竞争力,及更强的用户粘性。个人认为,如何让签到变得“无感签到”,让用户与意识剥离,是我们未来应该直面的问题,就比如成长激励型签到。因此,您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息,请给我点个关注,我之后还会发包含有关在该领域工作的更多相关文章。

UI设计中签到页面如何设计相关推荐

  1. 中嵌套的页面如何操作父页面_UI设计中签到页面如何设计

    签到,是一种人类行为上的规束,常常被用于一些会议和活动的中,经常被用来作为奖惩的依据.今天我就针对UI设计中签到页面如何设计进行简单的说明. 虚拟世界中的签到 – 从游戏签到,以领虚拟奖励,到购物节签 ...

  2. UI设计中个人页面设计攻略

    最近刚做完一个项目,我发现我的设计效率相比之前竟然提升了30%以上,在以前做界面时总是会纠结采用什么样式,什么布局.而现在再看了原型之后就大概知道我要怎么做了,没有了以前做页面时的纠结,效率自然提升了 ...

  3. UI设计中面性图标设计总结

    图标在UI设计中占了一席之地,不同风格的图标会影响页面整体风格效果.主流的图标可分为线性.面性.线面结合3大类,之前跟大家分享过线性图标今天我就来跟大家聊聊面性图标设计总结. 1.图标的作用 事物的价 ...

  4. UI设计中的Feed流设计指南

    拿起你的手机,看看微博,知乎 ,今日头条 ,微信朋友圈....... 谋杀我们多少时间?它们为什么有这样的魔力?让我们来一探究竟吧. 从结构来看,这些社交和资讯类app中,都使用了feed流.feed ...

  5. UI设计中顶部栏的设计要点

    移动端顶部栏设计看似简单,其实在做界面时还是有许多细节值得我们注意的.今天我就针对UI设计中顶部栏的设计要点进行简单的说明,希望能更好地帮助大家理解这个组件. 一.移动端顶部栏样式及设计要点 这里将移 ...

  6. ps保存html文件能在dw使用吗,在网页设计中,Photoshop可以设计网页页面,并可以将设计好的页面导入到Dreamweaver中进行处理。...

    在网页设计中,Photoshop可以设计网页页面,并可以将设计好的页面导入到Dreamweaver中进行处理. 更多相关问题 FIDIC合同条件中规定,若业主延误移交施工现场,导致承包商不能按合同约定 ...

  7. 如何实现UI设计中的情感化设计?

    所谓的UI设计中的情感化设计,是UI设计师基于满足了产品的功能性和操作性之后,在了解产品逻辑.全面分析产品的前提下.设计出来既不影响产品功能,又满足了用户更高层次的需求和期望的一种设计.下面苏州学码思 ...

  8. 什么是UI设计中的情感化设计?

    相信很多小伙伴们都知道UI设计.UE交互设计.UX设计,但是你们知道情感化设计吗?不知道也没关系,今天胡老师就和大家讲解一下什么是UI设计中的情感化设计? 情感设计是指如何创建能够唤起情感并带来积极的 ...

  9. android recycleview长按多选_UI设计中Android和IOS设计差异总结

    由于设计师.产品经理使用的移动设备大部分是iPhone,所以在做设计时,容易忽略Android和iOS的差异,按照iOS的规范进行设计,两端只做一套. 只做一套的会存在两个问题: 1.安卓用户的使用习 ...

最新文章

  1. sql 优化之:聚集索引的重要性和如何选择聚集索引(系列五)
  2. Windows 驱动开发头文件wdfchildlist.h
  3. Appium_pytest fixture的使用
  4. j2me手机游戏结构分析和实际小例子系列一 游戏背景和游戏精灵
  5. 使用权重如何让一个控件的宽度为父控件的 1/3?
  6. Lintcode: O(1) Check Power of 2
  7. Python高手之路【十二】面向对象设计模式
  8. ubuntu中flash中文乱码的问题解决
  9. php代码审计_代码审计|PHP反序列化初识
  10. android陀螺仪 cemu,CEMU安卓手柄陀螺仪教程
  11. 2016年蓝桥杯B组C/C++省赛试题-漏网之渔
  12. [CGAL] CGAL的世界-Kernel内核、Traits特征类
  13. ISBN号编码规则【转载】
  14. 2022云管云网大会丨阿里云孙成浩:构建万物互联的智能云网络
  15. 局部差异二进制 LDB - Local Difference Binary
  16. 启用mysql系统找不到指定的文件类型_net start mysql 发生系统错误2 系统找不到指定的文件...
  17. 【面试题】前端人70%以上 不了解的promise/async await
  18. 零基础开发 Node.js Addons 插件:参数与返回值处理
  19. Neural-Motifs 源码解读(4):变量名缩写
  20. MarkDown笔记20200428

热门文章

  1. iOS 框架模式(简述 MVC,MVP,MVVM 和 VIPER CDD)
  2. Java 调用ffmpeg 实现视频编辑
  3. math.h里的数学计算公式介绍
  4. PS-twoday-移动工具
  5. JavaScript?静下心来的研究之路
  6. python svg转png_如何使用Python3实现svg转png与pdf(附转换源代码)
  7. 小程序 input自动聚焦唤起键盘
  8. Python实现邮箱自动群发工资条
  9. java卸载错误2503_修复控制面板卸载程序时提示错误代码2502、2503的方法
  10. VMware虚拟机中没有VMnet0的解决办法