CN111488089B - 人机交互方法、装置、存储介质及电子设备 - Google Patents

人机交互方法、装置、存储介质及电子设备 Download PDF

Info

Publication number
CN111488089B
CN111488089B CN202010267178.8A CN202010267178A CN111488089B CN 111488089 B CN111488089 B CN 111488089B CN 202010267178 A CN202010267178 A CN 202010267178A CN 111488089 B CN111488089 B CN 111488089B
Authority
CN
China
Prior art keywords
sub
page
information display
control
display page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202010267178.8A
Other languages
English (en)
Other versions
CN111488089A (zh
Inventor
张恺
金家超
孙善爱
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ctrip Travel Network Technology Shanghai Co Ltd
Original Assignee
Ctrip Travel Network Technology Shanghai Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Ctrip Travel Network Technology Shanghai Co Ltd filed Critical Ctrip Travel Network Technology Shanghai Co Ltd
Priority to CN202010267178.8A priority Critical patent/CN111488089B/zh
Publication of CN111488089A publication Critical patent/CN111488089A/zh
Application granted granted Critical
Publication of CN111488089B publication Critical patent/CN111488089B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/174—Form filling; Merging
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供一种基于信息展示页面的人机交互方法、装置、存储介质及电子设备。所述方法包括：响应于一第一触控指令，于所述终端上显示第一用户界面；所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面；所述于所述终端上显示第一用户界面包括：获取若干预设区间内的目标数据；以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面。绘制与各目标数据一一对应的柱形图案并基于所述各目标数据的数值等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面。本发明可以通过可视化图表的方式向用户提供目标数据于特定时间段内的变化趋势，降低用户获取信息的成本。

Description

人机交互方法、装置、存储介质及电子设备
技术领域
本发明涉及计算机技术领域，尤其涉及一种基于信息展示页面的人机交互方法、装置、存储介质及电子设备。
背景技术
机票价格变动频繁，尤其往返机票，总价计算规则复杂。现有技术因此往往使用表格的形式向用户呈现往返价格组合的变化。使用表格展示数据是很常规的设计，但在空间狭小的移动端，查看表格的体验就很不理想。尤其对于往返机票，用户往往需要先横向浏览去程航班的价格变化，再纵向浏览对应的返程航班的价格变化，视线流异常复杂，获取信息的成本极高。
发明内容
针对现有技术中的问题，本发明的目的在于提供一种基于信息展示页面的人机交互方法、装置、存储介质及电子设备，以降低用户获取信息的成本。
根据本发明的一方面，提供一种基于信息展示页面的人机交互方法，应用于终端，所述方法包括：
响应于一第一触控指令，于所述终端上显示第一用户界面；所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面；所述于所述终端上显示第一用户界面包括：获取若干预设区间内的目标数据；以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面。
绘制与各目标数据一一对应的柱形图案并基于所述各目标数据的数值等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面；
响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。
在本发明的一实施方式中，所述第一信息展示页面包括若干第一子页面，所述以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面包括：
以第一维度对各预设区间内的目标数据进行分别排序，以生成若干与各预设区间一一对应的第一子页面。
在本发明的一实施方式中，所述第二信息展示页面包括若干第二子页面，所述绘制与各目标数据一一对应的柱形图案并基于所述各目标数据的数值等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面包括：
基于所述若干预设区间对已绘制的柱形图案进行划分，以生成若干与各第一子页面一一对应的第二子页面。
在本发明的一实施方式中，所述将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面包括：
响应于对一目标数据的选定操作，确定所述第一信息展示页面的当前第一子页面；
基于所述当前第一子页面确定相应的目标第二子页面；
比较所述目标第二子页面中各柱形图案的高度，以确定所述目标第二子页面中高度最低的柱形图案所在的位置；
将所述第一信息展示页面由所述当前第一子页面直接切换至所述目标第二子页面并突出显示所述高度最低的柱形图案。
在本发明的一实施方式中，所述第一用户界面还显示有若干与各第二子页面一一对应的第二子控件；所述方法还包括：
响应于对一目标第二子控件的触发操作，将当前第二子页面切换至与所述目标第二子控件相对应的第二子页面。
相应的，本发明还提供一种基于信息展示页面的人机交互装置，应用于终端，所述人机交互装置包括：
交互模块，用以响应于一第一触控指令，于所述终端上显示第一用户界面；所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面；
绘制模块，用以绘制与各目标数据一一对应的柱形图案并基于所述各目标数据的数值等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面；
切换模块，用以响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。
基于与上述方法相同的构思，本发明还提供另一种基于信息展示页面的人机交互方法，应用于终端，所述方法包括：
响应于一第一触控指令，于所述终端上显示第一用户界面；所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面；所述于所述终端上显示第一用户界面包括：获取若干预设区间内的目标数据；以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面。
确定一区间长度，所述区间长度小于所述预设区间的长度；
基于所述区间长度，将所述预设区间划分为多个等长的子区间；
计算各子区间两端的目标数据的数值之和；
绘制与所述多个子区间一一对应的柱形图案并基于所述数值之和等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面；
响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。
在本发明的一实施方式中，所述确定一区间长度包括：
响应于对两目标数据的选定操作，以该两目标数据作为一目标子区间的两端，以该目标子区间的长度作为所述区间长度。
在本发明的一实施方式中，所述第一信息展示页面包括若干第一子页面，所述以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面包括：
以第一维度对各预设区间内的目标数据进行分别排序，以生成若干与各预设区间一一对应的第一子页面。
在本发明的一实施方式中，所述第二信息展示页面包括若干第二子页面，所述绘制与所述多个子区间一一对应的柱形图案并基于所述数值之和等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面包括：
基于所述若干预设区间对已绘制的柱形图案进行划分，以生成若干与各第一子页面一一对应的第二子页面。
在本发明的一实施方式中，所述将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面包括：
基于所述目标子区间，确定所述第一信息展示页面的当前第一子页面；
基于所述当前第一子页面确定相应的目标第二子页面；
将所述第一信息展示页面由所述当前第一子页面直接切换至所述目标第二子页面并突出显示与所述目标子区间相对应的柱形图案。
在本发明的一实施方式中，所述第一用户界面还显示有若干与各第二子页面一一对应的第二子控件；所述方法还包括：
响应于对一目标第二子控件的触发操作，将当前第二子页面切换至与所述目标第二子控件相对应的第二子页面。
相应的，本发明还提供另一种基于信息展示页面的人机交互装置，应用于终端，所述人机交互装置包括：
交互模块，用以响应于一第一触控指令，于所述终端上显示第一用户界面；所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面；
确定模块，用以确定一区间长度，所述区间长度小于所述预设区间的长度；
划分模块，用以基于所述区间长度，将所述预设区间划分为多个等长的子区间；
计算模块，用以计算各子区间两端的目标数据的数值之和；
绘制模块，用以绘制与所述多个子区间一一对应的柱形图案并基于所述数值之和等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面；
切换模块，用以响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。
根据本发明的又一方面，提供一种存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如上所述的方法。
根据本发明的又一方面，提供一种电子设备，所述电子设备包括：处理器和存储介质。所述存储介质上存储有计算机程序，所述计算机程序被所述处理器运行时执行如上所述的方法。
本发明可以通过可视化图表的方式向用户提供目标数据于特定时间段内的变化趋势，从而降低用户获取信息的成本。
附图说明
通过阅读参照以下附图对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显。
图1是本发明一实施例中基于信息展示页面的人机交互方法的流程图。
图2是图1所示人机交互方法中部分具体的流程图。
图3是对应于图1所述人机交互方法的人机交互装置的结构示意图。
图4是本发明另一实施例中基于信息展示页面的人机交互方法的流程图。
图5是图4所示人机交互方法中部分具体的流程图。
图6是对应于图4所述人机交互方法的人机交互装置的结构示意图。
图7是本发明一实施例中计算机可读存储介质的结构示意图。以及
图8是本发明一实施例中电子设备的结构示意图。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。
此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
根据本发明的一方面，本实施例提供一种基于信息展示页面的人机交互方法，应用于终端。图1是本发明一实施例中基于信息展示页面的人机交互方法的流程图。如图1所示，所述方法包括：
S110，响应于一第一触控指令，于所述终端上显示第一用户界面。所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面。所述于所述终端上显示第一用户界面包括：获取若干预设区间内的目标数据。以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面。
具体地，所述第一信息展示页面可以包括若干第一子页面，所述以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面包括：
以第一维度对各预设区间内的目标数据进行分别排序，以生成若干与各预设区间一一对应的第一子页面。其中，所述第一信息展示页面可以显示：以若干表格形式根据日期排布的机票数据。每一表格可以包含一个月的机票数据，此时，所述日期即可以理解为第一维度,预设区间即为一个月。当然，此处仅为示例性描述，本发明的实施方式当然不限于此。
S120，绘制与各目标数据一一对应的柱形图案并基于所述各目标数据的数值等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面。至于柱形图的宽度，当然可以一致，也可以有所区别。由此，将可以将某个时间段内的目标数据(例如机票价格)的变化趋势通过柱状图的形式直观地展示出来，有利于降低用户获取信息的成本。
具体地，所述第二信息展示页面可以包括若干第二子页面，所述绘制与各目标数据一一对应的柱形图案并基于所述各目标数据的数值等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面包括：
基于所述若干预设区间对已绘制的柱形图案进行划分，以生成若干与各第一子页面一一对应的第二子页面。也即，不同的第二子页面显示不同区间(可以为不同月份)内的目标数据(例如机票价格)的变化趋势。
可选地，所述第一用户界面还可以显示有若干与各第二子页面一一对应的第二子控件。所述方法还包括：
响应于对一目标第二子控件的触发操作，将当前第二子页面切换至与所述目标第二子控件相对应的第二子页面。例如，触发所述目标子控件可以直接查看某个特定时间段内目标数据(例如机票价格)的变化趋势，有利于降低用户获取信息的成本。
S130，响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。例如，触发所述第二控件可以直接查看目标数据(例如机票价格)在某一时间段内的变化趋势，有利于降低用户获取信息的成本。
本发明可以通过可视化图表的方式向用户提供目标数据于特定时间段内的变化趋势，从而降低用户获取信息的成本。
图2是图1所示人机交互方法中部分具体的流程图。如图2所示，在本发明的一实施方式中，所述将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面可以包括：
S131，响应于对一目标数据的选定操作，确定所述第一信息展示页面的当前第一子页面。例如根据选定的某个具体日期，确定该具体日所属的月份。
S132，基于所述当前第一子页面确定相应的目标第二子页面。由于第一子页面与所述第二子页面都是基于所述预设区间进行划分的。那么，两者之间自然存在对应关系。
S133，比较所述目标第二子页面中各柱形图案的高度，以确定所述目标第二子页面中高度最低的柱形图案所在的位置。例如，柱形图的高度代表机票价格，那么就可以确定机票价格最低的日期。
S134，将所述第一信息展示页面由所述当前第一子页面直接切换至所述目标第二子页面并突出显示所述高度最低的柱形图案。有利于降低用户获取信息的成本。
总而言之，本发明可以通过可视化图表的方式向用户提供目标数据于特定时间段内的变化趋势，从而降低用户获取信息的成本。
相应的，本发明还提供一种基于信息展示页面的人机交互装置，应用于终端。图3是对应于图1所述人机交互方法的人机交互装置的结构示意图。所述人机装置100包括：101交互模块、102绘制模块及103切换模块。所述101交互模块用以响应于一第一触控指令，于所述终端上显示第一用户界面。所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面。所述绘制模块102用以绘制与各目标数据一一对应的柱形图案并基于所述各目标数据的数值等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面。所述切换模块103用以响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。本实施例中包含了与上述方法的各个步骤相对应的功能模块，各模块的功能与上述方法的具体步骤相对应，其具体的作用可以参照上文的方法部分相应的描述。当然，本实施例并没有对各个模块进行穷尽示例说明，例如，所述切换模块中当然还应该包括用以实施步骤S131至S134的各个具体的功能模块。总而言之，本发明可以通过可视化图表的方式向用户提供目标数据于特定时间段内的变化趋势，从而降低用户获取信息的成本。
基于与上述方法相同的构思，本实施例还提供另一种基于信息展示页面的人机交互方法，应用于终端。图4是本发明另一实施例中基于信息展示页面的人机交互方法的流程图。如图4所示，所述方法包括：
S210，响应于一第一触控指令，于所述终端上显示第一用户界面。所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面。其中，所述于所述终端上显示第一用户界面包括：获取若干预设区间内的目标数据。以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面。
具体地，所述第一信息展示页面包括若干第一子页面，所述以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面包括：
以第一维度对各预设区间内的目标数据进行分别排序，以生成若干与各预设区间一一对应的第一子页面。其中，所述第一信息展示页面可以显示：以若干表格形式根据日期排布的机票数据。每一表格可以包含一个月的机票数据，此时，预设区间即为一个月。当然，此处仅为示例性描述，本发明的实施方式当然不限于此。
S220，确定一区间长度，所述区间长度小于所述预设区间的长度。
具体地，所述确定一区间长度可以包括：
响应于对两目标数据的选定操作，以该两目标数据作为一目标子区间的两端，以该目标子区间的长度作为所述区间长度。比如，所述目标子区间可以为某个月的连续某几天。所述区间长度即为该时间段内的天数。
S230，基于所述区间长度，将所述预设区间划分为多个等长的子区间。例如，按照相同的天数，将某个月划分为多个子区间。
S240，计算各子区间两端的目标数据的数值之和。例如，将子区间两端的具体两个日期作为行程中往返的两天，这具体两个日期的机票价格相加，即为往返的机票价格。
S250，绘制与所述多个子区间一一对应的柱形图案并基于所述数值之和等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面。至于柱形图的宽度，当然可以一致，也可以有所区别。由此，将可以将某个时间段内的目标数据(例如机票价格)的变化趋势通过柱状图的形式直观地展示出来，有利于降低用户获取信息的成本。
S260，响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。例如，触发所述第二控件可以直接查看目标数据(例如机票价格)在某一时间段内的变化趋势，有利于降低用户获取信息的成本。
具体地，所述第二信息展示页面可以包括若干第二子页面，所述绘制与所述多个子区间一一对应的柱形图案并基于所述数值之和等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面可以包括：
基于所述若干预设区间对已绘制的柱形图案进行划分，以生成若干与各第一子页面一一对应的第二子页面。也即，不同的第二子页面显示不同区间(可以为不同月份)内的目标数据(例如机票价格)的变化趋势。
总而言之，本发明可以通过可视化图表的方式向用户提供目标数据于特定时间段内的变化趋势，从而降低用户获取信息的成本。
图5是图4所示人机交互方法中部分具体的流程图。如图4所示，所述将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面可以包括：
S261，基于所述目标子区间，确定所述第一信息展示页面的当前第一子页面。例如根据选定的某个具体日期，确定该具体日所属的月份。
S262，基于所述当前第一子页面确定相应的目标第二子页面。由于第一子页面与所述第二子页面都是基于所述预设区间进行划分的。那么，两者之间自然存在对应关系。
S263，将所述第一信息展示页面由所述当前第一子页面直接切换至所述目标第二子页面并突出显示与所述目标子区间相对应的柱形图案。有利于降低用户获取信息的成本。
本发明可以通过可视化图表的方式向用户提供目标数据于特定时间段内的变化趋势，从而降低用户获取信息的成本。
此外，所述第一用户界面还可以显示有若干与各第二子页面一一对应的第二子控件。所述方法还可以包括：
响应于对一目标第二子控件的触发操作，将当前第二子页面切换至与所述目标第二子控件相对应的第二子页面。由此进一步降低用户获取信息的成本。
相应的，本发明还提供另一种基于信息展示页面的人机交互装置，应用于终端。图6是对应于图4所述人机交互方法的人机交互装置的结构示意图。如图6所示，所述人机交互装置200包括：交互模块201、确定模块202、划分模块203、计算模块204、绘制模块205及切换模块206。所述交互模块201用以响应于一第一触控指令，于所述终端上显示第一用户界面。所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面。所述确定模块202用以确定一区间长度，所述区间长度小于所述预设区间的长度。所述划分模块203用以基于所述区间长度，将所述预设区间划分为多个等长的子区间。所述计算模块204用以计算各子区间两端的目标数据的数值之和。所述绘制模块205用以绘制与所述多个子区间一一对应的柱形图案并基于所述数值之和等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面。所述切换模块206用以响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。本实施例中包含了与上述方法的各个步骤相对应的功能模块，各模块的功能与上述方法的具体步骤相对应，其具体的作用可以参照上文的方法部分相应的描述。当然，本实施例并没有对各个模块进行穷尽示例说明，例如，所述切换模块中当然还应该包括用以实施步骤S261至S263的各个具体的功能模块。总而言之，本发明可以通过可视化图表的方式向用户提供目标数据于特定时间段内的变化趋势，从而降低用户获取信息的成本。
在本发明的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被例如处理器执行时可以实现上述任意一个实施例中所述基于信息展示页面的人机交互方法。在一些可能的实施方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述的基于信息展示页面的人机交互方法。
图7是本发明一实施例中计算机可读存储介质的结构示意图。图7描述了根据本发明的实施方式的用于实现上述方法的程序产品600，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
所述程序产品600可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
所述计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。本发明可以使应用实现跨平台动态更新，突破APP应用市场的版本发布周期限制、快速修复线上问题，以满足业务快速迭代需求。
在本发明的示例性实施例中，还提供一种电子设备，该电子设备可以包括处理器，以及用于存储所述处理器的可执行指令的存储器。其中，所述处理器配置为经由执行所述可执行指令来执行上述任意一个实施例中所述基于信息展示页面的人机交互方法。
所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。
下面参照图8来描述根据本发明的这种实施方式的电子设备400。图8显示的电子设备400仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图8所示，电子设备400以通用计算设备的形式表现。电子设备400的组件可以包括但不限于：至少一个处理单元410、至少一个存储单元420、连接不同系统组件(包括存储单元420和处理单元410)的总线430、显示单元440等。
其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元410执行，使得所述处理单元410执行本说明书上述基于信息展示页面的人机交互方法。例如，所述处理单元410可以执行如图1、2、4、5中所示的步骤。
所述存储单元420可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)4201和/或高速缓存存储单元4202，还可以进一步包括只读存储单元(ROM)4203。
所述存储单元420还可以包括具有一组(至少一个)程序模块4205的程序/实用工具4204，这样的程序模块4205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线430可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备400也可以与一个或多个外部设备500(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备400交互的设备通信，和/或与使得该电子设备400能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口450进行。并且，电子设备400还可以通过网络适配器460与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。网络适配器460可以通过总线430与电子设备400的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备400使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本发明实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、或者网络设备等)执行根据本发明实施方式的上述基于信息展示页面的人机交互方法。
以上内容是结合具体的优选实施方式对本发明所作的进一步详细说明，不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干简单推演或替换，都应当视为属于本发明的保护范围。

Claims (9)

1.一种基于信息展示页面的人机交互方法，应用于终端，其特征在于，所述方法包括：
响应于一第一触控指令，于所述终端上显示第一用户界面；所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面；所述于所述终端上显示第一用户界面包括：获取若干预设区间内的目标数据；以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面；
确定一区间长度，所述区间长度小于所述预设区间的长度；
基于所述区间长度，将所述预设区间划分为多个等长的子区间；
计算各子区间两端的目标数据的数值之和；
绘制与所述多个子区间一一对应的柱形图案并基于所述数值之和等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面；
响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。
2.根据权利要求1所述的方法，其特征在于，所述确定一区间长度包括：
响应于对两目标数据的选定操作，以该两目标数据作为一目标子区间的两端，以该目标子区间的长度作为所述区间长度。
3.根据权利要求2所述的方法，其特征在于，所述第一信息展示页面包括若干第一子页面，所述以一第一维度对各预设区间内的目标数据进行分别排序,以生成所述第一信息展示页面包括：
以第一维度对各预设区间内的目标数据进行分别排序，以生成若干与各预设区间一一对应的第一子页面。
4.根据权利要求3所述的方法，其特征在于，所述第二信息展示页面包括若干第二子页面，所述绘制与所述多个子区间一一对应的柱形图案并基于所述数值之和等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面包括：
基于所述若干预设区间对已绘制的柱形图案进行划分，以生成若干与各第一子页面一一对应的第二子页面。
5.根据权利要求4所述的方法，其特征在于，所述将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面包括：
基于所述目标子区间，确定所述第一信息展示页面的当前第一子页面；
基于所述当前第一子页面确定相应的目标第二子页面；
将所述第一信息展示页面由所述当前第一子页面直接切换至所述目标第二子页面并突出显示与所述目标子区间相对应的柱形图案。
6.根据权利要求4所述的方法，其特征在于，所述第一用户界面还显示有若干与各第二子页面一一对应的第二子控件；所述方法还包括：
响应于对一目标第二子控件的触发操作，将当前第二子页面切换至与所述目标第二子控件相对应的第二子页面。
7.一种基于信息展示页面的人机交互装置，应用于终端，其特征在于，应用于权利要求1所述的基于信息展示页面的人机交互方法，所述人机交互装置包括：
交互模块，用以响应于一第一触控指令，于所述终端上显示第一用户界面；所述第一用户界面上显示有第一控件、第二控件以及与所述第一控件对应的第一信息展示页面；
确定模块，用以确定一区间长度，所述区间长度小于所述预设区间的长度；
划分模块，用以基于所述区间长度，将所述预设区间划分为多个等长的子区间；
计算模块，用以计算各子区间两端的目标数据的数值之和；
绘制模块，用以绘制与所述多个子区间一一对应的柱形图案并基于所述数值之和等比例确定各柱形图案的高度，以生成对应于所述第二控件的第二信息展示页面；
切换模块，用以响应于对所述第二控件的触发操作，将所述第一用户界面上的所述第一信息展示页面切换为所述第二信息展示页面。
8.一种存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行：
如权利要求1至6中任一项所述的方法。
9.一种电子设备，其特征在于，所述电子设备包括：
处理器；
存储介质，其上存储有计算机程序，所述计算机程序被所述处理器运行时执行：
如权利要求1至6中任一项所述的方法。
CN202010267178.8A 2020-04-07 2020-04-07 人机交互方法、装置、存储介质及电子设备 Active CN111488089B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010267178.8A CN111488089B (zh) 2020-04-07 2020-04-07 人机交互方法、装置、存储介质及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010267178.8A CN111488089B (zh) 2020-04-07 2020-04-07 人机交互方法、装置、存储介质及电子设备

Publications (2)

Publication Number Publication Date
CN111488089A CN111488089A (zh) 2020-08-04
CN111488089B true CN111488089B (zh) 2021-08-24

Family

ID=71794740

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010267178.8A Active CN111488089B (zh) 2020-04-07 2020-04-07 人机交互方法、装置、存储介质及电子设备

Country Status (1)

Country Link
CN (1) CN111488089B (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112083856B (zh) * 2020-08-18 2022-01-18 珠海格力电器股份有限公司 多页面参数查看处理方法、装置、终端及电器设备
CN112015415B (zh) * 2020-08-27 2022-12-06 罗普特科技集团股份有限公司 一种屏幕页面配置和展示方法和装置
CN112596835A (zh) * 2020-12-23 2021-04-02 深圳集智数字科技有限公司 一种页面中显示阶梯数据的方法、装置、设备及介质
CN113239673A (zh) * 2021-05-28 2021-08-10 北京有竹居网络技术有限公司 图表切换方法、装置、存储介质及电子设备
CN114168050A (zh) * 2021-12-03 2022-03-11 北京有竹居网络技术有限公司 图表展示方法、装置、可读介质及电子设备

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104571862A (zh) * 2014-12-30 2015-04-29 北京奇虎科技有限公司 一种移动终端页面中展示数据的方法和装置
CN105718184A (zh) * 2014-12-05 2016-06-29 北京搜狗科技发展有限公司 一种数据处理方法和装置
CN107305569A (zh) * 2016-04-21 2017-10-31 北京搜狗科技发展有限公司 一种信息处理方法及装置
CN107491240A (zh) * 2017-08-14 2017-12-19 上海携程商务有限公司 基于动态图标的旅行下单方法、系统、设备及存储介质
CN108268559A (zh) * 2017-01-04 2018-07-10 阿里巴巴集团控股有限公司 基于票务搜索的信息提供方法和装置
CN109766368A (zh) * 2018-11-14 2019-05-17 国云科技股份有限公司 一种基于Hive的数据查询多类型视图产出系统及方法
CN110083282A (zh) * 2019-04-26 2019-08-02 腾讯科技（深圳）有限公司 基于信息展示页面的人机交互方法、装置、终端及介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150261859A1 (en) * 2014-03-11 2015-09-17 International Business Machines Corporation Answer Confidence Output Mechanism for Question and Answer Systems
CN107464134A (zh) * 2017-07-10 2017-12-12 广东华联建设投资管理股份有限公司 一种多维度材料价格对比分析及可视化展现方法
CN109684387B (zh) * 2018-12-24 2021-03-09 成都四方伟业软件股份有限公司 报表生成方法及装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105718184A (zh) * 2014-12-05 2016-06-29 北京搜狗科技发展有限公司 一种数据处理方法和装置
CN104571862A (zh) * 2014-12-30 2015-04-29 北京奇虎科技有限公司 一种移动终端页面中展示数据的方法和装置
CN107305569A (zh) * 2016-04-21 2017-10-31 北京搜狗科技发展有限公司 一种信息处理方法及装置
CN108268559A (zh) * 2017-01-04 2018-07-10 阿里巴巴集团控股有限公司 基于票务搜索的信息提供方法和装置
CN107491240A (zh) * 2017-08-14 2017-12-19 上海携程商务有限公司 基于动态图标的旅行下单方法、系统、设备及存储介质
CN109766368A (zh) * 2018-11-14 2019-05-17 国云科技股份有限公司 一种基于Hive的数据查询多类型视图产出系统及方法
CN110083282A (zh) * 2019-04-26 2019-08-02 腾讯科技（深圳）有限公司 基于信息展示页面的人机交互方法、装置、终端及介质

Also Published As

Publication number Publication date
CN111488089A (zh) 2020-08-04

Similar Documents

Publication Publication Date Title
CN111488089B (zh) 人机交互方法、装置、存储介质及电子设备
CN108388598B (zh) 电子装置、数据存储方法及存储介质
CN107608747B (zh) 表单系统的构建方法、装置、电子设备、存储介质
US9772861B2 (en) Accessing operating system elements via a tag cloud
CN104571016A (zh) 核电站dcs可视化运维操作方法和系统
CN108491304B (zh) 电子装置、业务系统风险控制方法及存储介质
CN114116441A (zh) 一种ui界面测试方法、装置、电子设备及存储介质
CN112631474B (zh) 页面中元素移动方法和装置、介质、设备
CN111724226A (zh) 信息展示方法、系统、电子设备及存储介质
US20160132128A1 (en) Inputting Radical On Touch Screen Device
CN109828885B (zh) RocketMQ内存监控方法、装置、电子设备及存储介质
CN114138397A (zh) 页面显示方法、装置、电子设备及存储介质
CN110321125B (zh) 单元格的数据配置方法、数据配置装置及可读存储介质
CN103077104A (zh) 一种片上系统的验证方法、装置和系统
CN108415656B (zh) 虚拟场景中的显示控制方法、装置、介质及电子设备
CN111553711A (zh) 订单赔付方案的配置方法、系统、电子设备和介质
CN110716949A (zh) 结构化查询语句自动优化方法、装置、介质及电子设备
CN112988000B (zh) 页面跳转方法、系统、设备及存储介质
Khamaj Towards an enhanced user experience with critical system interfaces in middle-eastern countries: a case study of usability evaluation of Saudi Arabia's weather interface system (Arsad)
CN114329273B (zh) 气泡宽度的确定方法、装置、电子设备及计算机存储介质
CN116893772B (zh) 一种组件控制方法、装置、电子设备及存储介质
US9733783B1 (en) Controlling a user interface
CN110928470B (zh) 一种签名框展示方法、装置、电子设备及存储介质
CN116339584A (zh) 一种翻页方法、可读存储介质及电子设备
CN113568539A (zh) 一种列表显示方法、装置、设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant