交互界面兴趣区可视化方法和系统技术方案

技术编号:38565789 阅读:12 留言:0更新日期:2023-08-22 21:04
本发明专利技术提供一种交互界面兴趣区可视化方法和系统,所述方法包括:自动监测交互界面元素获取事件,基于监测到的交互界面元素获取事件识别交互界面元素位置,并生成兴趣区确认界面;基于所述兴趣区确认界面进行兴趣区位置和大小的确认,基于确认后的兴趣区位置和大小绘制交互界面兴趣区;通过用户在浏览交互界面期间佩戴的眼动设备或操纵的输入设备进行眼动数据或输入数据的采集,基于采集的眼动数据或输入数据获得用户在绘制的交互界面兴趣区内的行为数据;将所述交互界面兴趣区内的行为数据可视化为热点图和/或轨迹图。据可视化为热点图和/或轨迹图。据可视化为热点图和/或轨迹图。

【技术实现步骤摘要】
交互界面兴趣区可视化方法和系统


[0001]本专利技术涉及兴趣区可视化
,尤其涉及一种交互界面兴趣区可视化方法和系统。

技术介绍

[0002]现有技术中,在web网页端通过获取交互界面元素来选取当前兴趣区域,这种绘制兴趣区方式只能根据元素的所在的区域和大小进行绘制,其绘制区域不全面,并且绘制兴趣区的方式单一化,而且无法与硬件设备眼动相结合,进行数据可视化的方式也较为单一,不能很好的可视化兴趣区。因此,对兴趣区绘制并进行更优的可视化是有待解决的问题

技术实现思路

[0003]鉴于此,本专利技术实施例提供了一种交互界面兴趣区可视化方法和系统,能够通过不同的方式进行兴趣区的绘制,结合眼动设备进行兴趣区数据的采集,并通过热点图和轨迹图对兴趣区进行可视化,实现了对兴趣区更优化的可视化。
[0004]本专利技术的一个方面提供了一种交互界面兴趣区可视化方法,该方法包括以下步骤:
[0005]自动监测交互界面元素获取事件,基于监测到的交互界面元素获取事件识别交互界面元素位置,并生成兴趣区确认界面;
[0006]基于所述兴趣区确认界面进行兴趣区位置和大小的确认,基于确认后的兴趣区位置和大小绘制交互界面兴趣区;
[0007]通过用户在浏览交互界面期间佩戴的眼动设备或操纵的输入设备进行眼动数据或输入数据的采集,基于采集的眼动数据或输入数据获得用户在绘制的交互界面兴趣区内的行为数据;
[0008]将所述交互界面兴趣区内的行为数据可视化为热点图和/或轨迹图。
[0009]在本专利技术的一些实施例中,所述方法还包括:
[0010]基于所述交互界面兴趣区内的行为数据以及热点图和/或轨迹图对用户的行为进行数据分析,得到所述用户对兴趣区中信息的关注点;
[0011]根据所述关注点,自动筛选并提供与所述关注点相似的信息。
[0012]在本专利技术的一些实施例中,所述方法还包括:
[0013]基于所述交互界面兴趣区内的行为数据以及热点图和/或轨迹图对用户的行为进行数据分析,得到所述用户对兴趣区中信息的视觉关注信息;所述视觉关注信息包括以下一种或多种:注视时间和/或注视次数;
[0014]根据所述视觉注视信息对所述兴趣区中信息进行评估。
[0015]在本专利技术的一些实施例中,所述元素获取事件为拾取交互界面元素或获取所述输入设备选择交互界面元素开始位置和结束位置的操作;
[0016]所述兴趣区确认界面为预先建立的兴趣区信息输入界面或兴趣区拖拽框。
[0017]在本专利技术的一些实施例中,所述预先建立的兴趣区信息输入界面中包括兴趣区与交互界面顶部、底部、左侧和/或右侧的距离,通过确认所述兴趣区与交互界面的距离得到兴趣区的位置和大小。
[0018]在本专利技术的一些实施例中,所述基于确认后的兴趣区位置和大小绘制交互界面兴趣区包括:
[0019]当所述交互界面元素获取事件为拾取交互界面元素时,通过预先建立的兴趣区信息输入界面或兴趣区拖拽框确认所述兴趣区与交互界面的距离信息得到兴趣区的位置和大小;
[0020]基于确认后的兴趣区位置和大小绘制交互界面兴趣区。
[0021]在本专利技术的一些实施例中,所述基于确认后的兴趣区位置和大小绘制交互界面兴趣区还包括:
[0022]当所述交互界面元素获取事件为获取所述输入设备选择交互界面元素开始位置和结束位置的操作时,将所述结束位置的坐标减去所述开始位置的坐标,得到所述兴趣区的宽高;
[0023]根据所述兴趣区的宽高通过预先建立的兴趣区信息输入界面或兴趣区拖拽框确认所述兴趣区与交互界面的距离信息得到兴趣区的位置和大小;
[0024]基于确认后的兴趣区位置和大小绘制交互界面兴趣区。
[0025]在本专利技术的一些实施例中,所述预先建立的兴趣区信息输入界面中还包括距离单位和跨页绘制;
[0026]所述距离单位包括比例和像素;
[0027]当所述单位互相切换时,所述距离进行相同比例的改变。
[0028]本专利技术的另一方面提供了一种交互界面兴趣区可视化系统,该系统包括处理器和存储器,所述存储器中存储有计算机指令,所述处理器用于执行所述存储器中存储的计算机指令,当所述计算机指令被处理器执行时该系统实现如上所述方法的步骤。
[0029]本专利技术还提供了一种计算机可读存储介质,其上存储有计算机程序,当所述计算机指令被处理器执行时实现如上所述方法的步骤。
[0030]本专利技术的交互界面兴趣区可视化方法和系统,能够在交互界面端自由绘制兴趣区,并结合眼动设备和输入设备对兴趣区数据进行采集,根据采集到的眼动数据和输入数据得到用户的行为数据,并将用户的行为数据通过热点图或轨迹图进行可视化展,实现了绘制兴趣区方法多样化以及兴趣区可视化的更优化。
[0031]本专利技术的附加优点、目的,以及特征将在下面的描述中将部分地加以阐述,且将对于本领域普通技术人员在研究下文后部分地变得明显,或者可以根据本专利技术的实践而获知。本专利技术的目的和其它优点可以通过在说明书以及附图中具体指出的结构实现到并获得。
[0032]本领域技术人员将会理解的是,能够用本专利技术实现的目的和优点不限于以上具体所述,并且根据以下详细说明将更清楚地理解本专利技术能够实现的上述和其他目的。
附图说明
[0033]此处所说明的附图用来提供对本专利技术的进一步理解,构成本申请的一部分,并不
构成对本专利技术的限定。在附图中:
[0034]图1为本专利技术一实施例中交互界面兴趣区可视化方法示意图。
[0035]图2为本专利技术一实施例中预先建立的兴趣区信息输入界面示意图。
[0036]图3为本专利技术一实施例中兴趣区拖拽框示意图。
[0037]图4为本专利技术另一实施例中兴趣区数据采集流程图。
[0038]图5为本专利技术一实施例中行为数据的热点图。
[0039]图6为本专利技术一实施例中行为数据的轨迹图。
具体实施方式
[0040]为使本专利技术的目的、技术方案和优点更加清楚明白,下面结合实施方式和附图,对本专利技术做进一步详细说明。在此,本专利技术的示意性实施方式及其说明用于解释本专利技术,但并不作为对本专利技术的限定。
[0041]在此,还需要说明的是,为了避免因不必要的细节而模糊了本专利技术,在附图中仅仅示出了与根据本专利技术的方案密切相关的结构和/或处理步骤,而省略了与本专利技术关系不大的其他细节。
[0042]应该强调,术语“包括/包含”在本文使用时指特征、要素、步骤或组件的存在,但并不排除一个或更多个其它特征、要素、步骤或组件的存在或附加。
[0043]在此,还需要说明的是,如果没有特殊说明,术语“连接”在本文不仅可以指直接连接,也可以表示存在中间物的间接连接。
[0044]在下文中,将参考附图描述本专利技术的实施例。在附图中,相同的附图标记代表相同或类似的部件,或者相同或类似的步骤。
[0045]为了克服现有技术中兴趣区绘制方式单一化以及不能结合眼动硬件设备对兴趣区本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种交互界面兴趣区可视化方法,其特征在于,所述方法包括以下步骤:自动监测交互界面元素获取事件,基于监测到的交互界面元素获取事件识别交互界面元素位置,并生成兴趣区确认界面;基于所述兴趣区确认界面进行兴趣区位置和大小的确认,基于确认后的兴趣区位置和大小绘制交互界面兴趣区;通过用户在浏览交互界面期间佩戴的眼动设备或操纵的输入设备进行眼动数据或输入数据的采集,基于采集的眼动数据或输入数据获得用户在绘制的交互界面兴趣区内的行为数据;将所述交互界面兴趣区内的行为数据可视化为热点图和/或轨迹图。2.根据权利要求1所述的方法,其特征在于,所述方法还包括:基于所述交互界面兴趣区内的行为数据以及热点图和/或轨迹图对用户的行为进行数据分析,得到所述用户对兴趣区中信息的关注点;根据所述关注点,自动筛选并提供与所述关注点相似的信息。3.根据权利要求2所述的方法,其特征在于,所述方法还包括:基于所述交互界面兴趣区内的行为数据以及热点图和/或轨迹图对用户的行为进行数据分析,得到所述用户对兴趣区中信息的视觉关注信息;所述视觉关注信息包括以下一种或多种:注视时间和/或注视次数;根据所述视觉注视信息对所述兴趣区中信息进行评估。4.根据权利要求1所述的方法,其特征在于,所述元素获取事件为拾取交互界面元素或获取所述输入设备选择交互界面元素开始位置和结束位置的操作;所述兴趣区确认界面为预先建立的兴趣区信息输入界面或兴趣区拖拽框。5.根据权利要求4所述的方法,其特征在于,所述预先建立的兴趣区信息输入界面中包括兴趣区与交互界面顶部、底部、左侧和/或右侧的距离,通过确...

【专利技术属性】
技术研发人员:请求不公布姓名
申请(专利权)人:北京津发科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1