信息呈现「流利说」你见过带进度条的导航栏图标吗?

产品: 英语流利说猎人: 闪电猪猪侠作者: 英语流利说团队观众: 1.1w人 时间: 2020-09-05

英语流利说

与「英语流利说」有关的细节还有 6查看全部

我也有新发现 我要投稿
「流利说」你见过带进度条的导航栏图标吗?「流利说」你见过带进度条的导航栏图标吗?

细节描述

闪电猪猪侠: 使用「流利说」App时,用户在学习中是看不见一级页面的。但如果用户中途有事退出了学习,那么回到主界面就可以看到导航栏的「学习」图标变成了一个环形进度条,圆环的中心数字显示着用户之前设定的每日学习时长目标。用户看到进度条就知道自己今天的任务还有多少没有完成,这样醒目的未完成进度提醒,会让用户更想回到课程界面继续完成学习任务。用户完成学习任务后回到主界面,导航栏的图标右下角就会多出一个代表「完成」的小勾,亲测在坚持学习完成后看到这个已完成的图标会很有成就感~小小的图标,大大的学问,给流利说团队点赞!

8.583人评分
收藏 35
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

网站Banner切换的创新交互方式
腾讯视频

微交互网站Banner切换的创新交互方式

猎人 - 不是作家8.4

「腾讯视频」的Banner 切换动画很有特点,整体是logo的剪影效果,并且在右下角的数量指示点也是logo的形状,很好的突出品牌形象,设计创新的同时强化品牌在用户心中的位置。

查看详情

#banner#信息呈现#微交互

情绪的调动, 就靠这些微交互啦~
英语流利说

微交互情绪的调动, 就靠这些微交互啦~

猎人 - AmberDu小白10.0

玩游戏的时候,如果你通过关卡或挑战成功,页面一般都会出现气氛热烈、冲击力强的视觉效果。「英语流利说」作为一款寓教于乐的英语学习应用,自然也深谙用设计效果调动用户的学习气氛之道...

查看详情

#动画#即时反馈#微交互

特斯拉App的沉浸式动效设计
特斯拉

动效设计特斯拉App的沉浸式动效设计

猎人 - 龙爪槐守望者8.8

「特斯拉」App的动效做得真棒,尤其是车辆3D模型。页面切换通过车模型转场,开关车门效果有,最神奇的是空调风,冷热风的动效也不一样,太精细了。

查看详情

#3D#动效#惊喜