CN105528131A - Information display method, information display apparatus, and mobile device - Google Patents

Abstract

The present application provides an information display method, device and mobile device. The method includes: providing a preset information box in a first area of the user interface; providing icons corresponding to at least two types of data in the first area; receiving an instruction from a user to trigger the icon through the user interface; According to the instruction, the data corresponding to the icon triggered by the user is displayed in the information box, and the change information of the data within a preset time period is displayed in the second area of the user interface. Through the technical solution of the present application, the data that the user wants to view and its change information can be completely displayed on the user interface, which is convenient for the user to compare and analyze.

Description

An information display method, device and mobile device

technical field

The present application relates to the technical field of terminals, and in particular to an information display method, device and mobile device.

Background technique

With the extensive development of Internet technology and the popularization of smart terminals, people can use various application programs (APP, Application) loaded on smart terminals to realize functions such as surfing the Internet, shopping, and communicating.

However, the screens of smart terminals are generally small, if the user wants to view some statistical data and its change information, for example: a trend chart of the statistical data. Then, limited by the size of the smart terminal screen, it is often impossible to clearly and completely display all the data and its trend charts on the user interface, thereby affecting the user's comparative analysis.

Contents of the invention

In view of this, the present application provides an information display method, device and mobile device.

Specifically, this application is achieved through the following technical solutions:

A method for displaying information, the method comprising:

providing a preset information box in the first area of the user interface;

providing icons corresponding to at least two types of data in the first area;

receiving an instruction from a user to trigger the icon through the user interface;

According to the instruction, the data corresponding to the icon triggered by the user is displayed in the information box, and the change information of the data within a preset time period is displayed in the second area of the user interface.

Further, the method also includes:

Get the preset display properties;

According to the display attribute, the display effect of the icon triggered by the user is adjusted.

Further, the receiving the user's instruction to trigger the icon through the user interface includes:

An instruction for the user to click the icon is received through the user interface.

Further, the providing icons corresponding to at least two kinds of data in the first area includes:

Icons corresponding to at least two kinds of data are provided on the frame of the information box.

Further, the receiving the user's instruction to trigger the icon through the user interface includes:

receiving an instruction from the user to slide the selected icon to a preset position along the border of the information box through the user interface;

The method also includes:

While the user is sliding, the border of the information box is rotated according to the user's sliding method.

Further, the method also includes:

Displaying data corresponding to icons not triggered by the user in a preset area outside the information box in the first area.

Further, the transparency of the data corresponding to the icon not triggered by the user is greater than the transparency of the data displayed in the information box.

An information display device, the device comprising:

a first providing unit, providing a preset information box in the first area of the user interface;

a second providing unit, providing icons corresponding to at least two types of data in the first area;

an instruction receiving unit, configured to receive an instruction from a user to trigger the icon through the user interface;

The first display unit, according to the instruction, displays the data corresponding to the icon triggered by the user in the information box, and displays the change information of the data within a preset time period in the second area of the user interface.

Further, the device also includes:

An attribute acquisition unit, which acquires preset display attributes;

The effect adjustment unit adjusts the display effect of the icon triggered by the user according to the display attribute.

Further, the instruction receiving unit specifically receives an instruction for the user to click the icon through the user interface.

Further, the second providing unit specifically provides icons corresponding to at least two kinds of data on the border of the information box.

Further, the instruction receiving unit specifically receives an instruction for the user to slide the selected icon to a preset position along the border of the information box through the user interface;

The device also includes:

The frame rotation unit rotates the frame of the information frame according to the user's sliding method while the user slides.

Further, the device also includes:

The second display unit is configured to display data corresponding to icons not triggered by the user in a preset area outside the information box in the first area.

Further, the transparency of the data corresponding to the icon not triggered by the user is greater than the transparency of the data displayed in the information box.

A mobile device comprising:

touch display;

processor; and

a memory, the memory is configured to store a statistical data display program, the statistical data display program is configured to be executed by the processor to display a statistical data interface on the touch display, the statistical data interface includes a first area and a second area, the first area includes a first type of data icon at a first position and a second type of data icon at a second position in a discrete arrangement, the first type of data icon and the second type of data The icon is configured to, in response to an operation instruction input by the user through the touch display, sequentially move to the data-triggered display position according to a predetermined trajectory, and when the first type of data icon is moved to the data-triggered display position, The second area follows and displays the change chart of the corresponding first type of data within a preset time period, and when the icon of the second type of data is moved to the data trigger display position, the second area follows and displays the corresponding The change graph of the second type of data within a preset time period.

It can be seen from the above description that the present application divides the user interface into a first area and a second area, so that data can be displayed in the first area, and change information of the data can be displayed in the second area, Thus, the data that the user wants to view and its change information are completely displayed on the user interface according to the user's instruction, so as to facilitate the user's comparison and analysis.

Description of drawings

FIG. 1 is a schematic flowchart of an information display method in an embodiment of the present application.

Fig. 2 is a schematic diagram of a first area of a user interface in an embodiment of the present application.

Fig. 3 is a schematic diagram of a user interface in an embodiment of the present application.

Fig. 4 is a schematic diagram of another user interface in an embodiment of the present application.

Fig. 5 is a schematic diagram of another user interface in an embodiment of the present application.

Fig. 6 is a schematic diagram of another user interface in an embodiment of the present application.

Fig. 7 is a schematic diagram of another user interface in an embodiment of the present application.

Fig. 8 is a schematic diagram of another user interface in an embodiment of the present application.

FIG. 9 is a schematic structural diagram of a terminal in an embodiment of the present application.

Fig. 10 is a schematic structural diagram of an information display device in an embodiment of the present application.

detailed description

Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with this application. Rather, they are merely examples of apparatuses and methods consistent with aspects of the present application as recited in the appended claims.

The terminology used in this application is for the purpose of describing particular embodiments only, and is not intended to limit the application. As used in this application and the appended claims, the singular forms "a", "the", and "the" are intended to include the plural forms as well, unless the context clearly dictates otherwise. It should also be understood that the term "and/or" as used herein refers to and includes any and all possible combinations of one or more of the associated listed items.

It should be understood that although the terms first, second, third, etc. may be used in this application to describe various information, the information should not be limited to these terms. These terms are only used to distinguish information of the same type from one another. For example, without departing from the scope of the present application, first information may also be called second information, and similarly, second information may also be called first information. Depending on the context, the word "if" as used herein may be interpreted as "at" or "when" or "in response to a determination."

In view of the above problems, the present application provides an information display solution.

Please refer to FIG. 1, the present application provides an information display method applied on a terminal, and the method includes the following steps:

Step 101, providing a preset information box in a first area of a user interface.

In this embodiment, the design divides the user interface into two areas, namely the first area and the second area, the first area can be used to display data, and the second area can be used to display the data Change information, such as: a trend chart of the data over a period of time. Certainly, those skilled in the art may also divide the user interface into three areas, or even four areas, etc. according to requirements, and the present application does not make any special limitation on this.

In this embodiment, the first area and the second area may be divided according to the display mode of the user interface. For example, if the display mode of the user interface is vertical screen display, the user interface may be displayed from top to bottom. Divided into a first area and a second area. If the display mode of the user interface is horizontal screen display, the user interface may be divided into a first area and a second area from left to right. The size of the first area and the second area can be set according to the shape and size of the displayed content, for example: the first area and the second area each account for a percentage of the user interface fifty.

In this step, a preset information box is provided in the first area for displaying the data. The information box may be in a shape such as a circle, a square, or a rhombus, which is not particularly limited in the present application. The information frame can be set at any position in the first area. Preferably, the information frame can be set in a middle position in the first area, and the middle position is the most prominent, which is convenient for users to view.

Step 102, providing icons corresponding to at least two types of data in the first area.

The icons are in one-to-one correspondence with the types of data, and different icons are provided for different types of data, so that users can distinguish them.

In this step, the icon may be provided at a position other than the information box in the first area. Preferably, the icon can be provided on the border of the information box. Please refer to FIG. 2 which is a schematic diagram of a first area in a user interface of this embodiment. The preset information frame is circular and located in the middle of the first area. There are three different icons on the frame of the information frame, corresponding to different types of data respectively.

Step 103, receiving an instruction from a user to trigger the icon through the user interface.

In this step, the user may display the data corresponding to the icon by triggering the icon in the first area. Wherein, the user's triggering method can be set by the developer, such as: clicking an icon, sliding an icon, etc., and this application does not impose special restrictions on this.

Step 104: According to the instruction, display the data corresponding to the icon triggered by the user in the information box, and display the change information of the data within a preset time period in the second area of the user interface.

Based on the aforementioned step 103, when an instruction to trigger the icon from the user is received, the data corresponding to the icon triggered by the user is displayed in the information box, so as to improve the readability of the data. Correspondingly, the change information of the data is displayed in the second area of the user interface. In some embodiments, change information can also be displayed in real time.

Specifically, in this step, when receiving an instruction from the user to trigger the icon, the data corresponding to the icon is acquired from the server, and then the data is displayed in the information box. For the interaction process with the server, reference may be made to related technologies, which will not be repeated in this application. The data includes, but is not limited to: real-time statistical data, historical data, and the like. The change information of the data may be displayed in the form of charts, trend charts, etc. according to the settings of the user, and this application does not make special restrictions on this.

It can be seen from the above description that the present application divides the user interface into a first area and a second area, so that data can be displayed in the first area, and change information of the data can be displayed in the second area, Thus, the data that the user wants to view and its change information are completely displayed on the user interface according to the user's instruction, so as to facilitate the user's comparison and analysis.

The implementation process of the present application will be described in detail below in conjunction with specific embodiments.

Taking providing icons corresponding to at least two kinds of data on the border of the information box as an example, the user may click on the icon or slide the icon to trigger the icon.

Take the real-time statistical data as an example when a user checks the transaction information of a store. Please refer to FIG. 3 for a schematic diagram of a user interface of this embodiment. The default displayed statistical data is "amount". As shown in FIG. 3 , the statistical data "amount" is displayed in the preset information box in the first area, and the change trend of the "amount" is displayed in the second area. When the user wants to view other statistical data, such as: "Number of Buyers", the user can click the icon corresponding to "Number of Buyers", and then the statistical data "Number of Buyers" will be displayed in the preset information box, and in The change trend of "number of buyers" is displayed in the second area, forming the user interface shown in FIG. 4 .

In a preferred embodiment of the present application, it is set to trigger the icon by sliding the icon. Please refer to Figure 5, if the statistical data that the user wants to view is "Number of Buyers", then the user can slide the icon corresponding to "Number of Buyers", for example: move the icon corresponding to the "Number of Buyers" along the The border of the information box slides clockwise to the position of the icon "¥" corresponding to the "amount". At the same time, the border of the information box can also be rotated according to the user's sliding direction to form the user interface shown in FIG. 6 . Of course, in actual implementation, it may also be set to slide clockwise for a preset distance along the frame of the information box, or slide counterclockwise, etc., and the present application does not make special restrictions on the comparison. Setting a sliding statistical data switching method can allow users to feel the process of data changes during the process of switching data and enhance user experience.

Further, when the data corresponding to the icon triggered by the user is displayed in the information box, a preset display attribute is obtained, and the display effect of the icon triggered by the user is adjusted according to the display attribute. Specifically, when the user selects the data he or she wants to view by triggering an icon, the display effect of the icon triggered by the user may be changed to remind the user of the type of data currently viewed. The display attributes include: size, shape, color and so on. For example: the size of the icon triggered by the user can be increased to distinguish other icons. Please refer to the schematic diagram of a user interface of the present embodiment shown in FIG. 7, taking the display attribute as an example of size, as shown in FIG. 7, after the user triggers the icon “¥”, the display size of the icon “¥” is adjusted to Preset size to distinguish other icons.

Furthermore, data corresponding to icons not triggered by the user may also be displayed in a preset area outside the information box in the first area. Please refer to FIG. 8 , the data corresponding to the icons not triggered by the user may be weakened and displayed next to the icons. In actual implementation, the weakened display can be realized by adjusting the transparency of the data. Specifically, the transparency of the data corresponding to the icon not triggered by the user is increased to be greater than the transparency of the data displayed in the information box. For example: the transparency of the data displayed in the information box is 0%, and the transparency of the data corresponding to the icons not triggered by the user is 30%. Display the data corresponding to icons not triggered by the user, so that the user can obtain the data corresponding to all icons through a user interface.

It can be seen from the above description that the present application divides the user interface into a first area and a second area, so that data can be displayed in the first area, and change information of the data can be displayed in the second area, Thus, the data that the user wants to view and its change information are completely displayed on the user interface according to the user's instruction, so as to facilitate the user's comparison and analysis.

Corresponding to the embodiments of the information display method of the present application, the present application also provides an information display device, which is applied to a terminal. The devices described in this application can be implemented by software, or by hardware or a combination of software and hardware. Taking software implementation as an example, the information display device of this application is a device in a logical sense, which is formed by reading the corresponding computer program instructions in the non-volatile memory into the memory for operation by the processor of the device where it is located.

Please refer to FIG. 9 and FIG. 10 , an information display device 900 provided by this application is applied on a terminal, and the device 900 includes: a first providing unit 901 , a second providing unit 902 , an instruction receiving unit 903 , a first A display unit 904 , an attribute acquisition unit 905 , an effect adjustment unit 906 , a frame rotation unit 907 , and a second display unit 908 .

The first providing unit 901 provides a preset information box in the first area of the user interface.

The second providing unit 902 provides icons corresponding to at least two kinds of data in the first area.

The instruction receiving unit 903 is configured to receive an instruction from a user to trigger the icon through the user interface.

The first display unit 904, according to the instruction, displays in the information box the data corresponding to the icon triggered by the user, and displays the data in the second area of the user interface within a preset time period. change information.

Further, the attribute acquiring unit 905 acquires preset display attributes.

The effect adjusting unit 906 adjusts the display effect of the icon triggered by the user according to the display attribute.

Further, the instruction receiving unit 903 specifically receives an instruction for the user to click the icon through the user interface.

Further, the second providing unit 902 specifically provides icons corresponding to at least two types of data on the border of the information box.

Further, the instruction receiving unit 903 specifically receives an instruction that the user slides the selected icon to a preset position along the border of the information box through the user interface.

The frame rotation unit 907 rotates the frame of the information frame according to the user's sliding method while the user is sliding.

Further, the second display unit 908 displays data corresponding to icons not triggered by the user in a preset area outside the information box in the first area.

Further, the transparency of the data corresponding to the icon not triggered by the user is greater than the transparency of the data displayed in the information box.

For the implementation process of the functions and effects of each unit in the above device, please refer to the implementation process of the corresponding steps in the above method for details, and will not be repeated here.

The present application also provides a mobile device, which includes: a touch display; a processor; and a memory.

The memory is configured to store a statistical data display program, and the statistical data display program is configured to be executed by the processor to display a statistical data interface on the touch display, and the statistical data interface includes a first area and a second area. Two areas, the first area includes discretely arranged first-type data icons at a first position and second-type data icons at a second position, the first-type data icons and the second-type data icons are separated It is configured to, in response to an operation instruction input by the user through the touch display, sequentially move to the data-triggered display position according to a predetermined track, and when the first type of data icon is moved to the data-triggered display position, the The second area follows and displays the change chart of the corresponding first type of data within a preset time period. When the icon of the second type of data is moved to the data trigger display position, the second area follows and displays the corresponding first type of data The change chart of the second type of data within the preset time period.

The above is only a preferred embodiment of the application, and is not intended to limit the application. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the application should be included in the application. within the scope of protection.

Claims (15)

1. A method for displaying information, characterized in that the method comprises: providing a preset information box in the first area of the user interface; providing icons corresponding to at least two types of data in the first area; receiving an instruction from a user to trigger the icon through the user interface; According to the instruction, the data corresponding to the icon triggered by the user is displayed in the information box, and the change information of the data within a preset time period is displayed in the second area of the user interface. 2. The method according to claim 1, characterized in that the method further comprises: Get the preset display properties; According to the display attribute, the display effect of the icon triggered by the user is adjusted. 3. The method of claim 1, wherein, The receiving the user's instruction to trigger the icon through the user interface includes: An instruction for the user to click the icon is received through the user interface. 4. The method according to claim 1, wherein the providing icons corresponding to at least two types of data in the first area comprises: Icons corresponding to at least two kinds of data are provided on the frame of the information box. 5. The method of claim 4, wherein, The receiving the user's instruction to trigger the icon through the user interface includes: receiving an instruction from the user to slide the selected icon to a preset position along the border of the information box through the user interface; The method also includes: While the user is sliding, the border of the information box is rotated according to the user's sliding method. 6. The method according to claim 1, further comprising: Displaying data corresponding to icons not triggered by the user in a preset area outside the information box in the first area. 7. The method of claim 6, wherein, The transparency of the data corresponding to the icons not triggered by the user is greater than the transparency of the data displayed in the information box. 8. An information display device, characterized in that the device comprises: a first providing unit, providing a preset information box in the first area of the user interface; a second providing unit, providing icons corresponding to at least two types of data in the first area; an instruction receiving unit, configured to receive an instruction from a user to trigger the icon through the user interface; The first display unit, according to the instruction, displays the data corresponding to the icon triggered by the user in the information box, and displays the change information of the data within a preset time period in the second area of the user interface. 9. The device according to claim 8, further comprising: An attribute acquisition unit, which acquires preset display attributes; The effect adjustment unit adjusts the display effect of the icon triggered by the user according to the display attribute. 10. The apparatus of claim 8, wherein: The instruction receiving unit specifically receives an instruction for the user to click the icon through the user interface. 11. The apparatus of claim 8, wherein: The second providing unit specifically provides icons corresponding to at least two kinds of data on the frame of the information box. 12. The apparatus of claim 11, wherein: The instruction receiving unit specifically receives an instruction for the user to slide the selected icon to a preset position along the border of the information box through the user interface; The device also includes: The frame rotation unit rotates the frame of the information frame according to the user's sliding method while the user slides. 13. The device according to claim 8, further comprising: The second display unit is configured to display data corresponding to icons not triggered by the user in a preset area outside the information box in the first area. 14. The apparatus of claim 13, wherein: The transparency of the data corresponding to the icons not triggered by the user is greater than the transparency of the data displayed in the information box. 15. A mobile device, characterized in that: the mobile device comprises: touch display; processor; and a memory, the memory is configured to store a statistical data display program, the statistical data display program is configured to be executed by the processor to display a statistical data interface on the touch display, the statistical data interface includes a first area and a second area, the first area includes a first type of data icon at a first position and a second type of data icon at a second position in a discrete arrangement, the first type of data icon and the second type of data The icon is configured to, in response to an operation instruction input by the user through the touch display, sequentially move to the data-triggered display position according to a predetermined trajectory, and when the first type of data icon is moved to the data-triggered display position, The second area follows and displays the change chart of the corresponding first type of data within a preset time period, and when the icon of the second type of data is moved to the data trigger display position, the second area follows and displays the corresponding The change graph of the second type of data within a preset time period.