Toast提示的交互细节-节流与防抖

北京/UX设计师/3年前/795浏览
Toast提示的交互细节-节流与防抖

在工作中,交互&UI的预期实现,实现需要研发侧的支持,所以日程积累些研发的知识总是没错的

一.提示问题:

当APP中toast的执行以操作次数为主时,例如点击一次收藏,提示2秒的toast提示。这种情况会造成3秒点击10次收藏,收藏提示会持续2*10=20秒的持续时间;如果点一次收藏,点一次取消收藏,反复操作10次,就会让收藏与取消收藏的toast提示反复持续交替出现。



二.如何解决「防止按钮短时间多次点击」:增加交互的限制

将多次执行任务变成最后一次来执行,将多次执行变成间隔一段时间再去执行。任务频繁触发的时候,只有任务触发实践间隔超过指定间隔的时候,任务才会执行。

1.当用户多次触发toast提示时,将多次执行任务变成最后一次来执行

2.任务频繁触发的时候,只有任务触发实践间隔超过指定间隔(500毫秒) 的时候,任务才会执行


三.举例:

a.当用户快速点击多次「收藏」时,toast提示展示视觉更新,按最后- -次点击计算时间

b.当用户快速点击多次「取消收藏」时,toast提 示展示视觉更新,按最后- -次点击计算时间

c.当用户快速反复点击收藏和取消收藏时,toast提示应直接覆盖,并按最后一次点击内容计算时间d.频繁操作不需要每次都相应,toast都以最后一 次操作为准


四.技术参考

前端代码及原理参考文章:https://www.jianshu.com/p/e411020f1e51


5
Report
|
3
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
IP设计合集 DGS FRIENDS
Homepage recommendation
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
大家都在看
Log in