[发明专利]一种页面交互方法、系统、介质及电子终端

说明书

本发明提供一种页面交互方法、系统、介质及电子终端，方法包括：在一视图页面上对相应层级的页面元素进行平铺显示，相邻层级的页面元素相互关联；当用户触发任一页面元素时，则根据预先设置的显示规则，进行下一层级的视图页面的显示与交互；所述显示规则包括：确定与当前被触发的页面元素相关联的元素信息，根据所述元素信息，进行显示，所述元素信息至少包括以下之一：当前页面元素对应的元素详情信息、下一层级的页面元素，以及用于表示交互入口的交互触发区域信息；本发明中的方法，降低页面元素架构的繁杂程度，实现了对复杂度较高的信息框架的降维处理，较好地保证了各个层级的视图页面或用户界面的简洁性，提高交互效率与用户体验。

技术领域

本发明涉及互联网技术领域，尤其涉及一种页面交互方法、系统、介质及电子终端。

背景技术

目前，通常通过菜单来完成对系统的多层级页面的重新梳理和收纳，以此来保证在单一页面中不会出现特别深入的层级；或者，通过面包屑组件或层级导航来对页面层级进行管理等方法，确保用户始终能够意识到自己当前所处的层级；又或，通过压缩页面空间，在有限的页面中显示相对更多的信息和交互操作入口，以此来保证对业务复杂性的支撑。

然而，上述方法存在一定问题，如：网页页面的菜单结构较复杂，用户需要付出过多的精力进行寻找目标应用，且仅支持单向的返回路径，存在较差的操作反馈和使用体验，页面过于拥挤和繁杂，无法快速地做出准确的交互行为，以及使用限制性较强，对设备限制与要求较高等。

发明内容

本发明提供一种页面交互方法、系统、介质及电子终端，以解决现有技术中网页页面的菜单结构较复杂、页面过于拥挤和繁杂，导致用户体验感较差的问题。

本发明提供的页面交互方法，包括：

在一视图页面上对相应层级的页面元素进行平铺显示，相邻层级的页面元素相互关联；

当用户触发任一页面元素时，则根据预先设置的显示规则，进行下一层级的视图页面的显示与交互；

所述显示规则包括：确定与当前被触发的页面元素相关联的元素信息，根据所述元素信息，进行显示，所述元素信息至少包括以下之一：当前页面元素对应的元素详情信息、下一层级的页面元素和用于表示交互入口的交互触发区域信息。

可选的，根据所述元素信息，进行显示的步骤包括：

根据所述元素信息，确定对应的交互显示区域，所述交互显示区域至少包括以下之一：当前被触发的页面元素的元素详情区域、下一层级的页面元素的显示区域和当前被触发的页面元素的交互触发区域；

根据预设的平移方向，控制当前的视图页面平移，对当前视图页面中的交互显示区域进行挤压与隐藏，获取当前视图页面中的剩余区域；

利用所述剩余区域，对与所述元素信息相对应的交互显示区域进行显示，完成交互。

可选的，所述页面元素包括：一级页面元素；

根据预先设置的分类规则，对多个所述一级页面元素进行分类，确定所述一级页面元素的类别；

根据所述一级页面元素的类别，对所述一级页面元素进行收纳与分组，获取一个或多个元素组以及对应的元素组图标；

利用所述元素组图标，对所述一级页面元素进行显示。

可选的，所述页面元素还包括：二级页面元素；

利用所述元素组图标，对所述元素组进行触发；

当所述元素组被触发时，则对所述元素组对应的一级页面元素进行显示；

当任一一级页面元素被触发时，则根据当前的一级页面元素，确定与当前的一级页面元素相关联的二级页面元素；