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
相关收藏夹
Log in
5Log in and synchronize recommended records
3Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share












































































