[go: up one dir, main page]

CN111857911A - 多级页面动态显示方法、装置、电子设备及存储介质 - Google Patents

多级页面动态显示方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN111857911A
CN111857911A CN202010622028.4A CN202010622028A CN111857911A CN 111857911 A CN111857911 A CN 111857911A CN 202010622028 A CN202010622028 A CN 202010622028A CN 111857911 A CN111857911 A CN 111857911A
Authority
CN
China
Prior art keywords
interface
displayed
target
level
preset
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.)
Pending
Application number
CN202010622028.4A
Other languages
English (en)
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.)
Weimin Insurance Agency Co Ltd
Original Assignee
Weimin Insurance Agency 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 Weimin Insurance Agency Co Ltd filed Critical Weimin Insurance Agency Co Ltd
Priority to CN202010622028.4A priority Critical patent/CN111857911A/zh
Publication of CN111857911A publication Critical patent/CN111857911A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例提供了一种多级页面动态显示方法、装置、电子设备及存储介质,所述方法包括:在显示界面展示多级界面中的任一级目标界面过程中,若检测到对目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于目标对象确定目标界面对应的下一级待展示界面;获取下一级待展示界面的展示方式;根据展示方式,对目标界面中的元素及预设对象进行调整,以展示下一级待展示界面。应用该方法,通过设置图案或文字的形式指导用户完成问题选项的选择,提升对用户进行问题调查时的用户体验,通过设置界面的不同展示方式,再通过元素及预设对象的调整实现界面的切换,实现不同动态效果的展示,提高用户对界面问题、选项及其相关图案或文字的关注度。

Description

多级页面动态显示方法、装置、电子设备及存储介质
技术领域
本申请涉及互联网技术领域,尤其涉及一种多级页面动态显示方法、装置、电子设备及存储介质。
背景技术
随着计算机技术的发展,用户使用计算机产生的数据与日俱增。尤其是随着各类APP和各类公众号的增多,通过问答的形式对用户进行调查的应用也越来越多,随之出现了许多智能问答程序。
目前,现有的各类问答程序的答案展示普遍是简单的问答类型展示,不同的问题答案类型都是相同的,例如,一个问题下设几个选项供用户选择,对于选项的展示以及不同问题之间的切换,没有内容扩展,无法多方面、深层次的指引用户找到需要的答案内容,使得用户的体验效果较差。
发明内容
本申请实施例的目的在于提供一种多级页面动态显示方法、装置、电子设备及存储介质,以实现在多级界面展示过程中展示不同的动态效果,提高用户对界面问题、选项及其相关图案或文字的关注度的有益效果。具体技术方案如下:
本申请提供一种多级页面动态显示方法,所述方法包括:
在显示界面展示多级界面中的任一级目标界面过程中,若检测到对所述目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述目标界面对应的下一级待展示界面,其中,所述目标界面为非最后一级界面,所述预设对象包括具有用户交互功能的组件;
获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案和/或文字;
根据所述展示方式,对所述目标界面中的元素及预设对象进行调整,以展示所述下一级待展示界面。
本申请提供一种多级页面动态显示方法,应用于测试场景,所述方法包括:
所述测试场景包括至少两个维度,每一维度包括至少一级预设界面,且所述预设界面中多个预设对象对应不同的下一级待展示界面;所述下一级待展示界面与所述预设界面属于同一维度,或者,所述下一待展示页面与所述预设界面不属于同一维度;
多级所述预设界面包含顺序信息节点,在显示界面根据所述顺序信息节点展示初始界面;其中,所述初始界面为非最后一级界面;
若检测到对所述初始界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述初始界面对应的下一级待展示界面;
获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案和/或文字;
根据所述展示方式,对所述初始界面中的元素及预设对象进行调整,以展示所述下一级待展示界面;
根据所述顺序信息节点和目标对象的触发操作展示对应的目标界面,直至目标界面为最后一级界面,根据所述最后一级界面上的目标对象确定测试结果并进行显示。
本申请提供一种多级页面动态显示装置,所述装置包括:
界面确定模块,用于在显示界面展示多级界面中的任一级目标界面过程中,若检测到对所述目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述目标界面对应的下一级待展示界面,其中,所述目标界面为非最后一级界面,所述预设对象包括具有用户交互功能的组件;
获取模块,用于获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案和/或文字;
调整模块,用于根据所述展示方式,对所述目标界面中的元素及预设对象进行调整,以展示所述下一级待展示界面。
本申请提供一种多级页面动态显示装置,应用于测试场景,所述测试场景包括至少两个维度,每一维度包括至少一级预设界面,且所述预设界面中多个预设对象对应不同的下一级待展示界面;所述下一级待展示界面与所述预设界面属于同一维度,或者,所述下一待展示页面与所述预设界面不属于同一维度;多级所述预设界面包含顺序信息节点,所述装置包括:
第一展示模块,用于在显示界面根据所述顺序信息节点展示初始界面;其中,所述初始界面为非最后一级界面;
界面确定模块,用于若检测到对所述初始界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述初始界面对应的下一级待展示界面;
获取模块,用于获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案和/或文字;
调整模块,用于根据所述展示方式,对所述初始界面中的元素及预设对象进行调整,以展示所述下一级待展示界面;
第二展示模块,用于根据所述顺序信息节点和目标对象的触发操作展示对应的目标界面,直至目标界面为最后一级界面,根据所述最后一级界面上的目标对象确定测试结果并进行显示。
本申请提供了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现上述各种可选实现方式中提供的方法。
本申请提供一种存储介质,所述存储介质中存储有计算机指令,当其在计算机上运行时,使得计算机执行上述各种可选实现方式中提供的方法。
本申请提供一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。电子设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该电子设备执行上述各种可选实现方式中提供的方法。
本申请实施例提供的技术方案,在显示界面展示多级界面中的任一级目标界面过程中,若检测到对所述目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述目标界面对应的下一级待展示界面,获取所述下一级待展示界面的展示方式,根据所述展示方式,对所述目标界面中的元素及预设对象进行调整,以展示所述下一级待展示界面,通过设置图案或文字的形式指导用户完成问题选项的选择,提升对用户进行问题调查时的用户体验;通过设置界面的不同展示方式,再通过元素及预设对象的调整实现界面的切换,相比于简单的界面切换,在展示过程中展示不同的动态效果,提高了用户对界面问题、选项及其相关图案或文字的关注度。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例中示出的一种多级页面动态显示方法的实施流程示意图;
图2为本申请实施例中示出的一种多级界面及界面间级联顺序的示意图;
图3为本申请实施例中示出的一种目标界面的示意图;
图4为本申请实施例中示出的一种下一级待展示界面的示意图;
图5为本申请实施例中示出的一种将设置于目标界面中的元素及除目标对象以外的其他预设对象移出目标界面后的一种效果示意图;
图6为本申请实施例中示出的一种将目标对象对应的元素设置为采用弹幕的形式进行动态展示的示意图;
图7为本申请实施例中示出的一种将目标对象对应的元素设置为采用浮窗的形式进行动态展示的示意图;
图8为本申请实施例中示出的一种将设置于目标界面中的元素及除目标对象以外的其他预设对象移出目标界面时的效果示意图;
图9为本申请实施例中示出的另一种将设置于目标界面中的元素及除目标对象以外的其他预设对象移出目标界面时的效果示意图;
图10为本申请实施例中示出的一种将下一级待展示界面对应的元素及预设对象移入目标界面时的效果示意图;
图11为本申请实施例中示出的一种不同维度的测试问题及答案之间逻辑关系的示意图;
图12A为本申请实施例中示出的一种测试应用加载界面的示意图;
图12B为本申请实施例中示出的一种测试应用首页的示意图;
图12C为本申请实施例中示出的一种引导界面的示意图;
图12D为本申请实施例中示出的另一种引导界面的示意图;
图13为本申请实施例中示出的另一种多级页面动态显示方法的实施流程示意图;
图14为本申请实施例中示出的一种生活问题对应界面的示意图;
图15A为本申请实施例中示出的一种家庭问题1对应界面的示意图;
图15B为本申请实施例中示出的一种家庭问题2对应界面的示意图;
图15C为本申请实施例中示出的一种由图14所示界面过渡至图15A所示界面过程中的示意图之一;
图15D为本申请实施例中示出的一种由图14所示界面过渡至图15A所示界面过程中的示意图之二;
图15E为本申请实施例中示出的一种由图14所示界面过渡至图15B所示界面过程中的示意图之一;
图15F为本申请实施例中示出的一种由图14所示界面过渡至图15B所示界面过程中的示意图之二;
图16A为本申请实施例中示出的一种工作问题1对应界面的示意图;
图16B为本申请实施例中示出的一种工作问题2对应界面的示意图;
图16C为本申请实施例中示出的一种由图15A所示界面过渡至图16A所示界面过程中的示意图之一;
图16D为本申请实施例中示出的一种由图15A所示界面过渡至图16A所示界面过程中的示意图之二;
图16E为本申请实施例中示出的一种由图15A所示界面过渡至图16B所示界面过程中的示意图之一;
图16F为本申请实施例中示出的一种由图15A所示界面过渡至图16B所示界面过程中的示意图之二;
图17A为本申请实施例中示出的一种工作问题3对应界面的示意图;
图17B为本申请实施例中示出的一种工作问题4对应界面的示意图;
图17C为本申请实施例中示出的一种由图15B所示界面过渡至图17A所示界面过程中的示意图之一;
图17D为本申请实施例中示出的一种由图15B所示界面过渡至图17B所示界面过程中的示意图之一;
图17E为本申请实施例中示出的一种由图15B所示界面过渡至图17B所示界面过程中的示意图之二;
图18A为本申请实施例中示出的一种测试结果1对应的界面示意图;
图18B为本申请实施例中示出的一种测试结果2对应的界面示意图;
图18C为本申请实施例中示出的一种测试结果3对应的界面示意图;
图18D为本申请实施例中示出的一种测试结果4对应的界面示意图;
图18E为本申请实施例中示出的一种测试结果5对应的界面示意图;
图18F为本申请实施例中示出的一种测试结果6对应的界面示意图;
图18G为本申请实施例中示出的一种测试结果7对应的界面示意图;
图18H为本申请实施例中示出的一种测试结果8对应的界面示意图;
图19为本申请实施例中示出的一种多级页面动态显示装置的结构示意图;
图20为本申请实施例中示出的另一种多级页面动态显示装置的结构示意图;
图21为本申请实施例中示出的一种电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请的一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。
如图1所示,为本申请实施例中示出的一种多级页面动态显示方法的实施流程示意图,该方法具体可以包括以下步骤:
S101,在显示界面展示多级界面中的任一级目标界面过程中,若检测到对目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于目标对象确定目标界面对应的下一级待展示界面。
其中,多级界面是指具有级联关系的多个界面,在显示界面上展示多级界面时,可按照级联顺序依次进行界面展示。如图2所示,为多级界面及界面间级联顺序的示意图。
在图2所示例的多级界面中,共包括4级界面,分别为:第一级界面:界面20;第二级界面:界面21、界面22;第三级界面:界面211、界面212、界面221、界面222;第四级界面:界面2111、2112、界面2121、界面2122、界面2211、界面2212、界面2221、界面2222。在展示图2所示例的多级界面时,可按照以下8种级联顺序之一进行界面展示:
界面20-界面21-界面211-界面2111;界面20-界面21-界面211-界面2112;界面20-界面21-界面212-界面2121;界面20-界面21-界面212-界面2122;界面20-界面22-界面221-界面2211;界面20-界面22-界面221-界面2212;界面20-界面22-界面222-界面2221;界面20-界面22-界面222-界面2222。
目标界面是指当前在显示界面上展示的,多级界面中的非最后一级界面,比如图2中除界面2111、2112、2121、2122、2211、2212、2221、2222以外的其他各界面。
在一实施例中,任一级目标界面上可包括多个预设对象和元素。其中,预设对象包括具有用户交互功能的组件,可选的,这里的用户交互功能是指,用户通过触发预设对象可实现界面跳转,即,用户通过触发预设对象可实现将显示界面由目标界面跳转至下一级界面。元素则包括图案、文字中的至少一种,以展示界面内容。如图3所示,为目标界面的示意图。
作为一个可选的实现方式,在任一级目标界面展示过程中,将设置于每级目标界面上的预设对象对应的元素进行动态展示,比如图3中,对象1对应的星星形状的元素动态闪烁,圆圈形状的元素动态浮动。通过该种处理,可以增强用户的触发欲望。
需要说明的是,图3仅以目标界面上包括2个预设对象为例,在实际应用中,目标界面上可以包括3个、4个,甚至更多的预设对象,本申请对此不做具体限定。
目标对象则是指触发操作所针对的预设对象。可选的,触发操作为点击操作、双击操作。比如,若用户点击图3所示目标界面中的对象1,则对象1为目标对象。
在本申请实施例中,在显示界面展示多级界面中的任一级目标界面过程中,若检测到对目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于目标对象,在目标界面的下一级界面中确定待展示界面。比如,在显示界面上展示界面20的过程中,若检测到对界面20中对象1的触发操作,则将界面21确定为下一级待展示界面;若检测到对界面20中对象2的触发操作,则将界面22确定为下一级待展示界面。
作为一个可选的实现方式,可预先构建对象标识和界面标识的关系图,可选的,该关系图可采用树形结构。基于此,若检测到对目标界面中多个预设对象中至少一个目标对象的触发操作时,则先确定目标对象对应的对象标识(以下称目标对象标识),然后从上述关系图中确定与目标对象标识对应的界面作为下一级待展示界面。
S102,获取下一级待展示界面的展示方式。
这里,展示方式包括元素以及预设对象。
S103,根据展示方式,对目标界面中的元素及预设对象进行调整,以展示下一级待展示界面。
在一实施例中,在执行完S102获取下一级待展示界面的展示方式之后,并非直接根据下一级待展示界面的展示方式将显示界面由目标界面跳转至该下一级待展示界面,而是以动画过渡的形式,逐渐调整目标界面中的元素及预设对象,以实现逐渐地将显示界面由目标界面跳转至下一级待展示界面,如图4所示,为下一级待展示界面的示意图。通过该种处理,可以提高用户的视觉体验。
上述调整目标界面中的元素及预设对象包括:将设置于目标界面中的元素及预设对象移出目标界面,将下一级待展示界面对应的元素及预设对象移入目标界面。待完成将下一级待展示界面对应的元素及预设对象移入目标界面时,则实现在显示界面展示该下一级待展示界面。
作为一个可选的实现方式,可以首先将设置于目标界面中的元素及预设对象移出目标界面,在将设置于目标界面中的元素及预设对象移出目标界面之后,再将下一级待展示界面对应的元素及预设对象移入目标界面,以实现在显示界面上展示该下一级待展示界面。
作为另一个可选的实现方式,可以在将设置于目标界面中的元素及预设对象移出目标界面的同时,将下一级待展示界面对应的元素及预设对象移入目标界面,以实现在显示界面上展示该下一级待展示界面。
以上对根据展示方式对目标界面中的元素及预设对象进行调整的整体过程进行了说明,下面分别对将设置于目标界面中的元素及预设对象移出目标界面,和将下一级待展示界面对应的元素及预设对象移入目标界面的过程进行说明:
首先,对将设置于目标界面中的元素及预设对象移出目标界面的过程进行说明:
在一实施例中,预先创建出目标界面对应的元素及预设对象,将创建出的元素及预设对象存储于容器中,这里的容器包括队列、堆栈等。在显示目标界面时,则从上述容器中获取目标界面对应的元素及预设对象,并将获取到的元素及预设对象存储于超文本标记语言文件中。基于此,在将设置于目标界面中的元素及预设对象移出目标界面时,通过层叠样式表动画将待移出目标界面的元素及预设对象移出目标界面,然后从上述超文本标记语言文件中确定并删除目标界面的元素及预设对象。
作为一个可选的实现方式,可以首先将设置于目标界面中的元素及除目标对象以外的其他预设对象移出目标界面,在将设置于目标界面中的元素及除目标对象以外的其他预设对象移出目标界面之后,再将目标对象移出目标界面。
举例来说,若检测对图3所示目标界面上对象1的触发操作,则先将图3所示目标界面中的元素及对象2移出目标界面,此时得到图5所示例的界面示意图,之后,再将对象2移出目标界面。
可以理解的是,在实际应用中,通过该种处理,不仅可以提高用户的视觉体验,还能够加深用户对自身做出的选择的印象,提高用户体验。
作为另一个可选的实现方式,在将目标对象移出目标界面之前,还可以将目标对象对应的元素移入目标界面。
进一步,为了提高用户的视觉体验,在目标界面展示过程中,将目标对象对应的元素设置动态展示。可选的,将目标对象对应的元素设置为采用弹幕的形式进行动态展示,比如,如图6所示,为将目标对象对应的元素设置为采用弹幕的形式进行动态展示的示意图。或者将目标对象对应的元素设置为采用浮窗的形式进行动态展示,比如,如图7所示,或者,如图16F所示,为将目标对象对应的元素设置为采用浮窗的形式进行动态展示的示意图。
当然,在将目标对象移出目标界面时,可同步将目标对象对应的元素移出目标界面。
可选的,将设置于目标界面中的元素及预设对象(包括目标对象和/或除目标对象以外的其他预设对象)移出目标界面包括:逐级增大设置于目标界面中的元素及预设对象的透明度,直至透明度达到最大值(比如100%)时,则实现将设置于目标界面中的元素及预设对象移出目标界面。如图8所示,为将设置于目标界面中的元素及除目标对象以外的其他预设对象移出目标界面时的一种效果示意图。
可选的,将设置于目标界面中的元素及预设对象(包括目标对象和/或除目标对象以外的其他预设对象)移出目标界面包括:将设置于目标界面上的元素及预设对象按照第一预设方向(比如左下方、右下方、左上方、右上方、左方、右方、上方、下方等方向)进行移动,直至移出目标界面。如图9所示,为将设置于目标界面中的元素及除目标对象以外的其他预设对象移出目标界面时的另一种效果示意图。
其次,对将下一级待展示界面对应的元素及预设对象移入目标界面的过程进行说明:
在一实施例中,由上述描述可知,在对下一级待展示界面进行展示时,首先从上述容器中获取该下一级待展示界面对应的元素及预设对象,然后通过预定义的层叠样式表动画将获取的元素及预设对象移入目标界面,并将移入的元素及预设对象存储于超文本标记语言文件中,这则实现了展示下一级待展示界面。
作为一个可选的实现方式,可先将下一级待展示界面对应的元素移入目标界面,在将下一级待展示界面对应的元素移入目标界面之后,再将下一级待展示界面对应的预设对象移入目标界面。
作为另一个可选的实现方式,可同时将下一级待展示界面对应的元素和预设对象移入目标界面。
可选的,将下一级待展示界面对应的元素和/或预设对象移入目标界面包括:将下一级待展示界面对应的元素和/或预设对象按照第二预设方向(比如显示界面左下方、右下方、左上方、右上方、左方、右方、上方、下方等方向)移入目标界面。
可选的,将下一级待展示界面对应的元素和/或预设对象移入目标界面包括:将下一级待展示界面对应的元素和/或预设对象按照第二预设方向移入目标界面,并在移入过程中将待展示界面对应的元素和/或预设对象进行逐级放大,直至放大至预设尺寸。如图10所示,为将下一级待展示界面对应的元素及预设对象移入目标界面时的一种效果示意图。
至此,完成图1所示流程的描述。
由图1所示流程可见,在显示界面展示多级界面中的任一级目标界面过程中,若检测到对所述目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述目标界面对应的下一级待展示界面,获取所述下一级待展示界面的展示方式,根据所述展示方式,对所述目标界面中的元素及预设对象进行调整,以展示所述下一级待展示界面,实现了设置图案或文字的形式指导用户完成问题选项的选择,提升对用户进行问题调查时的用户体验;通过设置界面的不同展示方式,再通过元素及预设对象的调整实现界面的切换,相比于简单的界面切换,在展示过程中展示不同的动态效果,提高了用户对界面问题、选项及其相关图案或文字的关注度。
为了更好地理解本申请实施例提供的多级页面动态显示方法,以下结合具体的应用场景对该方法进行说明:
作为一个示例,本申请实施例提供的多级页面动态显示方法应用于测试场景,比如心理测试场景,在心理测试场景下,可从多个维度对用户的心理特点进行分析,使得测试结果更为真实可靠,其中,在测试过程中展示不同动态效果,提高动态信息的关注度及动态信息显示的多样化。
在一实施例中,测试场景包括至少两个维度,比如包括生活、工作、家庭三个维度,对于每一维度设置有若干个测试问题,每一测试问题可在界面上进行展示,进一步,对于每一测试问题设置有至少两个答案,以供用户选择。在应用中,对于同一测试问题,用户前后两次选择不同的答案,对应的下一测试问题不同,最终得到的测试结果也不同。如图11所示,为不同维度的测试问题及答案之间逻辑关系的示意图。
进一步,下一测试问题不同则意味着待展示的界面不同。换言之,测试场景中的每一维度包括至少一级预设界面,预设界面中的多个预设对象对应不同的下一级待展示界面。
可选的,下一级待展示界面与当前展示的预设界面属于同一维度,或者,下一待展示页面与当前展示的预设界面不属于同一维度。
上述多级预设界面包含顺序信息节点,该顺序信息节点则定义了不同级界面的展示顺序。
在一实施例中,在初始测试时,在显示界面根据顺序信息节点展示上述多级界面中的首级界面(以下称初始界面)。当然,该初始界面为非最后一级界面。
在一实施例中,为了更好的营造符合测试主题的场景氛围,在初始测试时,可先在显示界面上顺次展示测试首页以及引导界面。待引导界面展示完毕后,再在显示界面上展示上述初始界面。进一步,由于在实际应用中,用户进行测试时,电子设备(比如智能手机、电脑、PAD等)通常需要先加载测试应用,这也就意味着从用户启动测试应用到开始进行测试需要等待一段时间。在该段时间里,为了提升用户体验,可先在显示界面上展示加载界面。如图12A所示,为测试应用加载界面的示意图。
在一个可选的实现方式中,加载界面上的内容与测试主题相关联,以更好的引导用户情绪。举例来说,假设测试主题为“如果2020年可以重来,你的生活会被改变吗”,则图12A中包括一个时钟,并将该时钟设置为指针逆时针旋转,以营造时光倒流的氛围。
在测试应用加载完成之后,将在显示界面上显示测试应用首页,以向用户展示测试主题。如图12B所示,为测试应用首页的示意图。
在测试应用首页展示完成之后,则跳转到引导界面。即,在显示界面根据顺序信息节点展示初始目标界面之前,根据预设内容动态展示与测试主题相关的引导界面,该引导界面为至少两帧图像形成的动画、背景层、音频、文字层渐现的多动态形式中的一种或多种相结合形成的界面;如:人物走路、奔跑gif动态图、背景层(5-10px内的上下区域晃动)、配合音乐BGM、音效、配音等中的一种或多种相结合形成的界面;其中,至少两帧图像可包含相同元素。如图12C和图12D所示,为引导界面的示意图。其中,将图12C所示界面设置为背景抖动,人物向前方行走或奔跑,同时人物周围物体后移,以表现出穿越时光的效果。将图12D所示界面设置为:闹钟从显示界面上方掉落,至距离显示界面上方预设位置如30px的位置停止,然后闹钟抖动,比如左右抖动设定次数,最后,出现下方文字,提示用户穿越成功,以及目前的时间和事件状态。
可选的,在展示图12C和12D所示界面的同时,还可将电子设备设置为播放对应的音频,如音乐、旁白等,以更好的引导用户情绪。
可选的,上述图12D中闹钟抖动的同时,还可将电子设备设置为播放闹钟报时的音频,比如“叮铃铃……”。
以上对首页和引导界面的展示过程及展示效果进行了说明,下面则对测试场景下测试界面的展示过程及展示效果进行说明:
如图13所示,为本申请实施例中示出的另一种多级页面动态显示方法的实施流程示意图,包括以下步骤:
S1301,在显示界面根据顺序信息节点展示初始界面。
结合图11的举例,生活问题对应的界面则为初始界面。如图14所示,为生活问题对应界面的示意图。
如图14所示,生活问题为:当你回到2020年1月1日,…,你会怎么选择?两个可选答案分别为:选项A,宅在家,报复性存款;选项B,趁着XX…,和朋友疯狂组局。
可选的,将选项A对应的元素,包括图14中的星星形状的图案,圆圈形状的图案进行动态展示,比如星星形状的图案动态闪烁,圆圈形状的图案上下浮动。类似的,将选项B对应的元素,包括图14中的酒杯进行动态展示,比如两只酒杯轻微相碰,并在碰杯后展示上下浮动的气泡。通过该种处理,能够增强用户的选择欲望,提高用户的视觉体验。
S1302,若检测到对初始界面中多个预设对象中至少一个目标对象的触发操作时,则基于目标对象确定初始界面对应的下一级待展示界面。
在图14所示的初始界面中,选项A和选项B则为预设对象。
在一个例子中,若用户选择选项A,即选项A为目标对象,此时基于图11可确定下一级待展示界面为家庭问题1对应的界面。如图15A所示,为家庭问题1对应界面的示意图。
在另一个例子中,若用户选择选项B,即选项B为目标对象,此时基于图11可确定下一级待展示界面为家庭问题2对应的界面。如图15B所示,为家庭问题2对应界面的示意图。
S1303,获取下一级待展示界面的展示方式。
如图15A所示,家庭问题1为:打电话给家人,告知不久后有XX会爆发,需要立刻去…!他们完全没有当回事,你会选…?两个可选答案分别为:选项A,这事不能等,立刻回家;选项B,寄xx物资回家,购买相关保险。
可选的,将选项A对应的元素,包括图15A中文字元素城市→家字样进行动态展示,比如微弱发光。类似的,将选项B对应的元素,包括图15A中的图案元素降落伞图案设置为进行动态展示,比如左右飘动。在该实施例中,初始界面上元素包含预设对象,每一预设对象对应一文字元素和/或图案元素,且每一动态效果不同,通过该种处理,能够增强用户的选择欲望,提高用户的视觉体验。
如图15B所示,家庭问题2为:认识很久,互相喜欢的姑娘,告诉你她最近了解到…,你会选…?两个可选答案分别为:选项A,安排好一切后立刻求婚;选项B,不顾一切阻止她去支援。
可选的,将选项A对应的元素,包括图15B中戒指盒上方的星星图案进行动态展示,比如不断闪烁。类似的,将选项B对应的元素,包括图15B中拥抱的情侣周围的花瓣图案进行动态展示,比如飘动。通过该种处理,能够增强用户的选择欲望,提高用户的视觉体验。
S1304,根据下一级待展示界面的展示方式,对初始界面中的元素及预设对象进行调整,以展示下一级待展示界面。
在一个例子中,若下一级待展示界面为图15A所示界面,则按照以下过程对初始界面中的元素及预设对象进行调整,以展示下一级待展示界面:
首先,如图15C所示,将图14所示初始界面中,除目标对象,即选项A以外的其他预设对象和元素移出初始界面,可选的,可以逐级增大除目标对象以外的其他预设对象和元素的透明度,直至透明度达到最大值时,实现将除目标对象以外的其他预设对象和元素移出初始界面。然后,如图15D所示,将目标对象向左移动,直至将目标对象移出初始界面。与此同时,将下一级待展示界面对应的元素及预设对象从右方移入初始界面,可选的,将下一级待展示界面对应的元素及预设对象设置为在移动过程中逐级放大,直至达到预设尺寸时则实现展示图15A所示界面。
在一个例子中,若下一级待展示界面为图15B所示界面,则按照以下过程对初始界面中的元素及预设对象进行调整,以展示下一级待展示界面:
首先,如图15E所示,将图14所示初始界面中,除目标对象,即选项B以外的其他预设对象和元素移出初始界面。然后,如图15F所示,将目标对象逐级放大,并在放大过程中将两只碰杯的手微微分开。最后,将下一级待展示界面对应的元素及预设对象从下方移入初始界面,直至移动至指定位置时实现展示图15B所示界面。
由上述描述可见,由图14跳转至图15A和图15B时的过渡动画效果并不相同,通过该种处理可以实现用户在第二次进行测试时仍保有新鲜感。
S1305,根据顺序信息节点和目标对象的触发操作展示对应的目标界面,直至目标界面为最后一级界面,根据最后一级界面上的目标对象确定测试结果并进行显示。
由上述描述可见,通过执行S1304以由第一级界面跳转至第二级界面,之后,则可根据顺序信息节点和目标对象的触发操作实现从第二级界面跳转至第三级界面,再由第三级界面跳转至第四级界面。以下则分别对从第二级界面跳转至第三级界面和由第三级界面跳转至第四级界面的展示过程及展示效果进行说明:
首先,对从第二级界面跳转至第三级界面的展示过程及展示效果进行说明:
在一个例子中,若用户在图15A所示界面中选择选项A,即选项A为目标对象,此时基于图11可确定目标界面为工作问题1对应的界面。如图16A所示,为工作问题1对应界面的示意图。
如图16A所示,工作问题1为:假期回去上班后,公司老板察觉出你的异样,约你去他办公室谈话,你觉得老板想和你聊什么?两个可选答案分别为:选项A,公司要减薪裁员;选项B,询问关心你最近发生了什么事。
可选的,将选项A对应的元素,包括图16A中的箭头进行动态展示,比如许多箭头从后面射在一脸愁容的职员背上。类似的,将选项B对应的元素,包括图16A中的两杯咖啡进行动态展示,比如两杯咖啡不断地冒着热气。通过该种处理,能够增强用户的选择欲望,提高用户的视觉体验。
在该例子中,可按照以下过程实现由图15A所示界面跳转至图16A所示界面:
首先,如图16C所示,将图15A所示界面中,除目标对象,即选项A以外的其他预设对象和元素移出界面。然后,根据目标对象确定对应的至少两条弹幕的弹幕内容,以及每一条弹幕的出现顺序、时间及位置。这里,弹幕内容与图15A所示界面对应的测试问题相关联,根据弹幕内容、以及每一条弹幕的出现顺序、时间及位置,对至少两条弹幕进行动态展示。最后,如图16D所示,将目标对象和弹幕一起向上移动,与此同时,将目标界面对应的元素及预设对象从下方移入当前界面,直至移动至指定位置时实现展示图16A所示界面。
根据弹幕内容、以及每一条弹幕的出现顺序、时间及位置,对至少两条弹幕进行动态展示,具体包括以下两种方式:
方式一:弹幕内容以对话框形式,并按照出现顺序、时间及位置进行展示,在预设时间后,弹幕内容同界面上的元素及预设对象按照第一预设方向进行移动,直至移出所述目标界面。
其中,弹幕内容与测试问题强相关的,以此与用户产生共鸣,以带来网络世界虚拟现实化的体验感,同时,弹幕内容以对话框形式进行展示,符合网络世界的常用状态,更为贴近用户在不同平台使用时的状态。
方式二:根据弹幕内容、以及每一条弹幕的出现顺序、时间及位置,按照预设时间动态显示弹幕,呈现出的视觉效果为:界面上时不时有弹幕划过。
由上述描述可见,在将目标界面对应的元素及预设对象移入当前界面之前,先将目标对象对应的元素,比如上述弹幕移入当前界面,并将目标对象对应的元素设置为采用弹幕的形式进行动态展示。
在一个例子中,若用户在图15A所示界面中选择选项B,即选项B为目标对象,此时基于图11可确定目标界面为工作问题2对应的界面。如图16B所示,为工作问题2对应界面的示意图。
如图16B所示,工作问题2为:私交比较好的同事告诉你,……,知道后你会怎么处理?两个可选答案分别为:选项A,默默找机会跳槽;选项B,去股市割韭菜,先充实自己的口袋。
可选的,将选项A对应的元素,包括图16B中手机界面上的招聘APP进行动态展示,比如弹出小红点。类似的,将选项B对应的元素,包括图16B中箭头周围的碎片图案设置为进行动态展示,比如上下浮动。通过该种处理,能够增强用户的选择欲望,提高用户的视觉体验。
在该例子中,可按照以下过程实现由图15A所示界面跳转至图16B所示界面:
首先,如图16E所示,将图15A所示界面中,除目标对象,即选项A以外的其他预设对象和元素移出界面。然后,根据目标对象确定至少一个第一浮窗,该第一浮窗中的文字内容与图15A所示界面对应的测试问题相关联,并根据下一级待展示界面对应的测试问题确定至少一个第二浮窗,该第二浮窗中文字内容与下一级待展示界面对应的测试问题相关联。再然后,如图16F所示,将第一浮窗进行处理,比如放大或缩小,并动态展示第一浮窗,以及当第一浮窗移出到预设位置时,显示第二浮窗。其中,第一浮窗包括图形和文字,具体地,文字可与测试问题相关联,图形不做具体限定,如,在图16F所示界面中,带有箱体的降落伞与文字“保”字样形成第一浮窗,该第一浮窗可从右上角往左下角滑落;带有箱体的降落伞文字“保密”字样形成第二浮窗,当第一浮窗移出到预设位置时,该第二浮窗由底部向上移动。最后,将目标界面对应的元素及预设对象从下方移入当前界面,直至移动至指定位置时实现展示图16B所示界面。
由上述描述可见,在将目标界面对应的元素及预设对象移入当前界面之前,先将目标对象对应的元素以及目标界面对应的元素,比如上述第一浮窗和第二浮窗移入当前界面,并将目标对象对应的元素以及目标界面对应的元素设置为采用浮窗的形式进行动态展示。
在一个例子中,若用户在图15B所示界面中选择选项A,即选项A为目标对象,此时基于图11可确定目标界面为工作问题3对应的界面。如图17A所示,为工作问题3对应界面的示意图。
如图17A所示,工作问题3为:假期回去上班后,…,你会给他什么建议?两个可选答案分别为:选项A,线上化,让老板去开直播卖货;选项B,我和老板不熟,知道也不告诉他。
可选的,将选项A对应的元素进行动态展示,比如将弹幕内容与选项A相关联的弹幕设置为动态划过(图17A中未示出)。类似的,将选项B对应的元素进行动态展示,比如将图17A中的企鹅设置为左右摇头。通过该种处理,能够增强用户的选择欲望,提高用户的视觉体验。
在该例子中,可按照以下过程实现由图15B所示界面跳转至图17A所示界面:
首先,如图17C所示,将图15B所示界面中,除两只手以外的其他文字和图案移出界面,同时两只手牵到一起,并将戒指图案的元素移入界面,以及弹出对话框“我愿意”。然后,如图17C所示,目标界面对应的元素及预设对象从下方移入当前界面,直至移动至指定位置时实现展示图17A所示界面。
在一个例子中,若用户在图15B所示界面中选择选项B,即选项B为目标对象,此时基于图11可确定目标界面为工作问题4对应的界面。如图17B所示,为工作问题4对应界面的示意图。
如图17B所示,工作问题4为:裸辞待业三个月的朋友向你求助,…,你会给他什么建议?两个可选答案分别为:选项A,经济环境不好,建议他继续找工作;选项B,建议他尝试在老家创业。
可选的,将选项A对应的元素进行进行动态展示,比如将图17B中位于上方的企鹅设置为不停地流泪。类似的,将选项B对应的元素进行动态展示,比如将图17B中位于下方的企鹅头巾旁边的小元素设置为闪烁抖动。
在该例子中,可按照以下过程实现由图15B所示界面跳转至图17B所示界面:
首先,如图17D所示,将图15B所示界面中,目标对象,即选项B设置为放大并向左上角移动,同时将选项A设置为与选项B一起向左上角移动,以及,将图15B所示界面中的两只手设置为向上移动。然后,如图17E所示,将目标界面对应的元素及预设对象从右下方移入当前界面,直至移动至指定位置时实现展示图17B所示界面。其中,如图17E所示,当将目标对象向左移动,将下一级待展示界面对应的元素及预设对象移入初始界面,此时会存在重叠部分,随着移动过程,重叠部分逐渐变化,直至将目标对象移出初始界面,下一级待展示界面对应的元素及预设对象达到预设尺寸,通过该种处理方式,使得切换过程更为平滑顺畅,减少界面切换生硬。
以上对从第二级界面跳转至第三级界面的展示过程及展示效果进行了说明,下面则对从第三级界面跳转至第四级界面的展示效果进行说明:
在一个例子中,若用户在图16A所示界面中选择选项A,则基于图11可以确定目标界面为测试结果1对应的界面。如图18A所示,为测试结果1对应的界面示意图。
如图18A所示,测试结果1的文字内容为:如果2020重来,你会将生活的柠檬般酸楚,酿成柠檬汽水味般的甘甜,以点题用户本身的处境,实现将用户往更为乐观的方向进行指引,并通过情感上的共鸣刺激用户进行分享。
在另一个例子中,若用户在图16A所示界面中选择选项B,则基于图11可以确定目标界面为测试结果2的界面。如图18B所示,为测试结果2的界面示意图。
如图18B所示,测试结果2的文字内容为:如果2020重来,基建狂魔会赋予你力量,去做一个力挽狂澜的勇士。以暗示在重要关头,用户可作为一个超级英雄的角色,出现在需要帮助的人身边。实现通过夸赞调动用户情绪来刺激用户进行分享。
在再一个例子中,若用户在图16B所示界面中选择选项A,则基于图11可以确定目标界面为测试结果3的界面。如图18C所示,为测试结果3的界面示意图。
如图18C所示,测试结果3的文字内容为:如果2020重来,愿你在认清生活的真相后,依然热爱它,以实现将用户往更为乐观的方向进行指引,并通过情感上的共鸣刺激用户进行分享。
在又一个例子中,若用户在图16B所示界面中选择选项B,则基于图11可以确定目标界面为测试结果4的界面。如图18D所示,为测试结果4的界面示意图。
如图18D所示,测试结果4的文字内容为:如果2020重来,你身边互相依偎的,还是当初那个ta,以通过美好愿景来与用户产生强共鸣,刺激用户进行分享。
在又一个例子中,若用户在图17A所示界面中选择选项A,则基于图11可以确定目标界面为测试结果5的界面。如图18E所示,为测试结果5的界面示意图。
如图18E所示,测试结果5的文字内容为:如果2020重来,老板会递给你一张船票,和勇敢的同事们共赴非洲希望,以通过反差感并结合时下热点给用户带来有趣的感觉,刺激用户进行分享。
在又一个例子中,若用户在图17A所示界面中选择选项B,则基于图11可以确定目标界面为测试结果6的界面。如图18F所示,为测试结果6的界面示意图。
如图18F所示,测试结果6的文字内容为:如果2020重来,只想做一只咸鱼,躺着也能为社会做贡献,以结合真实状况,通过共情真实生活来和用户产生共鸣,刺激用户进行分享。
在又一个例子中,若用户在图17B所示界面中选择选项A,则基于图11可以确定目标界面为测试结果7的界面。如图18G所示,为测试结果7的界面示意图。
如图18G所示,测试结果7的文字内容为:如果2020重来,诚实面对自己日益增长的年龄,和渐渐秃了的头,以通过“年龄、掉发”等用户痛点来产生社交价值,刺激用户进行分享。
在又一个例子中,若用户在图17B所示界面中选择选项B,则基于图11可以确定目标界面为测试结果8的界面。如图18H所示,为测试结果8的界面示意图。
如图18H所示,测试结果8的文字内容为:如果2020重来,不做城市里漂泊的孤独患者,和彼此珍惜的家人互相依靠,以通过探讨更多工作状态的可能性,及亲情感受来与用户产生强共鸣,刺激用户进行分享。
此外,在一实施例中,测试结果界面除图中所示的生活导语以外,还可包括其他推送元素,比如二维码、网站链接、分享按钮等,通过相应推送元素可再次相应跳转,从而提高推送元素的到达率,本申请对此不做具体限定。
至此,完成图13所示流程的描述。
由图13所示流程可见,在测试场景下应用本申请实施例提供的多级页面动态显示方法,可从多个维度对测试对象进行分析,使得测试结果更为真实可靠,并且,在测试过程中不同级界面之间进行跳转时展示不同动态效果,这能够提高用户对动态信息的关注度及动态信息显示的多样化。
与上述图1所示多级页面动态显示方法实施例相对应,本申请实施例还提供了一种多级页面动态显示装置,如图19所示,该装置可以包括:第一界面确定模块1901、第一获取模块1902,以及第一调整模块1903。
其中,第一界面确定模块1901,用于在显示界面展示多级界面中的任一级目标界面过程中,若检测到对所述目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述目标界面对应的下一级待展示界面,其中,所述目标界面为非最后一级界面,所述预设对象包括具有用户交互功能的组件;
第一获取模块1902,用于获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案、文字;
第一调整模块1903,用于根据所述展示方式,对所述目标界面中的元素及预设对象进行调整,以展示所述下一级待展示界面。
在本申请实施例的具体实施方式中,所述第一调整模块1903还用于:在所述任一级目标界面展示过程中,将设置于每级目标界面上的所述预设对象对应的元素进行动态展示。
在本申请实施例的具体实施方式中,所述第一调整模块1903具体用于:
将设置于所述目标界面上的元素及预设对象移出所述目标界面;
将所述下一级待展示界面对应的元素及预设对象移入所述目标界面,以展示所述下一级待展示界面。
在本申请实施例的具体实施方式中,所述第一调整模块1903将设置于所述目标界面上的元素及预设对象移出所述目标界面,包括:
将设置于所述目标界面上的元素及除所述目标对象以外的其他预设对象移出所述目标界面;
在将设置于所述目标界面上的元素及除所述目标对象以外的其他预设对象移出所述目标界面之后,将所述目标对象移出所述目标界面。
在本申请实施例的具体实施方式中,所述第一调整模块1903将设置于所述目标界面上的元素及预设对象移出所述目标界面,包括:
逐级增大设置于所述目标界面上的元素及预设对象的透明度,直至所述透明度达到最大值;或者,
将设置于所述目标界面上的元素及预设对象按照第一预设方向进行移动,直至移出所述目标界面。
在本申请实施例的具体实施方式中,所述第一调整模块1903将下一级待展示界面对应的元素及预设对象移入所述目标界面,以展示所述下一级待展示界面,包括:
将所述下一级待展示界面对应的元素及预设对象按照第二预设方向移入所述目标界面;或者,
将所述下一级待展示界面对应的元素及预设对象按照第二预设方向移入所述目标界面,并在移入过程中将所述下一级待展示界面对应的元素及预设对象进行逐级放大,直至放大至预设尺寸。
在本申请实施例的具体实施方式中,所述第一调整模块1903还用于:
在将目标对象移出所述目标界面之前,将所述目标对象对应的元素移入所述目标界面;
在所述目标界面展示过程中,将所述目标对象对应的元素设置为采用弹幕的形式进行动态展示;或者,
在所述目标界面展示过程中,将所述目标对象对应的元素设置为采用浮窗的形式进行动态展示。
在本申请实施例的具体实施方式中,所述第一界面确定模块1901具体用于:
确定所述目标对象对应的目标对象标识;
从预先构建的对象标识和界面标识的关系图中确定与所述目标对象标识对应的界面作为下一级待展示界面。
在本申请实施例的具体实施方式中,所述第一调整模块1903将设置于所述目标界面上的元素及预设对象移出所述目标界面,包括:
从超文本标记语言文件中确定待移出所述目标界面的元素及预设对象,其中,展示于所述目标界面上的元素及预设对象存储于所述超文本标记语言文件中;
通过层叠样式表动画将所述元素及所述预设对象移出所述目标界面,以及从所述超文本标记语言文件删除所述元素及所述预设对象。
在本申请实施例的具体实施方式中,所述第一调整模块1903将所述下一级待展示界面对应的元素及预设对象移入所述目标界面,以展示所述下一级待展示界面,包括:
从容器中获取所述下一级待展示界面对应的元素及预设对象;
通过层叠样式表动画将所述元素及所述预设对象移入所述目标界面,以及将述元素及所述预设对象存储于所述超文本标记语言文件中,以完成展示所述下一级待展示界面。
与上述图13所示多级页面动态显示方法实施例相对应,本申请实施例还提供了另一种多级页面动态显示装置,应用于测试场景,该测试场景包括至少两个维度,每一维度包括至少一级预设界面,且预设界面中多个预设对象对应不同的下一级待展示界面;下一级待展示界面与所述预设界面属于同一维度,或者,下一待展示页面与预设界面不属于同一维度;多级预设界面包含顺序信息节点。如图20所示,该装置包括:第一展示模块2001、第二界面确定模块2002、第二获取模块2003、第二调整模块2004以及第二展示模块2005。
其中,第一展示模块2001,用于在显示界面根据所述顺序信息节点展示初始界面;其中,所述初始界面为非最后一级界面;
第二界面确定模块2002,用于若检测到对所述初始界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述初始界面对应的下一级待展示界面;
第二获取模块2003,用于获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案、文字;
第二调整模块2004,用于根据所述展示方式,对所述初始界面中的元素及预设对象进行调整,以展示所述下一级待展示界面;
第二展示模块2005,用于根据所述顺序信息节点和目标对象的触发操作展示对应的目标界面,直至目标界面为最后一级界面,根据所述最后一级界面上的目标对象确定测试结果并进行显示。如图所示,该装置可以包括:
在本申请实施例的具体实施方式中,所述第二调整模块2004具体用于:
将设置于所述初始界面上的元素及预设对象移出所述初始界面;
将所述下一级待展示界面对应的元素及预设对象移入所述目标界面,以展示所述下一级待展示界面。
在本申请实施例的具体实施方式中,所述第二调整模块2004将设置于所述初始界面上的元素及预设对象移出所述初始界面,包括:
将设置于所述初始界面上的元素及除所述目标对象以外的其他预设对象移出所述初始界面;
在将设置于所述初始界面上的元素及除所述目标对象以外的其他预设对象移出所述初始界面之后,将所述目标对象移出所述初始界面。
在本申请实施例的具体实施方式中,所述第二调整模块2004还用于:
在所述将目标对象移出所述初始界面之前,将所述目标对象对应的元素移入所述初始界面;
在所述初始界面展示过程中,将所述目标对象对应的元素设置为采用弹幕的形式进行动态展示;或者,
在所述初始界面展示过程中,将所述目标对象对应的元素设置为采用浮窗的形式进行动态展示。
在本申请实施例的具体实施方式中,所述测试场景包括测试问题;所述弹幕包括至少两条;所述至少两条弹幕的弹幕内容与所述初始界面对应的测试问题相关联;
所述第二调整模块2004将目标对象对应的元素设置为采用弹幕的形式进行动态展示,包括:
根据所述测试问题确定对应的至少两条弹幕的弹幕内容,以及每一条所述弹幕的出现顺序、时间及位置;
根据所述弹幕内容、以及每一条所述弹幕的出现顺序、时间及位置,对所述至少两条弹幕进行动态展示。
在本申请实施例的具体实施方式中,所述测试场景包括测试问题;所述浮窗包括至少两个;至少一个浮窗中的文字内容与所述初始界面对应的测试问题相关联,至少一个浮窗中文字内容与下一级待展示界面对应的测试问题相关联;
所述第二调整模块2004将目标对象对应的元素设置为采用浮窗的形式进行动态展示,包括:
根据所述初始界面对应的测试问题确定至少一个第一浮窗,根据所述下一级待展示界面对应的测试问题确定至少一个第二浮窗;
将所述第一浮窗进行处理,并动态展示所述第一浮窗,以及当所述第一浮窗移出到预设位置时,显示所述第二浮窗。
本申请实施例还提供了一种电子设备,如图21所示,包括处理器2101、通信接口2102、存储器2103和通信总线2104,其中,处理器2101,通信接口2102,存储器2103通过通信总线2104完成相互间的通信,
存储器2103,用于存放计算机程序;
处理器2101,用于执行存储器2103上所存放的程序时,实现如下步骤:
在显示界面展示多级界面中的任一级目标界面过程中,若检测到对所述目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述目标界面对应的下一级待展示界面,其中,所述目标界面为非最后一级界面,所述预设对象包括具有用户交互功能的组件;获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案、文字;根据所述展示方式,对所述目标界面中的元素及预设对象进行调整,以展示所述下一级待展示界面。
或者在测试场景下实现如下步骤:
在显示界面根据所述顺序信息节点展示初始界面;其中,所述初始界面为非最后一级界面;若检测到对所述初始界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述初始界面对应的下一级待展示界面;获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案、文字;根据所述展示方式,对所述初始界面中的元素及预设对象进行调整,以展示所述下一级待展示界面;根据所述顺序信息节点和目标对象的触发操作展示对应的目标界面,直至目标界面为最后一级界面,根据所述最后一级界面上的目标对象确定测试结果并进行显示。
上述服务器提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述服务器与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,简称RAM),也可以包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processing,简称DSP)、专用集成电路(Application SpecificIntegrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本申请提供的又一实施例中,还提供了一种存储介质,该存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的多级页面动态显示方法。
在本申请提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的多级页面动态显示方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在存储介质中,或者从一个存储介质向另一个存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本申请的较佳实施例而已,并非用于限定本申请的保护范围。凡在本申请的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本申请的保护范围内。

Claims (20)

1.一种多级页面动态显示方法,其特征在于,所述方法包括:
在显示界面展示多级界面中的任一级目标界面过程中,若检测到对所述目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述目标界面对应的下一级待展示界面,其中,所述目标界面为非最后一级界面,所述预设对象包括具有用户交互功能的组件;
获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案和/或文字;
根据所述展示方式,对所述目标界面中的元素及预设对象进行调整,以展示所述下一级待展示界面。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在任一级所述目标界面展示过程中,将设置于每级所述目标界面上的所述预设对象对应的元素进行动态展示。
3.根据权利要求1所述的方法,其特征在于,所述对所述目标界面中的元素及预设对象进行调整,以展示所述下一级待展示界面,包括:
将设置于所述目标界面上的元素及预设对象移出所述目标界面;
将所述下一级待展示界面对应的元素及预设对象移入所述目标界面,以展示所述下一级待展示界面。
4.根据权利要求3所述的方法,其特征在于,所述将设置于所述目标界面上的元素及预设对象移出所述目标界面,包括:
将设置于所述目标界面上的元素及除所述目标对象以外的其他预设对象移出所述目标界面;
在将设置于所述目标界面上的元素及除所述目标对象以外的其他预设对象移出所述目标界面之后,将所述目标对象移出所述目标界面。
5.根据权利要求3所述的方法,其特征在于,所述将设置于所述目标界面上的元素及预设对象移出所述目标界面,包括:
逐级增大设置于所述目标界面上的元素及预设对象的透明度,直至所述透明度达到最大值;或者,
将设置于所述目标界面上的元素及预设对象按照第一预设方向进行移动,直至移出所述目标界面。
6.根据权利要求3所述的方法,其特征在于,所述将下一级待展示界面对应的元素及预设对象移入所述目标界面,以展示所述下一级待展示界面,包括:
将所述下一级待展示界面对应的元素及预设对象按照第二预设方向移入所述目标界面;或者,
将所述下一级待展示界面对应的元素及预设对象按照第二预设方向移入所述目标界面,并在移入过程中将所述下一级待展示界面对应的元素及预设对象进行逐级放大,直至放大至预设尺寸。
7.根据权利要求4所述的方法,其特征在于,在所述将目标对象移出所述目标界面之前,所述方法还包括:
将所述目标对象对应的元素移入所述目标界面;
所述方法还包括:
在所述目标界面展示过程中,将所述目标对象对应的元素设置为采用弹幕的形式进行动态展示;或者,
在所述目标界面展示过程中,将所述目标对象对应的元素设置为采用浮窗的形式进行动态展示。
8.根据权利要求1所述的方法,其特征在于,所述基于目标对象确定所述目标界面对应的下一级待展示界面,包括:
确定所述目标对象对应的目标对象标识;
从预先构建的对象标识和界面标识的关系图中确定与所述目标对象标识对应的界面作为下一级待展示界面。
9.根据权利要求3所述的方法,其特征在于,所述将设置于所述目标界面上的元素及预设对象移出所述目标界面,包括:
从超文本标记语言文件中确定待移出所述目标界面的元素及预设对象,其中,展示于所述目标界面上的元素及预设对象存储于所述超文本标记语言文件中;
通过层叠样式表动画将所述元素及所述预设对象移出所述目标界面,以及从所述超文本标记语言文件删除所述元素及所述预设对象。
10.根据权利要求3所述的方法,其特征在于,所述将所述下一级待展示界面对应的元素及预设对象移入所述目标界面,以展示所述下一级待展示界面,包括:
从容器中获取所述下一级待展示界面对应的元素及预设对象;
通过层叠样式表动画将所述元素及所述预设对象移入所述目标界面,以及将述元素及所述预设对象存储于超文本标记语言文件中,以完成展示所述下一级待展示界面。
11.一种多级页面动态显示方法,其特征在于,应用于测试场景,所述方法包括:
所述测试场景包括至少两个维度,每一维度包括至少一级预设界面,且所述预设界面中多个预设对象对应不同的下一级待展示界面;所述下一级待展示界面与所述预设界面属于同一维度,或者,所述下一待展示页面与所述预设界面不属于同一维度;
多级所述预设界面包含顺序信息节点,在显示界面根据所述顺序信息节点展示初始界面;其中,所述初始界面为非最后一级界面;
若检测到对所述初始界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述初始界面对应的下一级待展示界面;
获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案和/或文字;
根据所述展示方式,对所述初始界面中的元素及预设对象进行调整,以展示所述下一级待展示界面;
根据所述顺序信息节点和目标对象的触发操作展示对应的目标界面,直至目标界面为最后一级界面,根据所述最后一级界面上的目标对象确定测试结果并进行显示。
12.根据权利要求11所述的方法,其特征在于,所述根据展示方式,对所述初始界面中的元素及预设对象进行调整,以展示所述下一级待展示界面,包括:
将设置于所述初始界面上的元素及预设对象移出所述初始界面;
将所述下一级待展示界面对应的元素及预设对象移入所述目标界面,以展示所述下一级待展示界面。
13.根据权利要求12所述的方法,其特征在于,所述将设置于所述初始界面上的元素及预设对象移出所述初始界面,包括:
将设置于所述初始界面上的元素及除所述目标对象以外的其他预设对象移出所述初始界面;
在将设置于所述初始界面上的元素及除所述目标对象以外的其他预设对象移出所述初始界面之后,将所述目标对象移出所述初始界面。
14.根据权利要求13所述的方法,其特征在于,在所述将目标对象移出所述初始界面之前,所述方法还包括:
将所述目标对象对应的元素移入所述初始界面;
所述方法还包括:
在所述初始界面展示过程中,将所述目标对象对应的元素设置为采用弹幕的形式进行动态展示;或者,
在所述初始界面展示过程中,将所述目标对象对应的元素设置为采用浮窗的形式进行动态展示。
15.根据权利要求14所述的方法,其特征在于,所述测试场景包括测试问题;所述弹幕包括至少两条;所述至少两条弹幕的弹幕内容与所述初始界面对应的测试问题相关联;
所述将目标对象对应的元素设置为采用弹幕的形式进行动态展示,包括:
根据所述测试问题确定对应的至少两条弹幕的弹幕内容,以及每一条所述弹幕的出现顺序、时间及位置;
根据所述弹幕内容、以及每一条所述弹幕的出现顺序、时间及位置,对所述至少两条弹幕进行动态展示。
16.根据权利要求14所述的方法,其特征在于,所述测试场景包括测试问题;所述浮窗包括至少两个;至少一个浮窗中的文字内容与所述初始界面对应的测试问题相关联,至少一个浮窗中文字内容与下一级待展示界面对应的测试问题相关联;
所述将目标对象对应的元素设置为采用浮窗的形式进行动态展示,包括:
根据所述初始界面对应的测试问题确定至少一个第一浮窗,根据所述下一级待展示界面对应的测试问题确定至少一个第二浮窗;
将所述第一浮窗进行处理,并动态展示所述第一浮窗,以及当所述第一浮窗移出到预设位置时,动态显示所述第二浮窗。
17.一种多级页面动态显示装置,其特征在于,所述装置包括:
界面确定模块,用于在显示界面展示多级界面中的任一级目标界面过程中,若检测到对所述目标界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述目标界面对应的下一级待展示界面,其中,所述目标界面为非最后一级界面,所述预设对象包括具有用户交互功能的组件;
获取模块,用于获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案和/或文字;
调整模块,用于根据所述展示方式,对所述目标界面中的元素及预设对象进行调整,以展示所述下一级待展示界面。
18.一种多级页面动态显示装置,其特征在于,应用于测试场景,所述测试场景包括至少两个维度,每一维度包括至少一级预设界面,且所述预设界面中多个预设对象对应不同的下一级待展示界面;所述下一级待展示界面与所述预设界面属于同一维度,或者,所述下一级待展示页面与所述预设界面不属于同一维度;多级所述预设界面包含顺序信息节点,所述装置包括:
第一展示模块,用于在显示界面根据所述顺序信息节点展示初始界面;其中,所述初始界面为非最后一级界面;
界面确定模块,用于若检测到对所述初始界面中多个预设对象中至少一个目标对象的触发操作时,则基于所述目标对象确定所述初始界面对应的下一级待展示界面;
获取模块,用于获取所述下一级待展示界面的展示方式,所述展示方式包括元素以及预设对象,所述元素包括图案和/或文字;
调整模块,用于根据所述展示方式,对所述初始界面中的元素及预设对象进行调整,以展示所述下一级待展示界面;
第二展示模块,用于根据所述顺序信息节点和目标对象的触发操作展示对应的目标界面,直至目标界面为最后一级界面,根据所述最后一级界面上的目标对象确定测试结果并进行显示。
19.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-10任一所述的方法,或者实现权利要求11-16中任一所述的方法。
20.一种存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-10中任一所述的方法,或者,实现权利要求11-16中任一所述的方法。
CN202010622028.4A 2020-06-30 2020-06-30 多级页面动态显示方法、装置、电子设备及存储介质 Pending CN111857911A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010622028.4A CN111857911A (zh) 2020-06-30 2020-06-30 多级页面动态显示方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010622028.4A CN111857911A (zh) 2020-06-30 2020-06-30 多级页面动态显示方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN111857911A true CN111857911A (zh) 2020-10-30

Family

ID=72989314

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010622028.4A Pending CN111857911A (zh) 2020-06-30 2020-06-30 多级页面动态显示方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN111857911A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113407141A (zh) * 2021-07-12 2021-09-17 广州繁星互娱信息科技有限公司 界面更新方法、装置、终端和存储介质
CN113499506A (zh) * 2021-06-30 2021-10-15 深圳市科曼医疗设备有限公司 输注中控平台的交互方法、装置、计算机设备及存储介质
CN115344177A (zh) * 2021-05-12 2022-11-15 荣耀终端有限公司 显示方法及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106156066A (zh) * 2015-03-30 2016-11-23 阿里巴巴集团控股有限公司 一种页面切换方法、装置及客户端
CN109710348A (zh) * 2018-11-14 2019-05-03 深圳壹账通智能科技有限公司 页面跳转的方法及装置、计算机设备、存储介质
CN109947521A (zh) * 2019-03-28 2019-06-28 北京小米移动软件有限公司 界面切换方法、装置以及存储介质
CN110704141A (zh) * 2018-07-10 2020-01-17 优视科技有限公司 页面切换方法、装置及电子设备
CN110941464A (zh) * 2018-09-21 2020-03-31 阿里巴巴集团控股有限公司 一种轻曝光方法、设备、系统及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106156066A (zh) * 2015-03-30 2016-11-23 阿里巴巴集团控股有限公司 一种页面切换方法、装置及客户端
CN110704141A (zh) * 2018-07-10 2020-01-17 优视科技有限公司 页面切换方法、装置及电子设备
CN110941464A (zh) * 2018-09-21 2020-03-31 阿里巴巴集团控股有限公司 一种轻曝光方法、设备、系统及存储介质
CN109710348A (zh) * 2018-11-14 2019-05-03 深圳壹账通智能科技有限公司 页面跳转的方法及装置、计算机设备、存储介质
CN109947521A (zh) * 2019-03-28 2019-06-28 北京小米移动软件有限公司 界面切换方法、装置以及存储介质

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115344177A (zh) * 2021-05-12 2022-11-15 荣耀终端有限公司 显示方法及电子设备
US12229858B2 (en) 2021-05-12 2025-02-18 Honor Device Co., Ltd. Display method and electronic device
CN113499506A (zh) * 2021-06-30 2021-10-15 深圳市科曼医疗设备有限公司 输注中控平台的交互方法、装置、计算机设备及存储介质
CN113499506B (zh) * 2021-06-30 2023-10-27 深圳市科曼医疗设备有限公司 输注中控平台的交互方法、装置、计算机设备及存储介质
CN113407141A (zh) * 2021-07-12 2021-09-17 广州繁星互娱信息科技有限公司 界面更新方法、装置、终端和存储介质

Similar Documents

Publication Publication Date Title
US11683279B2 (en) System and method of using conversational agent to collect information and trigger actions
US10809876B2 (en) Virtual assistant conversations
CN104252291B (zh) 用于在玩游戏期间表达情感的方法和系统
US20110296324A1 (en) Avatars Reflecting User States
CN112567360A (zh) 内容建议系统
CN111857911A (zh) 多级页面动态显示方法、装置、电子设备及存储介质
KR20230019968A (ko) 메시지 인터페이스 확장 시스템
CN105426404A (zh) 一种音乐信息推荐方法、装置和终端
WO2023226760A1 (zh) 一种话题推荐方法、装置、计算机设备及存储介质
WO2015153878A1 (en) Modeling social identity in digital media with dynamic group membership
US11057332B2 (en) Augmented expression sticker control and management
CN119271092A (zh) 内容建议系统
KR20250048103A (ko) 텍스트 가이드형 스티커 생성
CN112836072A (zh) 信息展示方法及装置、电子设备和介质
CN108924381A (zh) 图像处理方法、图像处理装置及计算机可读介质
An et al. Emowear: Exploring emotional teasers for voice message interaction on smartwatches
Vines Playing with provocations
CN109299378A (zh) 搜索结果的展示方法、装置、终端及存储介质
CN109191225A (zh) 订单生成方法、装置、订单处理方法和服务器
CN113536103A (zh) 一种信息推荐方法、装置、电子设备及存储介质
CN112807688B (zh) 游戏内表情设置方法、装置、处理器及电子装置
WO2022175814A1 (en) Systems and methods for generating content through an interactive script and 3d virtual characters
US20160154948A1 (en) Managing companionship data
CN109299355A (zh) 一种推荐书单展示方法、装置及存储介质
KR102808338B1 (ko) 메시징 시스템을 위한 스마트 미디어 오버레이 선택

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