阅读说明：本技术 用户终端和图形用户界面处理方法 (User terminal and graphic user interface processing method ) 是由 蒙晨 兰辉 于 2018-07-06 设计创作，主要内容包括：本发明提供了一种用户终端和图形用户界面处理方法。其中,该方法包括：处理器在触摸显示屏上提供一个应用程序的图形用户界面；处理器通过下列的方式来响应于用户对图形用户界面的接触：(i)按照用户对第一互动界面部分的第一手势输入,增加第一互动界面部分的面积；以及(ii)按照用户对内容界面的第二手势输入,减少第一互动界面部分的面积。通过本发明,解决了图形用户界面的使用体验差的问题,提高了图形用户界面的使用体验度。(The invention provides a user terminal and a graphical user interface processing method. Wherein, the method comprises the following steps: the processor provides a graphical user interface of an application program on the touch display screen; the processor responds to user contact with the graphical user interface by: (i) increasing the area of the first interactive interface part according to the first gesture input of the user to the first interactive interface part; and (ii) decreasing the area of the first interactive interface portion in accordance with a second gesture input by the user to the content interface. By the method and the device, the problem of poor use experience of the graphical user interface is solved, and the use experience of the graphical user interface is improved.)

用户终端和图形用户界面处理方法

技术领域

本发明涉及计算装置中的应用程序的图形用户界面处理领域，具体而言，涉及一种用户终端和图形用户界面处理方法。

背景技术

现有的以阅读、评论为主的应用程序的图形用户界面中，用于用户间互动(例如评论、点赞等)的互动界面直接承接在记录正文内容的内容界面之后。以现有技术的新浪微博的图形用户界面为例，该界面的缺陷在于：当用户的评论数量很多时，用户需要一直向下滚动页面来翻看互动界面中的评论；当看到某条评论内容，而需要回顾微博正文时，又需要将页面滚动回顶部来查看；如果此后再需要找到这某条评论内容，只能继向下滚动页面，并且逐一留意每一条评论，直到找到该评论内容。由此可见，直接承接式的图形用户界面，不利于用户之间的互动，用户的使用体验差。

针对现有技术中的图形用户界面的使用体验差的问题，目前尚未提出有效的解决方案。

发明内容

本发明提供了一种用户终端和图形用户界面处理方法，以至少解决相关技术中图形用户界面的使用体验差的问题。

第一方面，本发明实施例提供了一种用户终端，包括：

处理器；

触摸显示屏，其耦合到所述处理器，所述处理器接收所述触摸显示屏上的手势输入，并根据所述手势输入操作所述用户终端，以及控制所述触摸显示屏的显示，其中：

所述处理器在所述触摸显示屏上提供一个应用程序的图形用户界面，所述图形用户界面至少包括：互动界面和内容界面；所述互动界面浮于所述内容界面之上；所述互动界面被所述触摸显示屏的显示区域和非显示区域动态划分为第一互动界面部分和第二互动界面部分；

所述处理器通过下列的方式来响应于用户对所述图形用户界面的接触：(i)按照所述用户对所述第一互动界面部分的第一手势输入，增加所述第一互动界面部分的面积；以及(ii)按照所述用户对所述内容界面的第二手势输入，减少所述第一互动界面部分的面积。

第二方面，本发明实施例提供了一种图形用户界面处理方法，所述方法被具有处理器和触摸显示屏的用户终端实现；其中，所述触摸显示屏耦合到所述处理器；所述处理器接收所述触摸显示屏上的手势输入，并根据所述手势输入操作所述用户终端，以及控制所述触摸显示屏的显示；所述方法包括：

所述处理器在所述触摸显示屏上提供一个应用程序的图形用户界面，所述图形用户界面至少包括：互动界面和内容界面；所述互动界面浮于所述内容界面之上；所述互动界面被所述触摸显示屏的显示区域和非显示区域动态划分为第一互动界面部分和第二互动界面部分；

所述处理器通过下列的方式来响应于用户对所述图形用户界面的接触：(i)按照所述用户对所述第一互动界面部分的第一手势输入，增加所述第一互动界面部分的面积；以及(ii)按照所述用户对所述内容界面的第二手势输入，减少所述第一互动界面部分的面积。

通过本发明实施例提供的用户终端和图形用户界面处理方法，采用处理器在触摸显示屏上提供一个应用程序的图形用户界面，图形用户界面至少包括：互动界面和内容界面；互动界面浮于内容界面之上；互动界面被触摸显示屏的显示区域和非显示区域动态划分为第一互动界面部分和第二互动界面部分；处理器通过下列的方式来响应于用户对图形用户界面的接触：(i)按照用户对第一互动界面部分的第一手势输入，增加第一互动界面部分的面积；以及(ii)按照用户对内容界面的第二手势输入，减少第一互动界面部分的面积的方式，解决了图形用户界面的使用体验差的问题，提高了图形用户界面的使用体验度。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的图形用户界面处理方法的流程图；

图2是根据本发明实施例的图形用户界面的示意图一；

图3是根据本发明实施例的图形用户界面的示意图二；

图4是根据本发明实施例的图形用户界面的示意图三；

图5是根据本发明实施例的图形用户界面的使用状态参考图一；

图6是根据本发明实施例的图形用户界面的使用状态参考图二；

图7是根据本发明实施例的用户终端的结构示意图。

具体实施方式

下面将详细描述本发明的各个方面的特征和示例性实施例，为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细描述。应理解，此处所描述的具体实施例仅用于解释本发明，并不用于限定本发明。对于本领域技术人员来说，本发明可以在不需要这些具体细节中的一些细节的情况下实施。下面对实施例的描述仅仅是为了通过示出本发明的示例来提供对本发明更好的理解。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括……”限定的要素，并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。

为了解决相关技术中直接承接式的图形用户界面存在的用户使用体验差的问题，在本发明实施例中提出了一种“两段式”图形用户界面结构。所谓“两段式”是指将图形用户界面的页面按照内容界面和互动界面分为上下两段的信息构架。上段为内容界面，用以展示资料、基本信息等正文信息；下段为互动界面，用以展示互动内容。通过“两段式”结构，能够使得内容界面和互动界面中的重要内容都能够在有限的屏幕空间中更合理地排布，不仅提高了用户的使用体验，也能够刺激用户参与互动。

为了实现上述目的，在本实施例中提供了一种用户终端和图形用户界面处理方法，该方法被具有处理器和触摸显示屏的用户终端实现；其中，触摸显示屏耦合到处理器；处理器接收触摸显示屏上的手势输入，并根据手势输入操作用户终端，以及控制触摸显示屏的显示。图1是根据本发明实施例的图形用户界面处理方法的流程图，如图1所示，该流程包括如下步骤：

步骤S101，处理器在触摸显示屏上提供一个应用程序的图形用户界面，图形用户界面至少包括：互动界面和内容界面；互动界面浮于内容界面之上；互动界面被触摸显示屏的显示区域和非显示区域动态划分为第一互动界面部分和第二互动界面部分；

图2是根据本发明实施例的图形用户界面的示意图一。在图2中示出的图形用户界面中分为上下两段，上段为内容界面，下段为互动界面的第一互动界面部分。

步骤S102，处理器通过下列的方式来响应于用户对图形用户界面的接触：(i)按照用户对第一互动界面部分的第一手势输入，增加第一互动界面部分的面积；以及(ii)按照用户对内容界面的第二手势输入，减少第一互动界面部分的面积。

图3是根据本发明实施例的图形用户界面的示意图二。在图2中示出了对应于方式(i)的响应，其中，第一互动界面部分的面积几乎占据了整个显示区域，有利于用户的互动。

图4是根据本发明实施例的图形用户界面的示意图三。在图3中示出了对应于方式(ii)的响应，其中，第一互动界面部分的面积缩小，以尽量显示出更多的内容界面的内容，但是第一互动界面部分不会完全消失，而是紧贴在显示区域的一个边缘。

另外，处理器还会响应第一手势输入对互动界面中的内容、元素进行处理，以及处理器还会响应第二手势输入对内容界面中的内容、元素进行处理。

用户受到直接承接式界面的影响，以及用户手势操作的热点区域的限制，用户习惯于互动内容位于正文内容底部。按照用户习惯的使用体验，在本实施例中，也将互动界面设置在内容界面的底部，即第一互动界面部分和第二互动界面部分由触摸显示屏的显示区域的下边缘动态划分而来。通过上述的描述可知，第一互动界面部分和第二互动界面部分还可以由显示区域的其他边缘动态划分而来。

上述的第一手势输入和第二手势输入都包括：点击手势输入和滑动手势输入。

针对第一互动界面部分的滑动手势输入包括：朝向显示区域的中心的方向拖动第一互动界面部分的滑动手势输入，和/或，向左右方向或者上下方向滚动互动界面的页面的滑动手势输入。处理器响应第一手势输入对互动界面中的内容、元素进行处理是指：处理器响应作用于第一互动界面部分中的点击、滑动手势输入，并且根据点击、滑动手势输入的位置、作用的目标来执行预先设置的操作。图5是根据本发明实施例的图形用户界面的使用状态参考图一，如图5所示，当用户点击“影评”标签时，互动界面显示出影评相关的内容；当用户再点击“讨论”标签时，互动界面中则将显示出讨论相关的内容；用户也可以通过在互动界面的内容页面中左右滑动来切换标签，通过上下滑动来滚动内容。

针对内容界面的滑动手势输入包括：向左右方向或者上下方向滚动内容界面的页面的滑动手势输入。处理器响应第二手势输入对内容界面中的内容、元素进行处理是指：处理器响应作用于内容界面中的点击、滑动手势输入，并且根据点击、滑动手势输入的位置、作用的目标来执行预先设置的操作。图6是根据本发明实施例的图形用户界面的使用状态参考图二，如图6所示，当用户在内容界面中执行上下滑动的手势输入时，则根据滑动的方向滚动内容界面中的内容；当用户点击内容界面中的标签时，内容界面响应该操作显示与该标签对应的内容，但是图6中所示的底部的第一互动界面部分将一直保持存在。

如果想要将图形用户界面的状态由图5切换为图6，则可以通过点击内容界面，或者在第一互动界面部分的标签部分的一个控件上执行下滑的手势输入，以拖动第一互动界面部分向下滑动，最终使图形用户界面呈现出图6的状态。

较优地，本发明实施例中的用户终端为移动终端，尤其是具有触摸显示屏和处理器的手机终端。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例的方法。

在本实施例中还提供了一种用户终端，该用户终端用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。图7是根据本发明实施例的用户终端的结构示意图，如图7所示，该用户终端包括：

处理器71；

触摸显示屏72，其耦合到处理器71，处理器71接收触摸显示屏72上的手势输入，并根据手势输入操作用户终端，以及控制触摸显示屏72的显示，其中：

处理器71在触摸显示屏72上提供一个应用程序的图形用户界面73，图形用户界面73至少包括：互动界面731和内容界面732；互动界面731浮于内容界面732之上；互动界面731被触摸显示屏72的显示区域和非显示区域动态划分为第一互动界面部分7311和第二互动界面7312部分；

处理器71通过下列的方式来响应于用户对图形用户界面73的接触：(i)按照用户对第一互动界面部分7311的第一手势输入，增加第一互动界面部分7311的面积；以及(ii)按照用户对内容界面732的第二手势输入，减少第一互动界面部分7311的面积。

第一互动界面部分7311和第二互动界面部分7312由触摸显示屏72的显示区域的下边缘动态划分而来。

可选地，第一手势输入包括：点击手势输入、滑动手势输入。

可选地，滑动手势输入包括：朝向显示区域的中心的方向拖动第一互动界面部分7311的滑动手势输入，和/或，向左右方向或者上下方向滚动互动界面731的页面的滑动手势输入。

可选地，第二手势输入包括：点击手势输入、滑动手势输入。

可选地，滑动手势输入包括：向左右方向或者上下方向滚动内容界面732的页面的滑动手势输入。

可选地，用户终端为移动终端。

综上所述，本发明实施例提供的上述方案，采用“两段式”的图形用户界面的构架，具有以下有益效果：

一方面是页面分区明确，简化了用户学习门槛和操作难度，容易上手；另一方面是解决了屏幕空间问题，可以让原本位于页面很下方的重要内容，能够更方便地呈现在用户面前，在有限的屏幕中，制造出另□个空间。

基于此优势，在承载内容的页面中应用本发明实施例时，用户可以方便地在正文和互动层之间任意切换，关掉互动层后，正文仍然保持在之前阅读的位置，不必担心阅读位置会发生变化。同时，这也让参与互动变得更加简单、轻松。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。