原则:避免过度反馈,能够看到及时效果的、简单的操作,可以省略反馈

系统主动推送的全局性通知

展示在页面右上角,带关闭按钮,不自动消失

徽标数

与用户直接有关的右上角数值显示通知个数,无关的带点显示即可
image.png

气泡确认

当目标元素有进一步的操作或描述时,如会触发接口的删除,以及一些希望用户谨慎操作通常是对其它环节有连带影响,具体产品经理在prd里明述
image.png

过程反馈

所有涉及后端请求或者需花较长时间的都需要有loading,一些特别长的需要有加载进度条,同时考虑是否提供取消操作
image.png

录入反馈

及时给出用户输入信息的正误反馈,最多应用场景在表单验证逻辑
image.png

结果反馈

通常是一般操作的成功与失败的反馈,位置在页面顶部中间,通常3s后自动消失,对于特别重要的失败信息不希望用户遗漏的,建议改为弹窗打断式提醒,但慎用此种提醒
image.png