WO2016045547A1

WO2016045547A1 - Information display method and device, and mobile device

Info

Publication number: WO2016045547A1
Application number: PCT/CN2015/089955
Authority: WO
Inventors: 诸琳
Original assignee: 阿里巴巴集团控股有限公司; 诸琳
Priority date: 2014-09-28
Filing date: 2015-09-18
Publication date: 2016-03-31
Also published as: CN105528131A

Abstract

An information display method and device, and a mobile device, the method comprising: a preset information box is provided within a first area of a user interface (101); icons corresponding to at least two types of data are provided within the first area (102); a command of a user triggering an icon is received via the user interface (103); according to the command, data corresponding to the icon triggered by the user is displayed within the information box, and change information of the data within a preset time period is displayed within a second area of the user interface (104). Via the present technical solution, the data which the user wishes to view and the change information of the data may be completely displayed on the user interface, facilitating comparative analysis by the user.

Description

Information display method, device and mobile device

Technical field

The present application relates to the field of terminal technologies, and in particular, to an information display method, apparatus, and mobile device.

Background technique

With the extensive development of Internet technology and the popularity of smart terminals, people can use the various applications (APP, Application) loaded on the smart terminal to implement functions such as Internet access, shopping, and communication.

However, the screen of a smart terminal is generally small, if the user wants to view certain statistics and their change information, such as: a graph of statistical data. Then, limited by the size of the screen of the smart terminal, it is often impossible to display all the data and its charts clearly and completely on the user interface, thereby affecting the user's comparative analysis.

Summary of the invention

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

Specifically, the present application is implemented by the following technical solutions:

An information display method, the method comprising:

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

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

Receiving, by the user interface, an instruction that the user triggers the icon;

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

Further, the method further includes:

Get the default display properties;

Adjusting the display effect of the icon triggered by the user according to the display attribute.

Further, the receiving, by the user interface, the instruction that the user triggers the icon includes:

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

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

An icon corresponding to at least two types of data is provided on a border of the information frame.

Receiving, by the user interface, an instruction that the user slides the selected icon along a border of the information box to a preset position;

The method further includes:

While the user is sliding, the frame of the information frame is rotated according to the sliding method of the user.

Further, the method further includes:

The data corresponding to the icon that is not triggered by the user is displayed in an area preset outside the information frame in the first area.

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

An information display device, the device comprising:

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

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

An instruction receiving unit, configured to receive, by the user interface, an instruction that the user triggers the icon;

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

Further, the device further includes:

The attribute obtaining unit acquires a preset display attribute;

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

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

Further, the second providing unit specifically provides an icon corresponding to at least two types of data on a border of the information frame.

Further, the instruction receiving unit receives, by using the user interface, an instruction that the user slides the selected icon along a border of the information frame to a preset position;

The device also includes:

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

Further, the device further includes:

The second display unit displays data corresponding to the icon that is not triggered by the user in an area preset outside the information frame in the first area.

A mobile device, the mobile device comprising:

Touch display

Processor;

a memory configured to store a statistical data display program, the statistical data display program configured to be executed by the processor to display a statistical data interface on the touch display, the statistical data interface including a first region And a second area, the first area comprising a first type of data icon in a first position and a second type of data icon in a second position, the first type of data icon and the second type of data The icon is configured to sequentially move to the data triggering display position according to a predetermined trajectory in response to an operation instruction input by the user through the touch display, and when the first type of data icon is moved to the data triggering display position, The second area follows a change graph showing the corresponding first type of data in a preset time period, and when the second type of data icon is moved to the data triggering display position, the second area follows the display corresponding The change graph of the second type of data in the preset time period.

As can be seen from the above description, the present application divides the user interface into a first area and a second area, thereby displaying data in the first area, and displaying the data in the second area. The change information, so that the data that the user wants to view and the change information thereof are completely displayed on the user interface according to the user's instruction, so that the user can compare and analyze.

DRAWINGS

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

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

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

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 according to an embodiment of the present application.

detailed description

Exemplary embodiments will be described in detail herein, examples of which are illustrated in the accompanying drawings. The following description refers to the same or similar elements in the different figures unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Instead, they are merely examples of devices and methods consistent with aspects of the present application as detailed in the appended claims.

The terminology used in the present application is for the purpose of describing particular embodiments, and is not intended to be limiting. The singular forms "a", "the" and "the" It should also be understood that the term "and/or" as used herein refers to and encompasses 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, but this information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, the first information may also be referred to as the second information without departing from the scope of the present application. Similarly, the second information may also be referred to as the first information. Depending on the context, the word "if" as used herein may be interpreted as "when" or "when" or "in response to a determination."

In response to the above problems, the present application provides an information display scheme.

Referring to FIG. 1 , the present application provides an information display method, which is applied to a terminal, and the method includes the following steps:

Step 101: Provide a preset information box in a first area of the user interface.

In this embodiment, the user interface is divided into two areas, a first area and a 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: the chart of the data over a period of time. Of course, the user can also divide the user interface into three areas or even four areas according to requirements, and the present application does not specifically limit this.

In this embodiment, the first area and the second area may be divided according to a display manner of the user interface, for example, if the display manner of the user interface is a vertical screen display, the user interface may be from top to bottom. Divided into a first area and a second area. If the display manner of the user interface is a 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 may be set according to the shape, size, and the like of the display content, for example, the first area and the second area each occupy 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 frame may be in the shape of a circle, a square, a diamond or the like, and the present application does not particularly limit this. The information frame may be disposed at any position within the first area. Preferably, the information box may be disposed at an intermediate position within the first area, and the intermediate position is most prominent for convenient viewing by a user.

Step 102: Provide an icon 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 kinds of data, so that the user can distinguish.

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

Step 103: Receive an instruction that the user triggers the icon through the user interface.

In this step, the user can display the data corresponding to the icon by triggering an icon in the first area. The trigger mode of the user can be set by the developer, for example, clicking an icon, a sliding icon, etc., and the application does not specifically limit this.

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

Based on the foregoing step 103, when receiving an instruction that the user triggers the icon, data corresponding to the icon triggered by the user is displayed in the information box to improve readability of the data. Correspondingly, the change information of the data is displayed in the second area of the user interface. In some embodiments, the change information can also be displayed in real time.

Specifically, in this step, when the instruction of the user trigger icon is received, the data corresponding to the icon is acquired from the server, and then the data is displayed in the information box. For the process of interaction with the server, reference may be made to related technologies, and details are not described herein again. 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 a chart, a chart, or the like according to the setting of the user, and the present application does not specifically limit this.

As can be seen from the above description, the present application divides the user interface into a first area and a second area, thereby displaying data in the first area, and displaying change information of the data in the second area. Thereby, according to the user's instruction, the data that the user wants to view and the change information thereof are completely displayed on the user interface, so that the user can compare and analyze.

The implementation process of the present application is described in detail below with reference to specific embodiments.

Taking an icon corresponding to at least two kinds of data on the border of the information box as an example, the user can trigger the icon by clicking an icon or a sliding icon.

For example, the user-views the transaction information of the store, and the data is real-time statistical data. For example, refer to the schematic diagram of a user interface in the embodiment shown in FIG. 3, and the default displayed statistical data is “amount”. As shown in FIG. 3, the statistical data "amount" is displayed in a 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 statistics, such as “number of buyers”, the user can click the icon corresponding to “number of buyers”, and then display the statistical “number of buyers” in the preset information box, and The change trend of the "number of buyers" is displayed in the second area to form the user interface shown in FIG.

In a preferred embodiment of the present application, the icon is triggered using a sliding icon. Referring to FIG. 5, if the statistical data that the user wants to view is “the number of buyers”, the user can slide the icon corresponding to the “number of buyers”, for example, the icon corresponding to the “number of buyers” is along the The frame of the information frame slides clockwise to the position of the icon "¥" corresponding to the "amount", and at the same time, the frame of the information frame can be rotated according to the sliding direction of the user to form the user interface shown in FIG. 6. Of course, in actual implementation, the preset distance may be set to slide clockwise along the border of the information box, or the counterclockwise sliding, etc., and the comparison of the present application is not particularly limited. Setting the sliding statistical data switching mode allows the user to feel the process of data change and enhance the user experience in the process of switching data.

Further, when the data corresponding to the icon triggered by the user is displayed in the information box, the preset display attribute is acquired, 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 that he or she wants to view by triggering the icon, the display effect of the icon triggered by the user may be changed to remind the user of the category of the currently viewed data. The display attributes include: size, shape, color, and the like. For example, you can increase the size of the icon triggered by the user to distinguish other icons. Please refer to FIG. 7 for a schematic diagram of a user interface according to the embodiment. The display attribute is a size. As shown in FIG. 7 , after the user triggers the icon “¥”, the display size of the icon “¥” is adjusted to Preset sizes to distinguish other icons.

Further, data corresponding to the icon that is not triggered by the user may also be displayed in an area preset outside the information frame in the first area. Referring to FIG. 8, the data corresponding to the icon that is not triggered by the user can be weakly displayed next to the icon. In actual implementation, the weakened display can be achieved by adjusting the transparency of the data. Specifically, the transparency of the data corresponding to the icon that is not triggered by the user is increased to be greater than the transparency of the data displayed in the information frame. For example, the transparency of the data displayed in the information box is 0%, and the transparency of the data corresponding to the icon that is not triggered by the user is 30%. The data corresponding to the icon that the user does not trigger is displayed, so that the user can obtain the data corresponding to all the icons through one user interface.

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

Referring to FIG. 9 and FIG. 10, an information display device 900 is provided on a terminal. The device 900 includes: a first providing unit 901, a second providing unit 902, an instruction receiving unit 903, and a first The display unit 904, the attribute acquisition unit 905, the effect adjustment unit 906, and the bezel rotation unit 907 and the second display unit 908.

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

The second providing unit 902 provides an icon corresponding to at least two types of data in the first area.

The instruction receiving unit 903 receives an instruction that the user triggers the icon through the user interface.

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

Further, the attribute obtaining unit 905 acquires a preset display attribute.

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

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

Further, the second providing unit 902 specifically provides an icon corresponding to at least two types of data on a border of the information frame.

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

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

Further, the second display unit 908 displays data corresponding to the icon that is not triggered by the user in an area preset outside the information frame in the first area.

The implementation process of the function and the function of each unit in the foregoing device is specifically described in the implementation process of the corresponding steps in the foregoing method, and details are not described herein again.

The application also provides a mobile device, the mobile device comprising: a touch display; a processor; and a memory.

The memory is configured to store a statistical data display program configured to be executed by the processor to display a statistical data interface on the touch display, the statistical data interface including a first region and a a second area, the first area includes a first type of data icon at a first location and a second type of data icon at a second location, the first type of data icon and the second type of data icon being Configuring, in response to an operation instruction input by the user through the touch display, sequentially moving to a data trigger display position according to a predetermined trajectory, and When the first type of data icon is moved to the data triggering display position, the second area follows a change graph showing the corresponding first type of data in a preset time period, when the second type of data icon is moved When the data triggers the display position, the second area follows a change graph showing the corresponding second type of data within a preset time period.

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

Claims

An information display method, characterized in that the method comprises:

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

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

Receiving, by the user interface, an instruction that the user triggers the icon;

According to the instruction, data corresponding to the icon triggered by the user is displayed in the information box, and change information of the data in the preset time period is displayed in the second area of the user interface.
The method of claim 1 further comprising:

Get the default display properties;

Adjusting the display effect of the icon triggered by the user according to the display attribute.
The method of claim 1 wherein

The receiving, by the user interface, the instruction that the user triggers the icon includes:

An instruction to the user to click on the icon is received through the user interface.
The method according to claim 1, wherein the providing icons corresponding to the at least two types of data in the first area comprises:

An icon corresponding to at least two types of data is provided on a border of the information frame.
The method of claim 4 wherein:

The receiving, by the user interface, the instruction that the user triggers the icon includes:

Receiving, by the user interface, an instruction that the user slides the selected icon along a border of the information box to a preset position;

The method further includes:

While the user is sliding, the frame of the information frame is rotated according to the sliding method of the user.
The method of claim 1 further comprising:

The data corresponding to the icon that is not triggered by the user is displayed in an area preset outside the information frame in the first area.
The method of claim 6 wherein:

The transparency of the data corresponding to the icon that is not triggered by the user is greater than the transparency of the data displayed within the information frame.
An information display device, characterized in that the device comprises:

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

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

An instruction receiving unit, configured to receive, by the user interface, an instruction that the user triggers the icon;

The first display unit displays data corresponding to the icon triggered by the user in the information box according to the instruction, and displays change information of the data in a preset time period in a second area of the user interface.
The device according to claim 8, wherein the device further comprises:

The attribute obtaining unit acquires a preset display attribute;

The effect adjustment unit adjusts a display effect of the icon triggered by the user according to the display attribute.
The device of claim 8 wherein:

The instruction receiving unit receives an instruction of the user to click the icon through the user interface.
The device of claim 8 wherein:

The second providing unit specifically provides an icon corresponding to at least two types of data on a border of the information frame.
The device of claim 11 wherein:

The instruction receiving unit receives, by using the user interface, an instruction that the user slides the selected icon along a border of the information frame to a preset position;

The device also includes:

The frame rotation unit rotates the frame of the information frame according to the sliding method of the user while the user is sliding.
The device according to claim 8, wherein the device further comprises:

The second display unit displays data corresponding to the icon that is not triggered by the user in an area preset outside the information frame in the first area.
The device of claim 13 wherein:

The transparency of the data corresponding to the icon that is not triggered by the user is greater than the transparency of the data displayed within the information frame.
A mobile device, characterized in that: the mobile device comprises:

Touch display

Processor;

a memory configured to store a statistical data display program, the statistical data display program configured to be executed by the processor to display a statistical data interface on the touch display, the statistical data interface including a first region And a second area, the first area comprising a first type of data icon in a first position and a second type of data icon in a second position, the first type of data icon and the second type of data The icon is configured to sequentially move to the data triggering display position according to a predetermined trajectory in response to an operation instruction input by the user through the touch display, and when the first type of data icon is moved to the data triggering display position, The second area follows a change graph showing the corresponding first type of data in a preset time period, and when the second type of data icon is moved to the data triggering display position, the second area follows the display corresponding The change graph of the second type of data in the preset time period.