专利解析|数据中台—数据流配置弹框交互优化方法

news/2025/3/25 12:51:48/

优化用户交互

在企业信息化转型的过程中,数据中台提供全行业从咨询规划到技术平台落地运营的数字化方案。随着企业规模的不断扩大,企业信息化转型的必要性也逐步地增加,其功能的复杂度更是跨越式地增加。人们在处理信息、学习规程和记忆细节方面的能力是有限的,步骤越长,需要耗费的注意力和理解力就越多。冗余的步骤和干扰项,通常会将操作流程变得复杂。多一次操作,意味着多一次注意力的转移,减少一个不必要的步骤,会让用户操作起来轻松很多。那么如何优化产品的功能交互呢?这是对所有的产品和开发人一个重要的挑战。

文末免费申领相关资料~

数据中台中的数据开发

数据开发是基于业务流程下对应的每个节点进行开发配置,可以在业务流程面板下新建一个或多个业务流程,每个业务流程按照类型进行分组,每个分组下再对数据开发类型进一步分组,也就是业务使用的组件(节点、表、资源、函数)统筹在一个业务流程中,每个业务流程下只展示当前业务流程中使用的组件。

元年数据中台提供的敏捷数据开发,支持离线开发、实时开发及算法开发,实现多维分析一体化,通过可视化的面板配置组件节点,像管道漏斗一样对数据进行开发处理,贴合企业的业务数据需要。企业以自身所需要的业务要求,在我们提供的可视化面板中,将业务流程中的各个节点链接完成,配置各节点的业务属性参数,并提交配置好的业务流程发布到生产环境。节点发布完成后,任务将保存到生产环境,之后将根据调度配置周期,定时的发起调度,最后完成企业所需要的数据开发。

参数配置中所产生的交互问题

通常,数据中台在配置数据处理组件节点之前,需要先确定当前这个组件节点所需要的数据。其中,所需的数据由当前节点的上一个数据处理组件节点的输出数据确定。

为了避免处理组件节点配置数据时出现偏差,有一个用于查看上一步数据处理组件节点信息的弹框,弹框里面显示了上一步数据处理组件节点的输出数据。这样一来的话,后面在配置待配置的数据处理组件节点时,就可以直接点击按钮,弹出上一步数据的弹框,然后根据弹框里显示的信息对当前这个配置的数据处理组件节点进行数据配置。

但是,当上一步的数据弹框显示时,由于目前的技术限制,通常会出现弹框所处区域和需要配置的组件节点的页面重叠的情况,也就是说弹框对配置页面有遮挡。在这种时候,就需要先关掉弹框后才能继续在配置页面内配置参数。这样一来,对于用户来说,如果需要频繁的查看上一步组件节点的数据,就需要频繁地打开弹框,查看数据,然后关闭弹框。然而当用户需要再对比的时候,还需要再打开弹框,然后关闭弹框,这些反复冗长的操作,极大的降低了用户操作体验。

数据中台配置数据处理组件节点时,需要对照上一步节点的输出数据,来配置当前节点所需要参数,如动图1。

动图1

为了防止当前节点的数据配置出现错误,所以需要一个“查看上一步骤数据”的弹框,显示上一步组件处理的完成后的数据,如动图2。

 

动图2

查看上一步骤数据的弹框与当前节点的配置页面重合。查看数据的弹框弹出后,挡住了当前的配置页面,则必须关闭弹框后才能继续当前页面配置参数。

 

数据流配置弹框交互优化方法

  1. 鼠标点击“查看上一步骤数据”按钮后,弹出数据流配置的对话框,可以将整个页面拖动到其他地方,让两个页面可以错开位置显示;

  2. “查看上一步骤数据”弹框增加高度和宽度的调整按钮,可以调整定义弹出框的宽和高,减少两个弹框的遮挡部分;

  3. 取消原有的弹出框黑色背景色,两个弹出框页面可以同时操作,方便对照上一步骤的数据,同时对当前节点进行组件参数配置,如动图3、动图4。

动图3

动图4

通威集团的项目经理温女士反馈,交互优化调整之后工作量明显的减少。特别是新人员工在操作时,可以直接对照数据进行配置,而不需要打开又关闭,再打开又关闭的重复操作,为他们减轻了不少的工作负担,方便了他们的操作,她们团队给了个大大的赞。

总结

操作的精简是最常见的优化方向, 过长的流程与复杂的页面跳转会导致用户产生不好的体验情绪, 将原本的流程步骤梳理出来, 精简提炼至最短步骤, 会大大的提升用户体验。交互坚守的是用户体验的底线,让产品变得或好用、或高效,便是这最大的价值!


http://www.ppmy.cn/news/5128.html

相关文章

【学习笔记】JDK源码学习之HashMap(附带面试题)

最近发布 AND 其他好文 :地址 什么是 HashMap ?它和 Map 之间又有什么样的关系呢?我们是否能拿它在并发中使用呢? 带着以上问题,让我们一同走入这让人着迷的 HashMap 。 1、什么是HashMap? HashMap 基于…

Diffusion Model合集 part1

扩散模型原理介绍1一,条件概率公式与高斯分布的KL散度重参数技巧二,VAE和多层VAE回顾单层VAE的原理公式与置信下界多层VAE的原理公式与置信下界三,Diffusion Model 图示四,扩散过程(Diffusion Process)与VAE的区别:如何…

m基于DCAR编码感知的网络路由发现算法matlab仿真

目录 1.算法描述 2.仿真效果预览 3.MATLAB核心程序 4.完整MATLAB 1.算法描述 1.路由请求过程 当一个源节点有数据要向目的节点发送且在当前路由缓存中未发现可用路径时,则启动路由请求过程,下面分步对该过程进行说明: 步骤1&#xff1a…

C++ 类的六个特殊成员函数

简 述: 分析 C Class 的六个特殊成员函数 wiki ,并且手动实现一番; 默认构造函数析构函数复制构造函数复制赋值运算符移动构造函数移动赋值运算符 文章目录原理代码系列本文初发于 “偕臧的小站”,同步转载于此。 原理 ​ 特殊成员函数是类…

4.http模块

http模块是Node.js官方提供创建web服务器的模块,在使用http模块前首先导入http模块 目录 1 一些概念 1.1 IP 1.2 域名 1.3 端口 2 创建一个基本的web服务器 3 req请求对象 4 res响应对象 5 不同地址获取不同响应 6 在服务中加载html文件 6.1 基…

安装ZIMG 图片服务器

简介:zimg是图像存储和处理服务器。您可以使用URL参数从zimg获取压缩和缩放的图像。 zimg的并发I / O,分布式存储和时间处理能力非常出色。 您不再需要在图像服务器中使用nginx。在基准测试中,zimg可以在高并发级别上处理每秒3000图像下载任务…

实战三十二:基于knn算法的用户购物消费预测代码+数据

K近邻算法通过计算被分类对象与训练集对象之间的距离,确定其k个临近点,然后使用这k个临近点中最多的分类作为分类结果。 如上图,当K=3时,它会被分类为 Class B。因为K=3时,3个临近点里有2个是B类的。 同理,K=7时它会被分类为 Class A,因为K=7时,7个临近点里4个是A类的…

【Three.js入门】图形用户界面GUI、BufferGeometry创建矩形、随机生成多个随机颜色的三角形

个人简介 👀个人主页: 前端杂货铺 🙋‍♂️学习方向: 主攻前端方向,也会涉及到服务端 📃个人状态: 在校大学生一枚,已拿多个前端 offer(秋招) 🚀未…