智驱平台 热度 1
随着企业数字化的不断推进,许多业务流程和交互方式都经历不同的变革,消费者对交互体验的要求越来越高,用户对页面样式的美观程度、用户体验的便利性与灵活性有更高的要求,决定了客户的购买意愿与用户使用口碑。
传统表格按行展示数据作为企业运营中常见的交互方式已经无法满足不同场景下不同角色用户的灵活需求,从交互维度、视觉维度、操作维度与场景适配维度总结,存在如下不足:
交互维度 | 操作目标区域小,精准度要求高 | 表格行通常较窄,操作按钮(如编辑、删除、查看详情)需嵌入行内,点击区域较小,尤其在移动端易误触 |
批量操作与单条操作的矛盾 | 表格适合批量选中行(如复选框),但单条数据的深度操作(如快速预览、拖拽排序)体验较差 —— 用户需精准定位行内按钮,或依赖二级菜单展开,流程冗长 | |
层级跳转不灵活 | 表格行通常仅支持 “点击进入详情页” 的单一交互路径, | |
视觉维度 | 信息密度高,视觉疲劳快 | 表格通过行、列网格强制对齐数据,虽适合结构化对比,但密集的线条和文字易导致 “视觉噪音”,尤其在数据量庞大或列数较多时,用户难以快速捕捉重点(如主次信息混淆) |
缺乏情感化表达,风格受限 | 表格以功能性为主,视觉设计通常较为保守(如单色行、细线分隔),难以融入图片、图标、动态效果等元素。 | |
响应式适配能力弱 | 表格在小屏幕设备(如手机)上易出现横向滚动条,或需压缩列宽导致内容截断(如长文本显示不全) | |
操作维度 | 深度操作入口隐蔽 | 表格行内的操作按钮(如 “更多选项”)常需折叠在图标或下拉菜单中,用户需额外学习交互模式 |
动态更新反馈不明显 | 表格数据更新(如新增行、状态变更)通常仅通过颜色变化(如行背景色高亮)提示,视觉反馈较弱 | |
场景适配维度 | 非结构化数据表现力差 | 表格擅长展示纯文本、数值型数据,但对富文本、多类型字段(如图标状态、进度条、评分星标)的排版支持有限,易出现格式混乱 |
用户引导能力弱 | 表格缺乏视觉焦点引导,用户需自主扫描行、列寻找目标,适合专业人员(如数据分析师),但对普通用户不够友好 |
根据鼎捷20年产品经验积淀、产品设计交互视觉方法论以及大量客户调研结果,传统表格的优势在于高密度数据对比和标准化结构展示(如财务报表、数据后台),但其缺点在用户体验导向、内容多样化、移动优先的场景中尤为突出。
若需要满足不同场景下不同角色对数据灵活的阅读操作需求,平台在设计上以「敏捷交互」和「数据不用找」为目标,最终形成了两种策略:
1、对表格从交互和功能层进行改善。
2、提供更多视图,如卡片视图。
在本文中会说明平台是如何在表格改善上实现功能,卡片视图会在后续文章中进行说明讲解。
平台待办工作台的列表模式提供行列式的数据展示模式。默认支持展示任务状态、任务名称、需完成时间、业务摘要、创建时间等字段。
在设计时,平台提供了自定义列、标签、列显隐、列顺序调整、列锁定等功能,来解决表格模式的不足。
Ø 自定义列:ISV通过开发可以根据业务场景将业务字段作为自定义列展示在待办工作台列表,比如项目管理场景中,应用根据沉淀抽象的知识了解到用户期望可以在待办共工作台看到项目编号,用户会根据项目编号对任务卡项目卡进行区分。
开发平台设定页面
运行效果
Ø 标签:平台支持以标签形式展示需要用户关注的信息,如逾期时间、已读未读等。未来会支持应用根据业务场景展示更丰富的标签,如展示项目优先级标签。
系统标签效果
Ø 列显隐:平台支持用户对表格列设定是否展示,用户对于不关心的列可以进行隐藏。
取消勾选即可隐藏列
Ø 列顺序调整:平台支持用户对表格列的展示顺序进行调整,用户可以根据自己工作习惯把关注的内容前置。
用户可拖拽列的位置
Ø 列锁定:平台支持进行列锁定,左右滚动时保持锁定列的位置不变,避免在列数多时,用户拖拽查看表格数据时“顾前不顾后”造成视觉跳行等问题。
用户设定页面
锁定效果