阅读说明：本技术 用户终端和图形用户界面处理方法 (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.)

1. A user terminal, comprising:

a processor;

a touch display coupled to the processor, the processor receiving gesture input on the touch display and operating the user terminal according to the gesture input and controlling display of the touch display, wherein:

the processor provides a graphical user interface of an application program on the touch display screen, and the graphical user interface at least comprises: an interactive interface and a content interface; the interactive interface floats above the content interface; the interactive interface is dynamically divided into a first interactive interface part and a second interactive interface part by a display area and a non-display area of 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 an area of the first interactive interface portion in accordance with a second gesture input of the user to the content interface.

2. The user terminal according to claim 1, wherein the first interactive interface portion and the second interactive interface portion are dynamically divided from a lower edge of a display area of the touch display screen.

3. The user terminal of claim 1, wherein the first gesture input comprises: click gesture input, swipe gesture input.

4. The user terminal of claim 3, wherein the swipe gesture input comprises: and dragging the sliding gesture input of the first interactive interface part towards the direction of the center of the display area, and/or scrolling the page of the interactive interface towards the left-right direction or the up-down direction.

5. The user terminal of claim 3, wherein the second gesture input comprises: click gesture input, swipe gesture input.

6. The user terminal of claim 5, wherein the swipe gesture input comprises: and a sliding gesture input of scrolling the page of the content interface in the left-right direction or the up-down direction.

7. The user terminal according to any of claims 1 to 6, wherein the user terminal is a mobile terminal.

8. A graphical user interface processing method, the method being implemented by a user terminal having a processor and a touch display screen; wherein the touch display screen is coupled to the processor; the processor receives gesture input on the touch display screen, operates the user terminal according to the gesture input, and controls display of the touch display screen; characterized in that the method comprises:

the processor provides a graphical user interface of an application program on the touch display screen, and the graphical user interface at least comprises: an interactive interface and a content interface; the interactive interface floats above the content interface; the interactive interface is dynamically divided into a first interactive interface part and a second interactive interface part by a display area and a non-display area of 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 an area of the first interactive interface portion in accordance with a second gesture input of the user to the content interface.

9. The method of claim 8, wherein the first interactive interface portion and the second interactive interface portion are dynamically divided from a lower edge of a display area of the touch screen display.

10. The method according to claim 8 or 9, wherein the user terminal is a mobile terminal.

Technical Field

The present invention relates to the field of graphical user interface processing of application programs in computing devices, and in particular, to a user terminal and a graphical user interface processing method.

Background

In the graphical user interface of the existing reading and comment-based application program, an interactive interface for interaction (such as comment, praise and the like) among users is directly accepted behind a content interface for recording text content. Taking the graphical user interface of the Sina microblog in the prior art as an example, the interface has the defects that: when the number of the comments of the user is large, the user needs to scroll down the page all the time to look over the comments in the interactive interface; when some comment content is seen and the microblog text needs to be reviewed, the page needs to be scrolled back to the top for viewing; if the comment content needs to be found later, the page can be scrolled downwards, and each comment is cared for one by one until the comment content is found. Therefore, the direct connection type graphical user interface is not beneficial to interaction among users, and the use experience of the users is poor.

Aiming at the problem of poor use experience of a graphical user interface in the prior art, an effective solution is not provided at present.

Disclosure of Invention

The invention provides a user terminal and a graphical user interface processing method, which at least solve the problem of poor use experience of a graphical user interface in the related art.

In a first aspect, an embodiment of the present invention provides a user terminal, including:

a processor;

a touch display coupled to the processor, the processor receiving gesture input on the touch display and operating the user terminal according to the gesture input and controlling display of the touch display, wherein:

the processor provides a graphical user interface of an application program on the touch display screen, and the graphical user interface at least comprises: an interactive interface and a content interface; the interactive interface floats above the content interface; the interactive interface is dynamically divided into a first interactive interface part and a second interactive interface part by a display area and a non-display area of 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 an area of the first interactive interface portion in accordance with a second gesture input of the user to the content interface.

In a second aspect, an embodiment of the present invention provides a graphical user interface processing method, where the method is implemented by a user terminal having a processor and a touch display screen; wherein the touch display screen is coupled to the processor; the processor receives gesture input on the touch display screen, operates the user terminal according to the gesture input, and controls display of the touch display screen; the method comprises the following steps:

the processor provides a graphical user interface of an application program on the touch display screen, and the graphical user interface at least comprises: an interactive interface and a content interface; the interactive interface floats above the content interface; the interactive interface is dynamically divided into a first interactive interface part and a second interactive interface part by a display area and a non-display area of 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 an area of the first interactive interface portion in accordance with a second gesture input of the user to the content interface.

By the user terminal and the graphical user interface processing method provided by the embodiment of the invention, a processor is adopted to provide a graphical user interface of an application program on a touch display screen, and the graphical user interface at least comprises the following steps: an interactive interface and a content interface; the interactive interface floats above the content interface; the interactive interface is dynamically divided into a first interactive interface part and a second interactive interface part by a display area and a non-display area of 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) according to the second gesture input of the user to the content interface, the problem of poor use experience of the graphical user interface is solved in a mode of reducing the area of the first interactive interface part, and the use experience degree of the graphical user interface is improved.

Drawings

The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the invention and together with the description serve to explain the invention without limiting the invention. In the drawings:

FIG. 1 is a flow chart of a graphical user interface processing method according to an embodiment of the present invention;

FIG. 2 is a first schematic diagram of a graphical user interface according to an embodiment of the present invention;

FIG. 3 is a second schematic diagram of a graphical user interface according to an embodiment of the present invention;

FIG. 4 is a schematic diagram of a graphical user interface of a third embodiment in accordance with the present invention;

FIG. 5 is a usage state reference diagram one of a graphical user interface according to an embodiment of the present invention;

FIG. 6 is a use state reference diagram of a graphical user interface according to an embodiment of the present invention;

fig. 7 is a schematic structural diagram of a user terminal according to an embodiment of the present invention.

Detailed Description

Features and exemplary embodiments of various aspects of the present invention will be described in detail below, and in order to make objects, technical solutions and advantages of the present invention more apparent, the present invention will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention. It will be apparent to one skilled in the art that the present invention may be practiced without some of these specific details. The following description of the embodiments is merely intended to provide a better understanding of the present invention by illustrating examples of the present invention.

It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.

In order to solve the problem of poor user experience of a direct connection type graphical user interface in the related art, the embodiment of the invention provides a 'two-section' graphical user interface structure. The two-segment type information framework is an information framework which divides a page of a graphical user interface into an upper segment and a lower segment according to a content interface and an interactive interface. The upper section is a content interface used for displaying text information such as data, basic information and the like; the lower section is an interactive interface for displaying interactive contents. Through the two-section structure, important contents in a content interface and an interactive interface can be more reasonably arranged in a limited screen space, so that the use experience of a user is improved, and the user can be stimulated to participate in interaction.

In order to achieve the above object, there are provided in the present embodiment a user terminal and a graphical user interface processing method, which are implemented by a user terminal having a processor and a touch display screen; wherein the touch display screen is coupled to the processor; the processor receives gesture input on the touch display screen, operates the user terminal according to the gesture input, and controls display of the touch display screen. Fig. 1 is a flowchart of a graphical user interface processing method according to an embodiment of the present invention, as shown in fig. 1, the flowchart includes the steps of:

step S101, the processor provides a graphical user interface of an application program on the touch display screen, and the graphical user interface at least comprises: an interactive interface and a content interface; the interactive interface floats above the content interface; the interactive interface is dynamically divided into a first interactive interface part and a second interactive interface part by a display area and a non-display area of the touch display screen;

FIG. 2 is a first diagram of a graphical user interface according to an embodiment of the present invention. The graphical user interface shown in fig. 2 is divided into an upper section and a lower section, where the upper section is a content interface and the lower section is a first interactive interface portion of an interactive interface.

In step S102, the processor responds to the user' S 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.

FIG. 3 is a second schematic diagram of a graphical user interface according to an embodiment of the present invention. The response corresponding to mode (i) is shown in FIG. 2, where the area of the first interactive interface portion occupies substantially the entire display area, facilitating user interaction.

FIG. 4 is a third schematic diagram of a graphical user interface according to an embodiment of the present invention. The response corresponding to mode (ii) is shown in fig. 3, in which the area of the first interactive interface portion is reduced to display as much content of the content interface as possible, but the first interactive interface portion does not disappear completely, but is clung to one edge of the display area.

In addition, the processor is also responsive to the first gesture input to process the content and elements in the interactive interface, and the processor is also responsive to the second gesture input to process the content and elements in the content interface.

The user is influenced by the direct connection interface and is limited by the hot spot area of the gesture operation of the user, and the user is used to the interactive content positioned at the bottom of the text content. According to the experience of the user, in this embodiment, the interactive interface is also disposed at the bottom of the content interface, that is, the first interactive interface portion and the second interactive interface portion are dynamically divided from the lower edge of the display area of the touch display screen. As can be seen from the above description, the first interactive interface portion and the second interactive interface portion can also be dynamically divided by other edges of the display area.

The first gesture input and the second gesture input comprise: a tap gesture input and a swipe gesture input.

The slide gesture input for the first interactive interface portion comprises: and/or, a sliding gesture input of scrolling a page of the interactive interface in a left-right direction or an up-down direction. The processor responds to the first gesture input to process the content and the elements in the interactive interface, and the processing is as follows: the processor responds to the click and sliding gesture input acting in the first interactive interface part and executes preset operation according to the position of the click and sliding gesture input and the target of the action. FIG. 5 is a first diagram illustrating a usage status of a graphical user interface according to an embodiment of the present invention, as shown in FIG. 5, when a user clicks a "movie ratings" tab, an interactive interface displays content related to movie ratings; when the user clicks the 'discussion' label again, the interactive interface displays the content related to the discussion; the user can also switch the tab by sliding left and right in the content page of the interactive interface, scrolling the content by sliding up and down.

The swipe gesture input for the content interface includes: and a sliding gesture input for scrolling a page of the content interface in a left-right direction or an up-down direction. The processor responds to the second gesture input to process the content and the elements in the content interface, and the processing is that: the processor responds to the click and sliding gesture input acting in the content interface and executes preset operation according to the position of the click and sliding gesture input and the target of the action. Fig. 6 is a view for illustrating a usage state of a graphic user interface according to an embodiment of the present invention referring to fig. two, as shown in fig. 6, when a user performs a gesture input of sliding up and down in a content interface, the content in the content interface is scrolled according to a sliding direction; when the user clicks on a tab in the content interface, the content interface displays the content corresponding to the tab in response to the operation, but the bottom first interactive interface portion shown in fig. 6 will remain present at all times.

If the state of the graphical user interface is to be switched from fig. 5 to fig. 6, the graphical user interface may finally be brought to the state of fig. 6 by clicking the content interface or performing a downslide gesture input on a control of the tab portion of the first interactive interface portion to drag the first interactive interface portion to slide downwards.

Preferably, the user terminal in the embodiment of the present invention is a mobile terminal, especially a mobile phone terminal having a touch display screen and a processor.

Through the above description of the embodiments, those skilled in the art can clearly understand that the method according to the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but the former is a better implementation mode in many cases. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal device (such as a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present invention.

In this embodiment, a user terminal is further provided, and the user terminal is used to implement the foregoing embodiments and preferred embodiments, and details of which have been already described are omitted. Fig. 7 is a schematic structural diagram of a user terminal according to an embodiment of the present invention, and as shown in fig. 7, the user terminal includes:

a processor 71;

a touch display screen 72 coupled to the processor 71, the processor 71 receiving gesture input on the touch display screen 72, operating the user terminal according to the gesture input, and controlling display of the touch display screen 72, wherein:

the processor 71 provides a graphical user interface 73 of an application on the touch screen display 72, the graphical user interface 73 including at least: interactive interface 731 and content interface 732; interactive interface 731 floats over content interface 732; the interactive interface 731 is dynamically divided into a first interactive interface portion 7311 and a second interactive interface portion 7312 by the display area and the non-display area of the touch display 72;

processor 71 responds to user contact with graphical user interface 73 by: (i) increasing an area of the first interactive interface portion 7311 according to a first gesture input of the user to the first interactive interface portion 7311; and (ii) decrease the area of the first interactive interface portion 7311 in accordance with a second gesture input by the user to the content interface 732.

The first and second interactive interface portions 7311 and 7312 are dynamically divided by a lower edge of a display area of the touch display 72.

Optionally, the first gesture input comprises: click gesture input, swipe gesture input.

Optionally, the swipe gesture input includes: a slide gesture input dragging the first interactive interface portion 7311 towards the center of the display area, and/or a slide gesture input scrolling the page of the interactive interface 731 in a left-right direction or an up-down direction.

Optionally, the second gesture input comprises: click gesture input, swipe gesture input.

Optionally, the swipe gesture input includes: a swipe gesture input that scrolls the page of content interface 732 in the left-right direction or the up-down direction.

Optionally, the user terminal is a mobile terminal.

In summary, the above-mentioned solution provided by the embodiment of the present invention adopts a framework of a "two-segment" graphical user interface, and has the following beneficial effects:

on one hand, the page is clearly partitioned, so that the learning threshold and the operation difficulty of a user are simplified, and the operation is easy to operate; on the other hand, the problem of screen space is solved, important contents originally positioned under the page can be more conveniently presented to a user, and another □ spaces are manufactured in a limited screen.

Based on the advantages, when the embodiment of the invention is applied to the page bearing the content, the user can conveniently and randomly switch between the text and the interactive layer, and after the interactive layer is turned off, the text still keeps at the previous reading position without worrying about the change of the reading position. Meanwhile, the participation interaction becomes simpler and easier.

The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.