页面展示方法及装置与流程

专利2022-06-29  54


本发明实施例涉及电子信息领域,具体涉及一种页面展示方法及装置。



背景技术:

目前,展示页面中通常包含多个内容区块,每个内容区块分别对应于一个内容项。通常情况下,同一展示页面中的各个内容区块采取相同的展示样式进行呈现。

例如,在一种展示样式中,为了实现信息的精简化,仅在内容区块中展示内容标题等重要信息,并在用户针对内容区块进行点击时跳转到该内容区块的详情页进行详细信息的展示。该展示样式虽然确保了展示页面的简洁,但是由于各个内容区块的区块信息量较少,因而不利于用户获取各个内容区块的详细信息。

在又一种展示样式中,为了便于用户获取各个内容区块的详细信息,在内容区块中通过多个字段甚至多幅图片的方式展示详实的细节化信息。该展示样式虽然通过扩充区块信息量的方式使用户能够获取各内容区块的详细信息,但是,由于页面中包含的信息总量过于繁多而导致信息过载,反而不利于用户快速定位有用信息。

由此可见,在现有技术的页面展示方式中,各个内容区块的展示方式固定,无法兼顾内容区块的区块信息量与整个页面的页面信息总量之间的平衡,导致页面的信息量不合理,降低了信息获取效率。



技术实现要素:

鉴于上述问题,提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种页面展示方法及装置。

根据本发明实施例的一个方面,提供了一种页面展示方法,包括:

响应于针对页面触发的用户交互指令,执行与所述用户交互指令相对应的用户交互操作;

根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块;

控制所述目标区块的展示样式从第一样式切换为第二样式。

可选的,当所述针对页面触发的用户交互指令为页面滑动指令时,所述内容区块在执行所述用户交互操作之后的区块状态为内容区块在显示屏幕中所处的显示位置;

则所述根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块包括:

分别计算各个内容区块在执行所述用户交互操作之后在显示屏幕中所处的显示位置,将显示位置与预设的屏幕焦点区域匹配的内容区块选择为目标区块。

可选的,所述预设的屏幕焦点区域包括:屏幕中部区域、屏幕顶部区域和/或屏幕底部区域。

可选的,所述控制所述目标区块的展示样式从第一样式切换为第二样式之后,进一步包括:

当检测到所述目标区块的区块状态改变且所述目标区块在显示屏幕中所处的显示位置与预设的屏幕焦点区域不匹配时,控制所述目标区块的展示样式从第二样式恢复为第一样式。

可选的,当所述针对页面触发的用户交互指令为声音控制指令或眼部控制指令时,所述内容区块在执行所述用户交互操作之后的区块状态包括选中状态以及非选中状态;

则所述根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块包括:将区块状态为选中状态的内容区块选择为目标区块。

可选的,所述控制所述目标区块的展示样式从第一样式切换为第二样式包括:

查询与所述第二样式相对应的区块布局信息,按照所述区块布局信息展示所述目标区块;

其中,所述区块布局信息包括:区块尺寸、和/或区块颜色;其中,第二样式所对应的区块尺寸大于第一样式所对应的区块尺寸。

可选的,所述按照所述区块布局信息展示所述目标区块具体包括:

获取与所述目标区块相对应的区块辅助信息;

根据所述区块布局信息以及所述区块辅助信息展示所述目标区块。

可选的,所述区块布局信息包括以下中的至少一项:内容区块中包含的字段数量、字段名称、字段排布位置、内容区块中包含的图片数量以及各个图片的排布位置;所述区块辅助信息包括:各个字段的字段值,和/或各个图片对应的图片数据信息;

则所述根据所述区块布局信息以及所述区块辅助信息展示所述目标区块包括:按照所述区块布局信息加载获取到的区块辅助信息。

可选的,所述与所述第二样式相对应的区块布局信息包括:多个分别对应于不同的区块类型的区块类型布局信息;

则所述查询与所述第二样式相对应的区块布局信息包括:确定所述目标区块的区块类型,查询与所述区块类型相对应的区块类型布局信息。

可选的,当所述目标区块为多个时,各个目标区块的区块类型根据各个目标区块相对于屏幕焦点区域的位置关系划分。

可选的,所述页面为包含多个内容区块的内容列表页,且所述内容列表页中的各个内容区块的初始展示样式为第一样式;

其中,所述第一样式为对应于精简类展示方式的折叠样式,所述第二样式为对应于细化类展示方式的展开样式;所述针对页面触发的用户交互指令包括以下中的至少一个:页面滑动指令、页面缩放指令、声音控制指令、眼部控制指令、以及倾角控制指令。

根据本发明实施例的另一个方面,提供了一种页面展示装置,包括:

交互模块,适于响应于针对页面触发的用户交互指令,执行与所述用户交互指令相对应的用户交互操作;

选择模块,适于根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块;

控制模块,适于控制所述目标区块的展示样式从第一样式切换为第二样式。

可选的,当所述针对页面触发的用户交互指令为页面滑动指令时,所述内容区块在执行所述用户交互操作之后的区块状态为内容区块在显示屏幕中所处的显示位置;

则所述选择模块具体适于:

分别计算各个内容区块在执行所述用户交互操作之后在显示屏幕中所处的显示位置,将显示位置与预设的屏幕焦点区域匹配的内容区块选择为目标区块。

可选的,所述预设的屏幕焦点区域包括:屏幕中部区域、屏幕顶部区域和/或屏幕底部区域。

可选的,所述控制模块进一步适于:

当检测到所述目标区块的区块状态改变且所述目标区块在显示屏幕中所处的显示位置与预设的屏幕焦点区域不匹配时,控制所述目标区块的展示样式从第二样式恢复为第一样式。

可选的,当所述针对页面触发的用户交互指令为声音控制指令或眼部控制指令时,所述内容区块在执行所述用户交互操作之后的区块状态包括选中状态以及非选中状态;

则所述选择模块具体适于:将区块状态为选中状态的内容区块选择为目标区块。

可选的,所述控制模块具体适于:

查询与所述第二样式相对应的区块布局信息,按照所述区块布局信息展示所述目标区块;

其中,所述区块布局信息包括:区块尺寸、和/或区块颜色;其中,第二样式所对应的区块尺寸大于第一样式所对应的区块尺寸。

可选的,所述控制模块具体适于:

获取与所述目标区块相对应的区块辅助信息;

根据所述区块布局信息以及所述区块辅助信息展示所述目标区块。

可选的,所述区块布局信息包括以下中的至少一项:内容区块中包含的字段数量、字段名称、字段排布位置、内容区块中包含的图片数量以及各个图片的排布位置;所述区块辅助信息包括:各个字段的字段值,和/或各个图片对应的图片数据信息;

则所述控制模块具体适于:按照所述区块布局信息加载获取到的区块辅助信息。

可选的,所述与所述第二样式相对应的区块布局信息包括:多个分别对应于不同的区块类型的区块类型布局信息;

则所述控制模块具体适于:确定所述目标区块的区块类型,查询与所述区块类型相对应的区块类型布局信息。

可选的,当所述目标区块为多个时,各个目标区块的区块类型根据各个目标区块相对于屏幕焦点区域的位置关系划分。

可选的,所述页面为包含多个内容区块的内容列表页,且所述内容列表页中的各个内容区块的初始展示样式为第一样式;

其中,所述第一样式为对应于精简类展示方式的折叠样式,所述第二样式为对应于细化类展示方式的展开样式;所述针对页面触发的用户交互指令包括以下中的至少一个:页面滑动指令、页面缩放指令、声音控制指令、眼部控制指令、以及倾角控制指令。

依据本发明实施例的再一方面,提供了一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;

所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如上述的页面展示方法对应的操作。

依据本发明实施例的再一方面,提供了一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如上述的页面展示方法对应的操作。

在本发明实施例提供的页面展示方法及装置中,响应于针对页面触发的用户交互指令,执行与用户交互指令相对应的用户交互操作,并根据页面中包含的各个内容区块在执行用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块,并控制目标区块的展示样式从第一样式切换为第二样式。由此可见,该方式能够使页面中的各个内容区块的展示样式随用户交互操作而动态改变,通过将目标区块的展示样式从第一样式切换为第二样式,能够兼顾区块信息量与页面信息总量之间的平衡,从而既有利于用户详细了解目标区块的细化信息,又避免了整个页面的内容过载。该方式确保页面的信息量更加合理,提升了信息获取效率。

上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:

图1示出了本发明实施例一提供的一种页面展示方法的流程图;

图2示出了本发明实施例二提供的一种页面展示方法的流程图;

图3示出了本发明实施例三提供的一种页面展示装置的结构图;

图4示出了本发明实施例五提供的一种电子设备的结构示意图;

图5示出了在第一次执行用户交互操作时的界面示意图;

图6示出了在第二次执行用户交互操作时的界面示意图;

图7示出了在第三次执行用户交互操作时的界面示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。

实施例一

图1示出了本发明实施例一提供的一种页面展示方法的流程图。如图1所示,该方法包括:

步骤s110:响应于针对页面触发的用户交互指令,执行与用户交互指令相对应的用户交互操作。

其中,本实施例的展示页面中包含至少一个内容区块。用户交互指令可以是针对页面触发的各类交互指令,具体地,既可以是针对整个页面触发的用户交互指令,也可以是针对页面中的局部页面元素(如内容区块)触发的用户交互指令。

具体实施时,用户交互指令的类型可以是页面滑动指令、页面缩放指令、声音控制指令、眼部控制指令、以及倾角控制指令等各种类型。相应地,与用户交互指令相对应的用户交互操作可以是页面滑动操作、页面缩放操作、声音控制操作、眼部控制操作、以及倾角控制操作等。其中,页面滑动操作、页面缩放操作可以针对整个页面进行控制;声音控制操作、眼部控制操作、以及倾角控制操作既可以针对整个页面进行控制也可以仅针对页面中的局部页面元素进行控制,本发明对此不做限定。

步骤s120:根据页面中包含的各个内容区块在执行用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块。

具体地,执行用户交互操作之后,页面中包含的各个内容区块将随之发生变化,相应地,根据变化后的各个内容区块的区块状态,选择至少一个内容区块作为目标区块。

其中,区块状态可以为各种类型的状态,具体取决于用户交互操作的类型。例如,当用户交互操作为滑动类型时,区块状态可以为内容区块相对于显示屏幕的位置状态;又如,当用户交互操作为眼部控制操作时,区块状态可以为内容区块处于选中状态或非选中状态,其中,与眼部视线相匹配的内容区块处于选中状态,与眼部视线不匹配的内容区块处于非选中状态。

另外,在选择目标区块时,可以根据位置状态与屏幕中的预设区域是否匹配进行选择,从而将位置状态与屏幕中的预设区域匹配的内容区块确定为目标区块。或者,也可以将处于选中状态的内容区块选择为目标区块。总之,本发明不限定目标区块的选择策略,本领域技术人员可以根据实际业务场景灵活设置各种选择策略。

步骤s130:控制目标区块的展示样式从第一样式切换为第二样式。

通常情况下,页面中的各个内容区块默认通过第一样式进行呈现。当选择出目标区块之后,为了针对目标区块进行更加细化的展示,将目标区块切换为第二样式。其中,第二样式与第一样式相比,视觉效果更加突出或者包含的信息量更加丰富。例如,第二样式可能比第一样式的尺寸更大、颜色更鲜明;又如,第二样式可能比第一样式包含更多的信息量,如包含更多的字段或图片等。

由此可见,该方式能够使页面中的各个内容区块的展示样式随用户交互操作而动态改变,通过将目标区块的展示样式从第一样式切换为第二样式,能够兼顾区块信息量与页面信息总量之间的平衡,从而既有利于用户详细了解目标区块的细化信息,又避免了整个页面的内容过载。该方式确保页面的信息量更加合理,提升了信息获取效率。

实施例二、

图2示出了本发明实施例二提供的一种页面展示方法的流程图。如图2所示,该方法包括:

步骤s210:响应于针对页面触发的用户交互指令,执行与用户交互指令相对应的用户交互操作。

在本实施例中,页面为包含多个内容区块的内容列表页。例如,可以为榜单列表页、信息列表页等。其中,信息列表页中的信息可以为书籍信息、商品信息、以及业务项信息等。

本实施例中针对页面触发的用户交互指令可以为页面滑动指令,具体可以为手势竖向滑动指令,也可以为手势横向滑动指令,本发明对此不做限定。相应地,与用户交互指令相对应的用户交互操作可以为页面滑动操作。该页面滑动操作是针对整个页面触发的,在执行页面滑动操作的过程中,页面中包含的各个内容区块相对于显示屏幕的位置将动态改变。例如,在页面滑动操作为上滑操作时,随滑动操作的进行,页面中的各个内容区块的位置将上移,从而使底部暴露出更多的内容区块,相应地,原本位于顶部的内容区块将逐渐消失在屏幕之外,并被上移后的内容区块取代。

由此可见,本实施例中的用户交互指令虽然是针对整个页面触发的,但是,随着交互操作的进行,页面中的各个内容区块的位置状态也将发生改变。

步骤s220:根据页面中包含的各个内容区块在执行用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块。

具体地,在本实施例中,内容区块在执行用户交互操作之后的区块状态为内容区块在显示屏幕中所处的显示位置。具体实施时,分别计算各个内容区块在执行用户交互操作之后在显示屏幕中所处的显示位置,将显示位置与预设的屏幕焦点区域匹配的内容区块选择为目标区块。下面详细介绍本步骤的具体实现细节:

首先,预先设置屏幕焦点区域,该屏幕焦点区域用于触发目标区块的展示样式切换,具体可以为屏幕中部区域、屏幕顶部区域和/或屏幕底部区域。屏幕焦点区域的具体位置和尺寸可根据具体业务场景设定。另外,屏幕焦点区域的具体位置还可以根据目标用户的用户历史行为确定。例如,获取用户历史行为中包含的各次点击行为,统计各次点击行为的触发位置坐标,从而将点击行为触发较频繁的区域设定为与目标用户相对应的屏幕焦点区域。具体地,发明人在实现本发明的过程中发现,不同的用户所偏好的点击区域不同,有些用户偏好于在内容出现的第一时间点击屏幕底部区域刚刚出现的内容,而有些用户则偏好于在内容滑动至页面中部或顶部时点击,因此,通过分析目标用户的行为习惯,能够确保屏幕焦点区域的设置位于与用户偏好匹配。

接下来,在用户交互操作的执行过程中,实时计算各个内容区块在执行用户交互操作之后在显示屏幕中所处的显示位置,将显示位置与预设的屏幕焦点区域匹配的内容区块选择为目标区块。此处需要说明的是,对于页面滑动类操作而言,由于滑动操作的执行过程通常需要持续一段时间,相应地,本实施例中提到的各个内容区块在执行用户交互操作之后的区块状态实质上是指:各个内容区块从执行用户交互操作的起始时间点开始,直至用户交互操作执行完毕的结束时间点为止的状态情况。也就是说,本实施例中所述的“执行用户交互操作之后”并不特指本次用户交互操作彻底执行完毕之后,而是指用户交互操作开始执行之后。

具体地,在页面滑动操作的执行过程中,根据手势触发位置以及手势位移信息动态计算各个内容区块在显示屏幕中所处的显示位置,从而将显示位置与预设的屏幕焦点区域匹配的内容区块选择为目标区块。具体的匹配规则可由本领域技术人员灵活设定。例如,可以设置当内容区块的顶部区域与屏幕焦点区域的底部区域重合时,则确定该内容区块与屏幕焦点区域匹配;又如,也可以设置当内容区块的中心区域与屏幕焦点区域的中心区域重合时,则确定该内容区块与屏幕焦点区域匹配。总之,本发明实施例不限定具体的匹配方式,可以将匹配范围设置得较大,从而使多个目标区块同时落入屏幕焦点区域;也可以将匹配范围设置得较小,从而使同一时间仅有一个目标区块落入屏幕焦点区域。

步骤s230:控制目标区块的展示样式从第一样式切换为第二样式。

具体地,针对与屏幕焦点区域相匹配的目标区块,控制其展示样式从第一样式切换为第二样式。其中,内容列表页中的各个内容区块的初始展示样式为第一样式,相应地,各个内容区块默认以第一样式进行展示,只有在某一内容区块被选择为目标区块时,其展示样式才从第一样式切换为第二样式。

其中,在一种可选的实现方式中,第一样式为对应于精简类展示方式的折叠样式,第二样式为对应于细化类展示方式的展开样式。相应地,处于第一样式的内容区块以折叠样式展示,将部分信息以折叠方式收纳起来,仅展示精简处理后的重要内容,如区块标题、区块关键词等信息。处于第二样式的内容区块以展开样式展示,相应地,当切换为第二样式后,原本以折叠方式收纳起来的细化信息得以呈现,从而便于用户浏览关于该目标区块的详细内容。另外,在其他实施例中,用户还可以通过内容区块中包含的“展开/收起”按钮手动切换内容区块的展示样式,本发明对此不做限定。

另外,在控制目标区块的展示样式从第一样式切换为第二样式时,还可以根据预设的区块布局信息实现。具体地,查询与第二样式相对应的区块布局信息,按照区块布局信息展示目标区块。其中,区块布局信息包括:区块尺寸、和/或区块颜色;其中,第二样式所对应的区块尺寸大于第一样式所对应的区块尺寸。相应地,由此可见,在该方式中,通过使区块尺寸变大、元素呈现强化(如颜色更鲜明)等方式实现目标区块的突出展示。

进一步的,在控制目标区块的展示样式从第一样式切换为第二样式时,还可以进一步结合目标区块的区块辅助信息实现。具体地,获取与目标区块相对应的区块辅助信息;根据区块布局信息以及区块辅助信息展示目标区块。其中,区块布局信息主要用于设置内容区块中的各个区块元素的排布方式,而区块辅助信息则包含与内容区块相关联的多个区块元素,包括区块字段、区块图片等。例如,在本实施例中,区块布局信息包括以下中的至少一项:内容区块中包含的字段数量、字段名称、字段排布位置、内容区块中包含的图片数量以及各个图片的排布位置;区块辅助信息包括:各个字段的字段值,和/或各个图片对应的图片数据信息(如加载图片时所需的原始图片数据等)。相应地,在根据区块布局信息以及区块辅助信息展示目标区块时,按照区块布局信息加载获取到的区块辅助信息。例如,区块布局信息规定了如下内容:三张区块图片按照上中下的排列方式排列在内容区块的左侧,五个区块字段排列在内容区块的右侧。相应地,根据区块辅助信息获取应加载的三张区块图片以及五个区块字段,并按照区块布局信息中固定的排布方式依次加载。

另外,在本实施例中,为了使展示样式更加多样化,也为了适应不同类型的内容区块的展示需求,预先将内容区块划分为多种类型,并分别针对每种类型的内容区块设置对应的区块类型布局信息。相应地,与第二样式相对应的区块布局信息包括:多个分别对应于不同的区块类型的区块类型布局信息;则在查询与第二样式相对应的区块布局信息时,首先确定目标区块的区块类型,然后查询与该区块类型相对应的区块类型布局信息。与之类似的,区块辅助信息也可以为多种类型。例如,对于榜单类页面而言,其中包含的内容区块可能进一步划分为多个榜单区域,各个榜单区域的内容区块的类型各不相同,因此,可以针对每个榜单区域的内容区块的内容特点为其量身定制对应的区块类型布局信息。比如,第一榜单区域呈现的内容区块为电子书内容,则对应的区块类型布局信息可以为电子书封面图片排布位置、电子书简介排布位置等;又如,第二榜单区域呈现的内容区块为餐饮内容,则对应的区块类型布局信息可以为餐饮门店图片、餐饮实物图片的排布位置、用户就餐评价等。由此可见,通过分别设置多个区块类型布局信息能够灵活满足多类内容区块的展示特点。

另外,除了根据各个目标区块本身的内容特征来划分区块类型,还可以根据各个目标区块相对于屏幕焦点区域的位置来划分区块类型。例如,当目标区块为多个时,各个目标区块的区块类型根据各个目标区块相对于屏幕焦点区域的位置关系划分。具体实施时,可以按照各个目标区块距离屏幕焦点区域的中心位置的远近来划分目标区块的区块类型,从而使目标区块的第二样式中包含的展示信息能够随目标区块相对于屏幕焦点区域的中心位置的距离而动态变化。比如,假设有三个目标区块与屏幕焦点区域匹配,其中,第一目标区块位于最上方,第二目标区块位于中间,第三目标区块位于最下方。相应地,可以设置第二目标区块的第二样式所对应的区块尺寸最大,第三目标区块以及第一目标区块的第二样式所对应的区块尺寸则小于第二目标区块的区块尺寸。当然,随页面滑动操作的动态进行,第三目标区块将上移至中间位置,相应地,第三目标区块的区块尺寸将最大。也就是说,在该方式中,动态的将位于屏幕焦点区域的中心位置的目标区块显示为最大尺寸,而将位于屏幕焦点区域的非中心位置的目标区块显示为略小于中心位置区块的尺寸。

步骤s240:当检测到目标区块的区块状态改变且目标区块在显示屏幕中所处的显示位置与预设的屏幕焦点区域不匹配时,控制目标区块的展示样式从第二样式恢复为第一样式。

具体地,随页面滑动操作的持续进行,各个内容区块的区块状态(即区块位置)将持续不断地发生变化。相应地,当检测到目标区块的区块状态改变且目标区块在显示屏幕中所处的显示位置与预设的屏幕焦点区域不匹配时,控制目标区块的展示样式从第二样式恢复为第一样式。例如,随页面持续上滑,原本位于屏幕焦点区域的目标区块上移从而移出屏幕焦点区域,而原本位于屏幕焦点区域下方的其他内容区块上移从而移入屏幕焦点区域,成为新的目标区块。由此可见,目标区块是不断变化的。当目标区块移出屏幕焦点区域之后,该目标区块转变为常规的内容区块,从而恢复为第一样式,而新移入屏幕焦点区域的内容区块则成为新的内容区块,从而切换为第二样式,如此循环。

由此可见,在本实施例中,各个内容区块随页面滑动操作的持续进行而依次被选择为目标区块,且已选择的目标区块又不断地被其他内容区块取代,换言之,在页面滑动过程中,不断地有内容区块被选择为目标区块,也不断地有旧的目标区块被新的目标区块取代。为了丰富页面展示效果,可以进一步添加动效:当内容区块被选择为目标区块时,通过第一动效方式对目标区块进行展示。其中,该第一动效方式可以为多种,具体包括以下中的至少一种:如形变类动效(区块的尺寸或形状逐步改变,以呈现突出显示样式)、颜色渐变类动效(区块的颜色逐渐变得鲜明艳丽,以呈现突出显示样式)、透明度变化类动效(区块的颜色由半透明状态转变为不透明状态,以呈现突出显示样式)、位移类动效(区块的位置逐步移动到屏幕中心区域,以呈现突出显示样式)。同理,当目标区块恢复为非目标区块(即被新的目标区块取代)时,可以通过第二动效方式使该目标区块恢复为常规的内容区块。其中,第二动效方式与第一动效方式类似,目的在于使突出显示的目标区块以渐变方式恢复为常规显示样式。

另外,在本发明其他的实施例中,针对页面触发的用户交互指令还可以为声音控制指令或眼部控制指令,相应地,内容区块在执行用户交互操作之后的区块状态包括选中状态以及非选中状态;则在根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块时,将区块状态为选中状态的内容区块选择为目标区块。例如,用户通过声音控制指令命中页面中的一个内容区块,具体可通过区块名称、区块排布位置等方式命中,该命中的内容区块从非选中状态更新为选中状态,相应地,当检测到处于选中状态的内容区块时,将该处于选中状态的内容区块确定为目标区块,并对其执行样式切换处理,以达到突出显示的目的。又如,用户通过眼球移动方式执行交互操作,相应地,当根据眼球移动轨迹检测到眼球聚焦在页面中的指定内容区块时,该指定内容区块被命中从而处于选中状态,因而被确定为目标区块,并对其执行样式切换处理,以达到突出显示的目的。具体地,在进行声音识别和眼部运动轨迹识别时,可通过各类软件和/或硬件技术实现。

另外,在本发明其他的实施例中,针对页面触发的用户交互指令还可以为页面缩放指令或倾角控制指令。其中,当用户交互指令为页面缩放指令时,可以通过执行缩放操作后各个内容区块在屏幕中所处的位置选择目标区块,例如,经缩放操作后,处于屏幕中心区域或屏幕焦点区域的内容区块作为目标区块进行突出显示。当用户交互指令为倾角控制指令时,可以通过陀螺仪、加速度传感器等硬件设备或软件设备检测终端设备的位置改变情况。例如,当检测到终端屏幕从水平状态逐步倾斜为竖直状态时,控制页面中的指定内容区块(如第一个内容区块或位于中心区域的内容区块)作为目标区块进行突出显示。总之,本发明不限定用户交互指令的具体类型,还可以为指纹操作指令、面部识别指令等各种类型的指令,只要能够针对页面或页面中包含的页面元素进行控制即可。

另外,无论用户交互指令的类型为何种类型,当控制目标区块的展示样式从第一样式切换为第二样式之后,进一步在目标区块的区块状态改变后,控制目标区块的展示样式从第二样式恢复为第一样式。

图5示出了在第一次执行用户交互操作时的界面示意图,图6示出了在第二次执行用户交互操作时的界面示意图,图7示出了在第三次执行用户交互操作时的界面示意图。如图5所示,刚开始通过手势滑动操作上滑页面时,方框内的内容区块已接近屏幕焦点区域,但仍未与屏幕焦点区域匹配,因此仍为默认的第一样式,即仅显示尺寸较小的图片以及字段a和字段b,在图5中,除位于屏幕焦点区域的内容区块之外,其余内容区块默认处于折叠状态,仅展示精简信息。如图6所示,随手势滑动操作的持续进行,方框内的内容区块进入屏幕焦点区域,从而切换为第二样式,具体地,从折叠状态转换为展开状态,展示出更多的信息,除图片尺寸放大外,字段数量也增加,除字段a和字段b外,进一步展示字段c和字段d。如图7所示,随手势滑动操作的继续进行,方框内的内容区块移出屏幕焦点区域,导致触发条件消除,从而恢复为第一样式,具体地,从展开状态恢复为折叠状态。其中,图5至图7可以分别对应于多次滑动操作,也可以分别对应于一次连续滑动操作的不同阶段,总之,本发明能够实时检测用户交互操作,从而根据交互后的内容区块状态动态选择目标区块进行突出展示。

由此可见,在传统方式中,同一内容列表页中单个内容区块的样式一致且固定不变,因此,传统的内容列表页要么为了精简页面,而减少包含的信息量,以至于无法充分传达信息,降低了用户获取信息的效率;要么为了展示更多内容以扩充用户能够获取的信息量,而造成整个列表页的信息过载,影响浏览体验,反而不利于用户快速定位目标内容。针对以上弊端,本发明实施例能够使单个内容区块在默认状态下保持折叠,仅展示核心信息,随着用户操作,将处于用户聚焦位置的内容区块自动展开,展示更多信息,实现列表内容样式和信息展示量动态响应用户操作的效果,既确保默认状态下信息不会过载而影响体验,又能让更丰富的信息在浏览过程中呈现,提高用户获取信息的效率。

本发明实施例可基于ios和andriod平台实施,具体可通过swift、oc、java等计算机语言实现。本发明实施例主要能够实现以下技术效果:首先,判断触发折叠到展开的条件,该条件可根据实际业务和具体页面列表来进行设定,如,区块接近屏幕的指定区域时触发;其次,区块展开后,信息丰富化的具体效果和呈现方式,可根据实际业务和具体页面列表来进行设定,如,区块尺寸变大、增加字段、图片尺寸变大、元素呈现强化等,同时,折叠和展开状态的转化动画效果,也可根据实际业务和具体页面列表来进行设定。

综上可知,本发明实施例中的方式能够使页面中的各个内容区块的展示样式随用户交互操作而动态改变,通过将目标区块的展示样式从第一样式切换为第二样式,能够兼顾区块信息量与页面信息总量之间的平衡,从而既有利于用户详细了解目标区块的细化信息,又避免了整个页面的内容过载。另外,还可以预先设置多种分别对应于不同内容区块类型的第二样式,从而便于根据内容区块的特点选择合适的样式进行呈现。

另外,本发明实施例能够根据针对页面触发的用户交互操作自动调整内容区块的展示样式,从而使各个内容区块的展示样式随用户交互操作的持续进行而动态变化。该方式有利于用户快速定位目标内容,从而提升了用户浏览效率。

实施例三

图3示出了本发明实施例三提供的一种页面展示装置的结构示意图,该装置包括:

交互模块31,适于响应于针对页面触发的用户交互指令,执行与所述用户交互指令相对应的用户交互操作;

选择模块32,适于根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块;

控制模块33,适于控制所述目标区块的展示样式从第一样式切换为第二样式。

可选的,当所述针对页面触发的用户交互指令为页面滑动指令时,所述内容区块在执行所述用户交互操作之后的区块状态为内容区块在显示屏幕中所处的显示位置;

则所述选择模块具体适于:

分别计算各个内容区块在执行所述用户交互操作之后在显示屏幕中所处的显示位置,将显示位置与预设的屏幕焦点区域匹配的内容区块选择为目标区块。

可选的,所述预设的屏幕焦点区域包括:屏幕中部区域、屏幕顶部区域和/或屏幕底部区域。

可选的,所述控制模块进一步适于:

当检测到所述目标区块的区块状态改变且所述目标区块在显示屏幕中所处的显示位置与预设的屏幕焦点区域不匹配时,控制所述目标区块的展示样式从第二样式恢复为第一样式。

可选的,当所述针对页面触发的用户交互指令为声音控制指令或眼部控制指令时,所述内容区块在执行所述用户交互操作之后的区块状态包括选中状态以及非选中状态;

则所述选择模块具体适于:将区块状态为选中状态的内容区块选择为目标区块。

可选的,所述控制模块具体适于:

查询与所述第二样式相对应的区块布局信息,按照所述区块布局信息展示所述目标区块;

其中,所述区块布局信息包括:区块尺寸、和/或区块颜色;其中,第二样式所对应的区块尺寸大于第一样式所对应的区块尺寸。

可选的,所述控制模块具体适于:

获取与所述目标区块相对应的区块辅助信息;

根据所述区块布局信息以及所述区块辅助信息展示所述目标区块。

可选的,所述区块布局信息包括以下中的至少一项:内容区块中包含的字段数量、字段名称、字段排布位置、内容区块中包含的图片数量以及各个图片的排布位置;所述区块辅助信息包括:各个字段的字段值,和/或各个图片对应的图片数据信息;

则所述控制模块具体适于:按照所述区块布局信息加载获取到的区块辅助信息。

可选的,所述与所述第二样式相对应的区块布局信息包括:多个分别对应于不同的区块类型的区块类型布局信息;

则所述控制模块具体适于:确定所述目标区块的区块类型,查询与所述区块类型相对应的区块类型布局信息。

可选的,当所述目标区块为多个时,各个目标区块的区块类型根据各个目标区块相对于屏幕焦点区域的位置关系划分。

可选的,所述页面为包含多个内容区块的内容列表页,且所述内容列表页中的各个内容区块的初始展示样式为第一样式;

其中,所述第一样式为对应于精简类展示方式的折叠样式,所述第二样式为对应于细化类展示方式的展开样式;所述针对页面触发的用户交互指令包括以下中的至少一个:页面滑动指令、页面缩放指令、声音控制指令、眼部控制指令、以及倾角控制指令。

由此可见,在该方式中,能够使页面中的各个内容区块的展示样式随用户交互操作而动态改变,通过将目标区块的展示样式从第一样式切换为第二样式,能够兼顾区块信息量与页面信息总量之间的平衡,从而既有利于用户详细了解目标区块的细化信息,又避免了整个页面的内容过载。

实施例四

本申请实施例四提供了一种非易失性计算机存储介质,所述计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的页面展示方法。可执行指令具体可以用于使得处理器执行上述方法实施例中对应的各个操作。

实施例五

图4示出了根据本发明实施例五的一种电子设备的结构示意图,本发明具体实施例并不对电子设备的具体实现做限定。

如图4所示,该电子设备可以包括:处理器(processor)402、通信接口(communicationsinterface)406、存储器(memory)404、以及通信总线408。

其中:

处理器402、通信接口406、以及存储器404通过通信总线408完成相互间的通信。

通信接口406,用于与其它设备比如客户端或其它服务器等的网元通信。

处理器402,用于执行程序410,具体可以执行上述页面展示方法实施例中的相关步骤。

具体地,程序410可以包括程序代码,该程序代码包括计算机操作指令。

处理器402可能是中央处理器cpu,或者是特定集成电路asic(applicationspecificintegratedcircuit),或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个cpu;也可以是不同类型的处理器,如一个或多个cpu以及一个或多个asic。

存储器404,用于存放程序410。存储器404可能包含高速ram存储器,也可能还包括非易失性存储器(non-volatilememory),例如至少一个磁盘存储器。

程序510具体可以用于使得处理器502执行上述方法实施例中对应的各个操作。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。

类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(dsp)来实现根据本发明实施例的基于语音输入信息的抽奖系统中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。


技术特征:

1.一种页面展示方法,包括:

响应于针对页面触发的用户交互指令,执行与所述用户交互指令相对应的用户交互操作;

根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块;

控制所述目标区块的展示样式从第一样式切换为第二样式。

2.根据权利要求1所述的方法,其中,当所述针对页面触发的用户交互指令为页面滑动指令时,所述内容区块在执行所述用户交互操作之后的区块状态为内容区块在显示屏幕中所处的显示位置;

则所述根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块包括:

分别计算各个内容区块在执行所述用户交互操作之后在显示屏幕中所处的显示位置,将显示位置与预设的屏幕焦点区域匹配的内容区块选择为目标区块。

3.根据权利要求2所述的方法,其中,所述预设的屏幕焦点区域包括:屏幕中部区域、屏幕顶部区域和/或屏幕底部区域。

4.根据权利要求2或3所述的方法,其中,所述控制所述目标区块的展示样式从第一样式切换为第二样式之后,进一步包括:

当检测到所述目标区块的区块状态改变且所述目标区块在显示屏幕中所处的显示位置与预设的屏幕焦点区域不匹配时,控制所述目标区块的展示样式从第二样式恢复为第一样式。

5.根据权利要求1或2所述的方法,其中,当所述针对页面触发的用户交互指令为声音控制指令或眼部控制指令时,所述内容区块在执行所述用户交互操作之后的区块状态包括选中状态以及非选中状态;

则所述根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块包括:将区块状态为选中状态的内容区块选择为目标区块。

6.根据权利要求1-5任一所述的方法,其中,所述控制所述目标区块的展示样式从第一样式切换为第二样式包括:

查询与所述第二样式相对应的区块布局信息,按照所述区块布局信息展示所述目标区块;

其中,所述区块布局信息包括:区块尺寸、和/或区块颜色;其中,第二样式所对应的区块尺寸大于第一样式所对应的区块尺寸。

7.根据权利要求6所述的方法,其中,所述按照所述区块布局信息展示所述目标区块具体包括:

获取与所述目标区块相对应的区块辅助信息;

根据所述区块布局信息以及所述区块辅助信息展示所述目标区块。

8.一种页面展示装置,包括:

交互模块,适于响应于针对页面触发的用户交互指令,执行与所述用户交互指令相对应的用户交互操作;

选择模块,适于根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块;

控制模块,适于控制所述目标区块的展示样式从第一样式切换为第二样式。

9.一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;

所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-7中任一项所述的页面展示装置对应的操作。

10.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如权利要求1-7中任一项所述的页面展示装置对应的操作。

技术总结
本发明实施例公开了一种页面展示方法及装置,涉及电子信息领域,包括:响应于针对页面触发的用户交互指令,执行与所述用户交互指令相对应的用户交互操作;根据页面中包含的各个内容区块在执行所述用户交互操作之后的区块状态,选择至少一个内容区块作为目标区块;控制所述目标区块的展示样式从第一样式切换为第二样式。该方式能够使页面中的各个内容区块的展示样式随用户交互操作而动态改变,通过将目标区块的展示样式从第一样式切换为第二样式,能够兼顾区块信息量与页面信息总量之间的平衡,从而既有利于用户详细了解目标区块的细化信息,又避免了整个页面的内容过载。

技术研发人员:陶骏
受保护的技术使用者:口碑(上海)信息技术有限公司
技术研发日:2020.01.08
技术公布日:2020.06.09

转载请注明原文地址: https://bbs.8miu.com/read-30441.html

最新回复(0)