后台数据表格交互体验设计

1、添加数据

Q：添加数据时不知道添加是否成功了，找不到添加的数据在哪

S：①添加系统消息提示保存成功；②将新添加的数据放在列表第一行；③标记最新添加的数据（取决于开发实现方式）

2、移除数据

Q1：包括删除、加入白名单这类操作，完成后数据将不再显示在列表中，不知道数据是否成功了

S1：添加系统消息提示处理成功

Q2：删除数据提示框中文本信息不明确删除的是哪一条数据

S2：提示框中告知用户所删除数据的信息

3、表格状态

Q：不明确当前所停留或选择的数据行

S：在默认状态之外，给表格数据行设计激活和选中状态。当鼠标停留在某一行，高亮这一行；当表格选中这一行进行查看时，将这一行设为选中状态

4、编辑/查看/处理/删除...

Q：在表格中，经常在弹窗中对某一行的数据进行编辑、查看等操作，打开弹窗时不知道编辑的数据对应哪一行，关闭弹窗后也没有明确告知用户刚刚所编辑的数据是哪一条

S：打开弹窗后，将编辑行设置为选中状态，关闭弹窗后，仍保留选中状态2秒后自动取消选中

5、数据处理

Q1：当表格中有下载功能时，经常我们有下载多个的需求，但是一个个下载的时候不知道自己哪些下载了，那些没下载（Tip：已经下载的仍可以二次下载）

S1：①提供批量下载功能；②在用户没有刷新页面的请款下，标记出哪些是下载过了的那些是没下载过的状态

Q2：当表格中有处理功能时，例如处理告警，这时候不知道哪些是处理了的哪些是没处理的（Tip：已经处理过的数据再进行处理）

S2：完成处理后数据将处理功能置为不可用

6、查询数据

Q：通过过滤条件查询数据时，应该在结束输入查询条件后进行实时查询，还是统一通过点击查询按钮触发查询

S：①一般情况下应该尽可能进行实时查询，简化用户的操作；②在查询条件组合较为复杂和查询数据量较大时可以通过统一的查询按钮触发查询，减少用户的等待时间

通过对这些问题的总结，可以发现在设计数据表格的交互体验时，我们的准则是要时刻让用户在不知不觉的情况下准确地知道我在哪，我做了什么，创造出沉浸式的用户体验。