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

产品: 英语流利说猎人: AmberDu小白作者: 流利说团队观众: 6.3k人 时间: 2018-10-27

英语流利说

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

我也有新发现 我要投稿
情绪的调动, 就靠这些微交互啦~情绪的调动, 就靠这些微交互啦~

细节描述

AmberDu小白: 玩游戏的时候,如果你通过关卡或挑战成功,页面一般都会出现气氛热烈、冲击力强的视觉效果。「英语流利说」作为一款寓教于乐的英语学习应用,自然也深谙用设计效果调动用户的学习气氛之道。当用户学完一个课时,会出现星星评分的动画。而当完成整个Part,则会出现大大的划勾动画来反馈完成的结果。夸张的视觉反馈,能烘托出完成任务的喜悦,让用户更有成就感和沉浸感。同时鼓励的文案也为起到了激励用户继续学习的的效果。

1022人评分
收藏 4
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

「猫耳」是如何用情感化的微交互细节拉近产品与用户的距离的?
猫耳FM

微交互「猫耳」是如何用情感化的微交互细节拉近产品与用户的距离的?

猎人 - AmberDu小白0.0

「猫耳」App底部导航栏的中间有一只会通过打瞌睡(常态)、听歌摇摆(音频播放中)等动画效果反馈用户操作行为的小萌猫吉祥物。其实,页面顶部的下拉刷新界面里,也藏着一只追蝴蝶的可...

查看详情

#互动#刷新#即时反馈

「流利说」你见过带进度条的导航栏图标吗?
英语流利说

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

猎人 - 闪电猪猪侠8.5

使用「流利说」App时,用户在学习中是看不见一级页面的。但如果用户中途有事退出了学习,那么回到主界面就可以看到导航栏的「学习」图标变成了一个环形进度条,圆环的中心数字显示着用...

查看详情

#信息呈现#图标#教育

「爱彼迎」的首页banner轮播图,体验好在哪里?
Airbnb

微交互「爱彼迎」的首页banner轮播图,体验好在哪里?

猎人 - AmberDu小白9.0

「爱彼迎」的首页banner轮播点是以进度条的形式呈现。和常规的banner轮播方式相比,动态的进度条效果可以让用户对banner的切换与阅读时间有更好地把控。避免发生还没看...

查看详情

#Airbnb#banner#加载