昨天我们讲了签到的定义、目的和价值,以及从产品层面进行了一些总结和分析。这次来讲一下签到的不同入口位置,以及签到都采用了哪些不同的样式类型。
总结大致如下:
签到入口:A.图标按钮类/B.色块按钮类/C.点焦式悬浮类/D.列表类/E.折叠下拉/F.弹窗类引导/G.导航栏/H.标签类
签到样式:A.弹窗类/B.标签卡片式/C.时间进度类/D.互动游戏类
01 / 签到的入口
A.图标按钮类

常见类签到
B.色块按钮类

C.点焦式悬浮类

D.列表类

普通列表类
例如一淘采用的是跟普通列表一致类的展示形式,即图标 文字。另外为了醒目一点右侧展示了奖励倒计时的色块展示。整理来讲这种普通类列表展示形式依然不是太明显,用户还是较为容易忽略。
列表模块穿插
模块穿插例如上图一,在任务列表内插入了签到的磁铁模块,而且结合了时间进度条的形式进行展示。优点是能够一目了然的看到当前的签到进度和奖励情况。
E.折叠下拉

F.弹窗类引导

G.导航栏

H.标签类

02/ 签到的样式
A.弹窗类

此类签到通常在一个页面内即可完成签到操作,无需跳转到其他页面。通常7天连签奖励类的逻辑用到的比较多。例如上图通常均为7天类连续签奖,此类签到规则在游戏类app中也运用的较多,展示模式也跟游戏类app相似。
B.标签卡片式

标签卡片式适合展示当天较为重要的奖励数据,通常在当天签到展示信息较多的时候使用。相比其它展示类型更加清晰明了。
C.时间进度类
时间进度类通常分为:时间轴平铺类、时间卡片类、日历类

时间轴平铺类
时间轴平铺类通常可以很明显的看到时间进度,一般以时间轴进度条或者金币奖励横向平铺的形式进行展示。一般也都是以7天为一个循环且能够展示出达到某天能获得什么样的奖励以培养用户每天都来签到的习惯。



D.互动游戏类

摇一摇类
起初摇一摇在微信里比较火,签到也有少量App采用此种形式进行设计,与用户有一定交互互动性,但介于对卡通形象的美观度要求较高。多数App设计出来的展示效果并不是太好,不推荐采用。


总结:
转载请注明:学UI网 » App抓住用户的魔性功能 —— 签到(下)