bootstrapmodel确认操作框_B端产品操作反馈梳理

1 目的&＃xff1a;

告诉用户其操作的结果、预期、带来的影响或后果。用以给用户正确的引导信息&＃xff0c;帮助用户判断和决策。

2 经常应用问题&＃xff1a;

不同场景使用规范错误&＃xff0c;重要的信息toast展示&＃xff0c;让用户无法短时间看到重要信息。

3 反馈类型3.1 按样式分类&＃xff1a;模态、非模态

模态&＃xff1a;弹框

非模态&＃xff1a;toast、气泡、轻量提示&＃xff08;文字、图标高亮等&＃xff09;、动效、声音、震动

3.2 按功能分&＃xff1a;警告、通知、过程反馈、结果反馈

警告&＃xff1a;警告提示

通知&＃xff1a;通知提醒、文字提示

过程反馈&＃xff1a;加载提示、气泡确认框

结果反馈&＃xff1a;全局提示反馈、对话框反馈

3.3 按场景分&＃xff1a;操作确认、操作结果、任务进度、操作提示、校验

操作确认&＃xff1a;确定、退出、删除、提交、离开、修改、替换等等

操作结果&＃xff1a;提交、添加、删除、保持、发送、搜索等等

任务进度&＃xff1a;删除、导入、查询、上传、下载、刷新、安装等等

操作提示&＃xff1a;指示控件状态、显示隐藏功能

校验&＃xff1a;表单状态、字段录入格式、长度

4 B端常用应用反馈

&＃xff08;如何选择反馈样式&＃xff1a;根据功能类型和实际操作场景&＃xff09;

4.1 弹框&＃xff08;模态类型&＃xff09;

会打断用户当前操作&＃xff0c;用于重要信息传递&＃xff0c;反馈内容通过确认或取消按钮进行关闭&＃xff0c;用户在反馈层不可进行其他操作。

使用不当&＃xff0c;会让用户被动情况下体验不好&＃xff0c;使用慎重&＃xff01;

4.2 警告提示&＃xff08;非模态类型&＃xff09;

不打断用户当前操作&＃xff0c;展现需要关注的信息&＃xff08;除了要告知操作结果&＃xff0c;还需要让用户明确操作对产品、其他模块和任务的影响,有的还需要引导用户继续进行接下来的任务&＃xff09;&＃xff0c;静态展示&＃xff0c;不会自动消失&＃xff0c;用户可点击关闭按钮&＃xff08;关于关闭图标是否显示可根据当前逻辑添加&＃xff09;

4.3 全局提示反馈&＃xff08;非模态类型&＃xff09;

不打断用户操作轻量级提示方式&＃xff0c;一般位于顶部剧中&＃xff0c;3s后自动消失。用户需在有限的时间内了解全部信息&＃xff0c;且不能承载较为复杂的提示。

一般用于提供进度、成功、警告和错误反馈信息

4.4 文字提示&＃xff08;非模态类型&＃xff09;

方便用户及时、快速定位到是哪里填写出错&＃xff08;点击按钮后出现提示文字&＃xff0c;好处&＃xff1a;减少前端控制&＃xff0c;减少用户输入时对服务器请求次数&＃xff09;

4.5 气泡&＃xff08;非模态类型&＃xff09;

这种样式反馈相比弹窗会更“轻”&＃xff0c;且可以直接显示在操作对象附近&＃xff0c;对用户干扰更弱&＃xff0c;且关联性强。

一般用于列表信息中

4.6 系统通知提醒&＃xff08;非模态类型&＃xff09;

系统主动推送重要的全局性通知信息

一般在系统右上角显示

5 模态与非模态使用差异

5.1 模态

临时弹出&＃xff0c;会打断用户当前操作&＃xff0c;一般用于必要且重要的信息传递。

使用不当&＃xff0c;会让用户被动情况下非常恼火&＃xff0c;体验不好&＃xff01;

5.2 非模态

特点&＃xff1a;及时、有效

信息能及时轻松地显示出来不需要用户做特殊动作或者转换模式&＃xff0c;就能看到和理解这些反馈&＃xff0c;帮助用户更加有效完成任务和提供有用的信息反馈&＃xff0c;提高任务操作效率。

5.2.1 明确告诉用户任务所处的状态&＃xff0c;让用户感受到一切都在掌握之中。

5.2.2 及时的提醒用户下一步需要做什么&＃xff0c;这一步哪些地方操作有误。

5.2.3 在不打断用户行为操作的前提下提供反馈。

5.2.4 在用户“犯错”之前及时制止&＃xff0c;而不是“犯错”后告诉他。