CN111309413B - Interface display method and device, electronic equipment and storage medium - Google Patents
Interface display method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN111309413B CN111309413B CN201910800268.6A CN201910800268A CN111309413B CN 111309413 B CN111309413 B CN 111309413B CN 201910800268 A CN201910800268 A CN 201910800268A CN 111309413 B CN111309413 B CN 111309413B
- Authority
- CN
- China
- Prior art keywords
- label
- area
- page
- interface
- displaying
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 78
- 230000004044 response Effects 0.000 claims description 20
- 238000004590 computer program Methods 0.000 claims description 6
- 238000007405 data analysis Methods 0.000 description 6
- 235000012813 breadcrumbs Nutrition 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 230000009286 beneficial effect Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/954—Navigation, e.g. using categorised browsing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Radar, Positioning & Navigation (AREA)
- Remote Sensing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention relates to the technical field of Internet and discloses an interface display method and device, electronic equipment and a storage medium. The interface in the embodiment of the invention comprises a menu area, a window area and a label area; the display method of the interface comprises the following steps: responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu at the same time, and displaying the label in the label area; and when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area. By adopting the embodiment of the invention, the user experience can be improved while the system operation burden is reduced.
Description
Technical Field
The embodiment of the invention relates to the technical field of internet, in particular to a display method and device of an interface, electronic equipment and a storage medium.
Background
With the development of internet technology, information contents provided by internet websites for users are more and more abundant, and in order to facilitate that the users can orderly obtain the required information contents by types on the website webpages, menus classified by multiple levels are usually provided on the webpages for the users to jump among the menus at different levels; the multi-level categorized menu is typically provided to the user in the form of a "breadcrumb" navigation, a navigation that displays a level-by-level guidance of the location of the current page within the website, such as the "breadcrumb" navigation, when displayed as a1> B1> C1, represents a navigation path from the parent menu a1 to the first level submenu B1 to the current location second level submenu C1.
However, the inventors found that at least the following problems exist in the related art: because the breadcrumbs navigation only displays the parent menu level to which the current page belongs, when a user jumps from a certain submenu to submenus of other parent menus by using the breadcrumbs navigation, the user cannot jump directly, the user operation is complicated and time-consuming, and higher page switching cost is easy to generate; if the 'breadcrumb' navigation is not used, switching among a plurality of opened sub-menu pages is usually required, and a large system operation load is easily caused, so that the user experience is influenced.
Disclosure of Invention
The embodiment of the invention aims to provide an interface display method, an interface display device, electronic equipment and a storage medium, so that the operation burden of a system is reduced and the use experience of a user is improved.
In order to solve the above technical problem, an embodiment of the present invention provides a method for displaying an interface, where the interface includes: a menu area, a window area and a label area; the display method of the interface comprises the following steps: responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu at the same time, and displaying the label in the label area; and when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area.
An embodiment of the present invention further provides a display device of an interface, where the interface includes: a menu area, a window area and a label area; the display device of the interface comprises: an acquisition module, a tag area; the display device of the interface comprises: the first response module is used for responding to the selected operation of the target menu in the menu area, closing the currently displayed page in the window area when the page is currently displayed in the window area, displaying the page corresponding to the target menu in the window area, simultaneously generating a label corresponding to the target menu and displaying the label in the label area; and the second response module is used for displaying a page corresponding to the selected label in the window area when the selection operation of any label displayed in the label area is detected.
An embodiment of the present invention also provides an electronic device, including: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores instructions executable by the at least one processor to enable the at least one processor to: responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu at the same time, and displaying the label in the label area; and when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area.
The embodiment of the invention also provides a computer readable storage medium, which stores a computer program, and the computer program realizes the display method of the interface when being executed by a processor.
Compared with the prior art, the method and the device have the advantages that the interface is divided into a menu area, a window area and a label area; the display method of the interface comprises the following steps: responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu at the same time, and displaying the label in the label area; when the selection operation of any label displayed in the label area is detected, displaying a page corresponding to the selected label in the window area; that is to say, the interface is exclusively used for displaying a menu area of the interface menu and a window area for displaying a page, when a target menu in the interface menu is selected, the currently displayed page in the window area is closed, and the page corresponding to the target menu is displayed in the window area exclusively used for displaying the page in the interface, that is, only one page is always displayed on the interface, and a user does not need to perform switching operation among a plurality of pages, thereby avoiding the problem of large system operation burden when a plurality of pages are opened simultaneously; in addition, in the embodiment, the target menu selected by the user navigation history is navigated by generating the label corresponding to the target menu, so that the user can directly jump to the page corresponding to the different target menus through the label without returning to the previous page layer by layer through complicated and time-consuming operations, thereby reducing the switching cost among the pages of different levels and effectively improving the use experience of the user.
In addition, the displaying the page corresponding to the selected tab in the window area includes: if the window area displays the page currently, the page path of the target menu corresponding to the selected label is obtained, the currently displayed page in the window area is closed, the page pointed by the page path is displayed in the window area, and the page is guaranteed to be displayed through one interface all the time.
In addition, the display method of the interface further comprises the following steps: if the currently displayed page in the window area is closed, acquiring a label of a target menu corresponding to the currently displayed page, and keeping the label of the target menu corresponding to the currently displayed page in the label area; that is to say, when a new page needs to be displayed in the window area and the currently displayed page is closed, the tag of the target menu corresponding to the currently displayed page is not closed at the same time but still remains in the tag area, so that the user can still jump to the closed page through the remaining tag without entering the closed page through selecting the target menu again, which is beneficial for the user to quickly enter the page in the history access record, effectively simplifies the operation complexity of the user, and saves the operation time.
In addition, before the generating the label corresponding to the target menu, the method further includes: judging whether a label corresponding to the target menu is displayed in the label area; if not, generating a label corresponding to the target menu, and displaying the label in the label area; that is, if the label of the target menu is not displayed in the label area, a label corresponding to the target menu is generated and displayed; if the label of the target menu is displayed in the label area, the label corresponding to the target menu is not repeatedly generated and displayed, that is, only one label is generated for the same target menu, and only one label of the same target menu is displayed in the label area, so that the repeatedly displayed label does not occupy the space of the label area, and the increased workload when the same label is repeatedly generated is avoided.
In addition, the display method of the interface further comprises the following steps: responding to the closing operation of the interface, and storing the label still displayed in the label area when the interface is closed; if the opening operation of the interface is detected, displaying a label displayed in the label area stored when the interface is closed last time in the label area; by the method, when the user restarts the interface, the user can go to the page corresponding to the target menu directly according to the label displayed in the label area without entering the page corresponding to the target menu through the hierarchical menu displayed in the menu area again; in addition, when the user needs to restart the interface in the process of operating the interface under an unexpected condition, the user can learn the label which is still displayed in the label area when the interface is closed due to the accident at the last time from the label displayed in the label area after the interface is restarted, so that the operation interrupted due to the unexpected condition can be rapidly continued, and the experience of the user is effectively improved.
In addition, the tab area is located at the head of the interface, so that the tab area is convenient for being viewed by a user, and further the user can conveniently select the tab displayed in the tab area to change the currently displayed page.
In addition, the display method of the interface further comprises the following steps: and counting the number of times that the label in the label area is selected, so that data analysis can be subsequently performed on the user common label or the user common target menu and other indexes reflecting the user preference according to the counted number of times that the label is selected, and the display method of the interface is further optimized on the data analysis result to improve the experience of the user.
Drawings
Fig. 1 is a flowchart of a display method of an interface according to a first embodiment of the present invention;
FIG. 2 is a diagram illustrating the presentation effect of an interface according to a first embodiment of the present invention;
FIG. 3 is a flow chart of a method of using a tag according to a first embodiment of the present invention;
FIG. 4 is a diagram illustrating a first interface display according to a first embodiment of the present invention;
FIG. 5 is a diagram illustrating a second interface display according to the first embodiment of the present invention;
FIG. 6 is a schematic illustration of a third interface display according to the first embodiment of the present invention;
FIG. 7 is a schematic illustration of a fourth interface display according to the first embodiment of the present invention;
fig. 8 is a flowchart of a display method of an interface according to a second embodiment of the present invention;
fig. 9 is a flowchart of a display method of an interface according to a third embodiment of the present invention;
fig. 10 is a block diagram showing the structure of a display device of an interface according to a fourth embodiment of the present invention;
fig. 11 is a block diagram showing the configuration of an electronic apparatus according to a fifth embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention more apparent, embodiments of the present invention will be described in detail below with reference to the accompanying drawings. However, it will be appreciated by those of ordinary skill in the art that numerous technical details are set forth in order to provide a better understanding of the present application in various embodiments of the present invention. However, the technical solution claimed in the present application can be implemented without these technical details and various changes and modifications based on the following embodiments. The following embodiments are divided for convenience of description, and should not constitute any limitation to the specific implementation manner of the present invention, and the embodiments may be mutually incorporated and referred to without contradiction.
The first embodiment of the present invention relates to a method for displaying an interface, where the interface may be understood as a website interface, a background system interface, and the like, which may present a graphical state in front of a user through a display screen, a browser, and the like. A specific flow of the interface display method in this embodiment is shown in fig. 1, and specifically includes:
105, generating a label corresponding to the target menu, and displaying the label in a label area;
and 106, when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area.
In the embodiment, the interface is divided into a menu area, a window area and a label area; the display method of the interface comprises the following steps: responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu at the same time, and displaying the label in the label area; when the selection operation of any label displayed in the label area is detected, displaying a page corresponding to the selected label in the window area; that is to say, the interface is exclusively used for displaying the menu area of the interface menu and is used for displaying the window area of the page, when the target menu in the interface menu is selected, the page displayed at present in the window area will be closed, the page corresponding to the target menu will be displayed in the window area exclusively used for displaying the page in the interface, namely only one page will be displayed on the interface all the time, the user does not need to switch among multiple pages, thus has avoided opening the problem of causing the greater system to run and bear when multiple pages at the same time; in addition, in the embodiment, the tag corresponding to the target menu is generated to navigate the target menu selected in the history for the user, and the user can directly jump to the page corresponding to the target menu with different levels through the tag without returning to the previous page layer by layer through complicated and time-consuming operations, so that the cost of switching between pages with different levels is reduced, and the use experience of the user is effectively improved.
The following describes implementation details of the interface display method according to the present embodiment in detail, and the following is only provided for easy understanding and is not necessary for implementing the present embodiment.
The interface in this embodiment includes a menu area, a window area, and a label area, the presentation effect of the interface may be as shown in fig. 2, and the specific size and the presentation layout of each area are not particularly limited in practical application.
In step 101, responding to the selected operation of the target menu in the menu area; in this embodiment, menus classified in multiple levels are displayed in the menu area, each menu corresponds to a page path pointing to a certain page and is stored in the electronic device, and when a user clicks any one menu, the user can jump to the page corresponding to the clicked menu. When receiving and responding to the selection operation of the user on the target menu in the menu area, acquiring a page path corresponding to the selected target menu through the electronic equipment.
In step 102, judging whether a page is currently displayed in the window area; if so, closing the currently displayed page in the window area; if not, displaying a page corresponding to the target menu in the window area; that is, when the user selects the target menu, if other pages are currently displayed in the window area, step 103 is executed to close the currently displayed page in the window area, so as to display the page corresponding to the target menu selected by the user; if no other page is displayed in the window area, executing step 104, and directly displaying the page corresponding to the target menu selected by the user in the window area; in addition, after step 103 is executed and the currently displayed page in the window area is closed, step 104 is also executed, and the page corresponding to the target menu selected by the user is displayed in the window area; from the above, the purpose of this step is to always keep only one open (i.e. currently displayed) page on the interface, so that the problem of large system operation burden caused by simultaneously opening multiple displayed pages can be avoided.
In step 105, generating a label corresponding to the target menu, and displaying the label in a label area; in this step, after the page path of the target menu is obtained in step 101, a tag corresponding to the target menu is generated and displayed in a tag area, so that when it is detected that the user selects the tag corresponding to the target menu, the page path of the target menu corresponding to the tag can be obtained; that is, there is a one-to-one correspondence between the target menu, the page path of the target menu, and the generated label corresponding to the target menu. In practical application, the step and the step of displaying the page corresponding to the target menu in the window area can be carried out simultaneously, and the step are not influenced mutually.
In step 106, when a selection operation of any one of the tags displayed in the tag area is detected, displaying a page corresponding to the selected tag in the window area; the following describes a specific implementation of step 106, as shown in fig. 3:
and step 1062, closing the currently displayed page in the window area, and displaying the page pointed by the page path in the window area.
Specifically, the flow of the method of using the label corresponding to the generated target menu is substantially the same as the above-described steps performed after "in response to the operation of selecting the target menu in the menu area". When the selection operation of a user on any label displayed in the label area is detected, acquiring a page path of a target menu corresponding to the selected label according to the target menu, the page path of the target menu and the one-to-one correspondence relationship among the labels corresponding to the generated target menu; closing the currently displayed page in the window area so as to display the page pointed by the page path of the target menu corresponding to the label selected by the user; as can be seen from the above, the purpose of this step is to always keep only one open (i.e. currently displayed) page on the interface, and the user does not need to switch among multiple pages, thereby avoiding the problem of large system operation burden when multiple pages are simultaneously opened.
The label in this embodiment may be embodied as a section of selectable text that identifies the name of the target menu, or a selectable icon that identifies the target menu, and the like, without limiting the specific implementation form thereof; the displayed label enables a user to know the target menu corresponding to the label when the user views or selects the label. In practical applications, a tag can be understood as a hyperlink, and the target of the tag link is a page pointed to by a page path of a target menu; when the user selects the tab, the page pointed to by the page path of the target menu of tab links will be opened (displayed).
After generating a label corresponding to a target menu, displaying the label in a label area on an interface, so that when detecting that a user selects the label corresponding to the target menu, acquiring a page path of the target menu corresponding to the label, closing a currently displayed page in a window area, and displaying a page pointed by the page path in the window area; that is to say, after it is detected that the user selects the tag corresponding to the target menu, the currently displayed page in the window area of the interface is the page to which the page path corresponding to the target menu selected by the user points, and there is only one currently displayed page in the window area of the interface all the time.
It should be noted that, when the currently displayed page in the window area is closed in response to the selection operation of the user on the target menu in the menu area, or when the currently displayed page in the window area is closed in response to the selection operation on any one of the tags displayed in the tag area, the tag of the target menu corresponding to the currently displayed page is also acquired, and the tag of the target menu corresponding to the currently displayed page is retained in the tag area; that is to say, when a new page needs to be displayed in the window area and the currently displayed page is closed, the tag of the target menu corresponding to the currently displayed page is not closed at the same time but still remains in the tag area, so that the user can still jump to the closed page through the remaining tag without entering the closed page through selecting the target menu again, which is beneficial for the user to quickly enter the page in the history access record, effectively simplifies the operation complexity of the user, and saves the operation time.
The following describes a display method of an interface in this embodiment with an example: the interface presentation effect in this embodiment is as shown in fig. 2, and includes a menu area, a label area, and a window area, where the label area is located at the head of the interface, so that the label area and the label displayed in the label area are easy to be viewed by a user, and the user can easily select the label displayed in the label area.
As a preferable case, the first case interface display case is as shown in fig. 4, in which a menu a, a menu B, a menu C, and a menu D classified in multiple levels are displayed in a menu area, and a page E is currently displayed in a window area. It is to be understood that the menus displayed in the menu area may also be menus classified in multiple levels of a tree structure, for example, menus in a tree structure described in "one-level menu a > two-level menu B > three-level menu C > four-level menu D", and the structure type of the menus displayed in the menu area is not limited herein.
As another preferable situation, in the second case, when the user selects the target menu "menu a" in the menu area, in response to the selection operation on "menu a", the page path of "menu a" is acquired, the "page E" currently displayed in the window area is closed, the "page a" to which the page path of "menu a" points is displayed in the window area, and the tab corresponding to "menu a" is generated "Menu A", and will label"Menu A"displayed in the tab area, and the second interface display case is shown in fig. 5.
As another preferable situation, in the third case, when the user continues to select the target menu "menu B" in the menu area, in response to the selection operation on "menu B", the page path of "menu B" is acquired, the "page a" currently displayed in the window area is closed, the "page B" pointed by the page path of "menu B" is displayed in the window area, and the label corresponding to "menu B" is generated "Menu B", and will label"MenuB"is displayed in the tab area, and simultaneously, the tab" menu a "corresponding to the menu a is still displayed in the tab area, and the third interface display situation is as shown in fig. 6.
As another preferred scenario, in the fourth scenario, when the user continues to select the tab in the tab area "Menu AWhen the page path of the menu A corresponding to the label is obtained in response to the selection operation of the menu A, the currently displayed page B in the window area is closed, the page A pointed by the page path of the menu A is displayed in the window area, and the fourth interface display situation is as shown in FIG. 7. The above examples are merely examples for convenience of explanation of the interface display method, and do not limit the interface display method in the present embodiment.
Compared with the prior art, the method has the advantages that the interface is divided into a menu area, a window area and a label area; the display method of the interface comprises the following steps: responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu at the same time, and displaying the label in the label area; when the selection operation of any label displayed in the label area is detected, displaying a page corresponding to the selected label in the window area; that is to say, the interface is exclusively used for displaying a menu area of the interface menu and a window area for displaying a page, when a target menu in the interface menu is selected, the currently displayed page in the window area is closed, and the page corresponding to the target menu is displayed in the window area exclusively used for displaying the page in the interface, that is, only one page is always displayed on the interface, and a user does not need to perform switching operation among a plurality of pages, thereby avoiding the problem of large system operation burden when a plurality of pages are opened simultaneously; in addition, in the embodiment, the tag corresponding to the target menu is generated to navigate the target menu selected in the history for the user, and the user can directly jump to the page corresponding to the target menu with different levels through the tag without returning to the previous page layer by layer through complicated and time-consuming operations, so that the cost of switching between pages with different levels is reduced, and the use experience of the user is effectively improved.
A second embodiment of the present invention relates to a method for displaying an interface, and is substantially the same as the first embodiment, and in the second embodiment of the present invention, it is determined whether or not a label corresponding to a target menu needs to be generated. Fig. 8 shows a method for displaying an interface according to a second embodiment of the present invention, and the following describes the flow of fig. 8:
Specifically, the displayed label in the label area is detected, and if the label of the target menu is not displayed in the label area, a label corresponding to the target menu is generated and displayed; if the label of the target menu is already displayed in the label area, the label corresponding to the target menu is not repeatedly generated and displayed, that is, only one label is generated for the same target menu, and only one label of the same target menu is displayed in the label area, so that the repeatedly displayed label does not occupy the space of the label area.
In addition, whether the label corresponding to the target menu is generated or not can be judged in another mode: because the target menu, the page path of the target menu and the generated label corresponding to the target menu have a one-to-one correspondence relationship, the page path of the target menu can be recorded and stored when the label corresponding to the target menu is generated; and subsequently responding to the selection operation of the target menu in the menu area, matching the acquired page path of the target menu with the page path of the target menu recorded and stored, and if the matching is successful, indicating that the acquired page path of the target menu is recorded and stored, namely that the label corresponding to the selected target menu is generated, so that the label corresponding to the target menu is not repeatedly generated.
And 307, when the selected operation on the label is detected, displaying the page corresponding to the label in the window area. This step is substantially the same as step 106 and will not be described herein.
Compared with the prior art, the method and the device have the advantages that whether the label corresponding to the target menu is displayed in the label area or not is judged before the label corresponding to the target menu is generated, if the label corresponding to the target menu is displayed in the label area, the label corresponding to the target menu is not repeatedly generated and displayed, namely, only one label is generated for the same target menu, and only one label of the same target menu is displayed in the label area, so that the space of the label area occupied by the repeatedly displayed label is avoided, and the excessive workload when the same label is repeatedly generated is also avoided.
A third embodiment of the present invention relates to an interface display method, which is substantially the same as the first embodiment, and in the third embodiment of the present invention, the interface display method further includes a plurality of steps for improving user experience. A method for displaying an interface according to a third embodiment of the present invention is shown in fig. 9, and the flow of fig. 9 is specifically described below:
And step 406, in response to the closing operation of the interface, storing the label still displayed in the label area when the interface is closed.
Specifically, when the interface is closed, the label still displayed in the label area when the interface is closed is recorded and stored; if the opening operation of the interface is detected subsequently, displaying a label displayed in a label area stored when the interface is closed last time in the label area; the label is displayed in the mode, which is equivalent to providing the user with the use record of the target menu when the interface is opened last time, so that the user can go to the page corresponding to the target menu directly according to the label displayed in the label area to a certain extent when the interface is opened again, and the user does not need to go to the page corresponding to the target menu through the menus of all levels displayed in the menu area again; in addition, when the user needs to restart the interface in the process of operating the interface under an unexpected condition (such as system or browser downtime), the user can learn the label still displayed in the label area when the interface is closed due to an accident last time from the label displayed in the label area after restarting the interface, so that the operation interrupted due to the unexpected condition can be rapidly continued, and the experience of the user is effectively improved.
In addition, the interface display method in this embodiment further includes counting the number of times that the label in the label region is selected, so that data analysis can be subsequently performed on the user common label or the user common target menu and other indexes reflecting user preferences according to the counted number of times that the label is selected, and the interface display method is further optimized on the result of the data analysis to improve the experience of the user.
Compared with the prior art, the embodiment provides a plurality of steps for improving the user experience, for example: when the interface is closed, the label still displayed in the label area when the interface is closed is recorded and stored; if the opening operation of the interface is detected subsequently, the label displayed in the label area stored when the interface is closed last time is displayed in the label area, so that a user can go to the page corresponding to the target menu directly according to the label displayed in the label area when the interface is opened again to a certain extent, and the user does not need to enter the page corresponding to the target menu through the hierarchical menus displayed in the menu area again; or, when the user needs to restart the interface in an unexpected situation (such as a system or a browser is down) during the operation of the interface, the user can learn, from the tags displayed in the tag area, the tags still displayed in the tag area when the interface is closed accidentally last time after the interface is restarted, so that the operation interrupted by the unexpected situation can be quickly continued. In addition, the interface display method further comprises the step of counting the number of times that the label in the label area is selected, so that data analysis can be subsequently carried out on the user common label or the user common target menu and other indexes reflecting the user preference according to the counted number of times that the label is selected, and the interface display method is further optimized on the data analysis result so as to improve the experience of the user.
A fourth embodiment of the present invention relates to a display device of an interface, the interface including: a menu area, a window area and a label area; as shown in fig. 10, the display device of the interface includes: a first response module 501 and a second response module 502.
A first response module 501, configured to respond to a selection operation on a target menu in the menu area, and when a page is currently displayed in the window area, close the currently displayed page in the window area, display a page corresponding to the target menu in the window area, generate a tag corresponding to the target menu, and display the tag in the tag area;
a second response module 502, configured to, when a selection operation on any one of the tags displayed in the tag area is detected, display a page corresponding to the selected tag in the window area.
In one example, the second responding module 502 displays the page corresponding to the selected tab in the window area, including: if the window area displays a page currently, acquiring a page path of a target menu corresponding to the selected label, closing the currently displayed page in the window area, and displaying the page pointed by the page path in the window area.
In an example, when the first responding module 501 or the second responding module 502 is further configured to, when the currently displayed page in the window area is closed, obtain a tab of a target menu corresponding to the currently displayed page, and keep the tab of the target menu corresponding to the currently displayed page in the tab area.
In one example, before the first response module 501 generates the label corresponding to the target menu, the method further includes: judging whether a label corresponding to the target menu is displayed in the label area; and if not, generating a label corresponding to the target menu, and displaying the label in the label area.
In one example, the first response module 501 is further configured to: responding to the closing operation of the interface, and storing the label still displayed in the label area when the interface is closed; and if the opening operation of the interface is detected, displaying the label displayed in the label area stored when the interface is closed last time in the label area.
In one example, the label region is located at the head of the interface.
In one example, the second response module 502 is further configured to count the number of times the tag in the tag area is selected.
It should be understood that this embodiment is an example of the apparatus corresponding to the first, second, or third embodiment, and may be implemented in cooperation with the second or third embodiment of the first embodiment. Related technical details mentioned in the second embodiment or the third embodiment of the first embodiment are still valid in this embodiment, and are not described herein again in order to reduce repetition. Accordingly, the related-art details mentioned in the present embodiment can also be applied to the second embodiment or the third embodiment of the first embodiment.
It should be noted that each module referred to in this embodiment is a logical module, and in practical applications, one logical unit may be one physical unit, may be a part of one physical unit, and may be implemented by a combination of multiple physical units. In addition, in order to highlight the innovative part of the present invention, elements that are not so closely related to solving the technical problems proposed by the present invention are not introduced in the present embodiment, but this does not indicate that other elements are not present in the present embodiment.
A fifth embodiment of the present invention relates to an electronic apparatus, as shown in fig. 11, including: at least one processor 601; and a memory 602 communicatively coupled to the at least one processor 601; and a communication component 603 communicatively coupled to the display device of the interface, the communication component 603 receiving and transmitting data under control of the processor 601; wherein the memory 602 stores instructions executable by the at least one processor 601, the instructions being executable by the at least one processor 601 to implement:
responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu at the same time, and displaying the label in the label area;
and when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area.
Specifically, the electronic device includes: one or more processors 601 and a memory 602, one processor 601 being illustrated in fig. 11. The processor 601 and the memory 602 may be connected by a bus or other means, and fig. 11 illustrates the connection by the bus as an example. The memory 602, which is a computer-readable storage medium, may be used to store computer software programs, computer-executable programs, and modules. The processor 601 executes various functional applications and data processing of the device, i.e., realizes the display method of the interface by running computer software programs, instructions and modules stored in the memory 602.
The memory 602 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store a list of options, etc. Further, the memory 602 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some embodiments, the memory 602 may optionally include memory located remotely from the processor 601, which may be connected to an external device via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
One or more modules are stored in the memory 602 and, when executed by the one or more processors 601, perform the method of displaying an interface in any of the method embodiments described above.
The product can execute the method provided by the embodiment of the application, has corresponding functional modules and beneficial effects of the execution method, and can refer to the method provided by the embodiment of the application without detailed technical details in the embodiment.
In the present embodiment, the interface is divided into a menu area, a window area, and a label area; the display method of the interface comprises the following steps: responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu at the same time, and displaying the label in the label area; and when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area. (ii) a That is to say, the interface is exclusively used for displaying a menu area of the interface menu and a window area for displaying a page, when a target menu in the interface menu is selected, the currently displayed page in the window area is closed, and the page corresponding to the target menu is displayed in the window area exclusively used for displaying the page in the interface, that is, only one page is always displayed on the interface, and a user does not need to perform switching operation among a plurality of pages, thereby avoiding the problem of large system operation burden when a plurality of pages are opened simultaneously; in addition, in the embodiment, the tag corresponding to the target menu is generated to navigate the target menu selected in the history for the user, and the user can directly jump to the page corresponding to the target menu with different levels through the tag without returning to the previous page layer by layer through complicated and time-consuming operations, so that the cost of switching between pages with different levels is reduced, and the use experience of the user is effectively improved.
A sixth embodiment of the present invention relates to an example of a computer-readable storage medium, that is, as can be understood by those skilled in the art, all or part of the steps in the embodiment of the display method for implementing the interface described above may be completed by instructing, by a program, related hardware, where the program is stored in a storage medium and includes several instructions to enable a device (which may be a single chip, a chip, or the like) or a processor (processor) to execute all or part of the steps of the method according to each embodiment of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
It will be understood by those of ordinary skill in the art that the foregoing embodiments are specific examples for carrying out the invention, and that various changes in form and details may be made therein without departing from the spirit and scope of the invention in practice.
The embodiment of the application discloses A1. a display method of an interface, wherein the interface comprises the following steps: a menu area, a window area and a label area; the display method of the interface comprises the following steps:
responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu, and displaying the label in the label area;
and when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area.
A2. The method for displaying the interface according to a1, wherein the displaying the page corresponding to the selected tab in the window area includes:
if the window area displays a page currently, acquiring a page path of a target menu corresponding to the selected label, closing the currently displayed page in the window area, and displaying the page pointed by the page path in the window area.
A3. The display method of an interface according to a1, further comprising:
and if the currently displayed page in the window area is closed, acquiring a label of a target menu corresponding to the currently displayed page, and keeping the label of the target menu corresponding to the currently displayed page in the label area.
A4. The interface display method according to a1, before the generating the label corresponding to the target menu, further comprising:
judging whether a label corresponding to the target menu is displayed in the label area;
and if not, generating a label corresponding to the target menu, and displaying the label in the label area.
A5. The display method of an interface according to a1, further comprising:
responding to the closing operation of the interface, and storing the label still displayed in the label area when the interface is closed;
and if the opening operation of the interface is detected, displaying the label displayed in the label area stored when the interface is closed last time in the label area.
A6. The method of displaying the interface of any one of a 1-a 5, the tab region being located at a head of the interface.
A7. The display method of the interface according to a1, further comprising:
and counting the times of selecting the labels in the label area.
The embodiment of the application discloses B1. a display device of interface, the interface includes: a menu area, a window area and a label area; the display device of the interface comprises:
the first response module is used for responding to the selected operation of the target menu in the menu area, closing the currently displayed page in the window area when the page is currently displayed in the window area, displaying the page corresponding to the target menu in the window area, simultaneously generating a label corresponding to the target menu and displaying the label in the label area;
and the second response module is used for displaying a page corresponding to the selected label in the window area when the selection operation of any label displayed in the label area is detected.
B2. The interface display device according to B1, wherein the displaying the page corresponding to the selected tab in the window area includes:
if the window area displays a page currently, acquiring a page path of a target menu corresponding to the selected label, closing the currently displayed page in the window area, and displaying the page pointed by the page path in the window area.
B3. The display device of the interface according to B1, the display method of the interface further comprising:
and if the currently displayed page in the window area is closed, acquiring a label of a target menu corresponding to the currently displayed page, and keeping the label of the target menu corresponding to the currently displayed page in the label area.
B4. The interface displaying apparatus according to B1, further comprising, before the generating the label corresponding to the target menu:
judging whether a label corresponding to the target menu is displayed in the label area;
and if not, generating a label corresponding to the target menu, and displaying the label in the label area.
B5. The display device of the interface according to B1, the display method of the interface further comprising:
responding to the closing operation of the interface, and storing the label still displayed in the label area when the interface is closed;
and if the opening operation of the interface is detected, displaying the label stored in the label area when the interface is closed last time in the label area.
B6. The display device of the interface of any of B1-B5, the tab region being located at a head of the interface.
B7. The display device of the interface of claim B1, further comprising:
and counting the times of selecting the labels in the label area.
The embodiment of the application discloses C1 electronic equipment, includes:
at least one processor; and the number of the first and second groups,
a memory communicatively coupled to the at least one processor; wherein,
the memory stores instructions executable by the at least one processor to cause the at least one processor to perform:
responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu at the same time, and displaying the label in the label area;
and when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area.
C2. The electronic device of C1, the at least one processor capable of performing: a display method of the interface according to any one of A2 to A7.
The embodiment of the application discloses D1. a computer readable storage medium, which stores a computer program, and the computer program realizes the display method of the interface from A1 to A7 when being executed by a processor.
Claims (17)
1. A display method of an interface, the interface comprising: a menu area, a window area and a label area; the display method of the interface comprises the following steps:
responding to the selected operation of the target menu in the menu area, if the window area displays a page currently, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, generating a label corresponding to the target menu, and displaying the label in the label area;
and when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area.
2. The method for displaying the interface according to claim 1, wherein displaying the page corresponding to the selected tab in the window area includes:
if the window area displays a page currently, acquiring a page path of a target menu corresponding to the selected label, closing the currently displayed page in the window area, and displaying the page pointed by the page path in the window area.
3. The interface display method according to claim 1, further comprising:
and if the currently displayed page in the window area is closed, acquiring a label of a target menu corresponding to the currently displayed page, and keeping the label of the target menu corresponding to the currently displayed page in the label area.
4. The interface display method according to claim 1, further comprising, before the generating the label corresponding to the target menu:
judging whether a label corresponding to the target menu is displayed in the label area;
and if not, generating a label corresponding to the target menu, and displaying the label in the label area.
5. The interface display method according to claim 1, further comprising:
responding to the closing operation of the interface, and storing the label still displayed in the label area when the interface is closed;
and if the opening operation of the interface is detected, displaying the label displayed in the label area stored when the interface is closed last time in the label area.
6. The method of displaying an interface according to any one of claims 1 to 5, wherein the tab area is located at a head portion of the interface.
7. The method for displaying the interface according to claim 1, further comprising:
and counting the times of selecting the labels in the label area.
8. A display device of an interface, the interface comprising: a menu area, a window area and a label area; the display device of the interface comprises:
the first response module is used for responding to the selected operation of the target menu in the menu area, closing the currently displayed page in the window area when the page is currently displayed in the window area, displaying the page corresponding to the target menu in the window area, simultaneously generating a label corresponding to the target menu and displaying the label in the label area;
and the second response module is used for displaying a page corresponding to the selected label in the window area when the selection operation of any label displayed in the label area is detected.
9. The display device of the interface according to claim 8, wherein the displaying the page corresponding to the selected tab in the window area includes:
if the window area displays a page currently, acquiring a page path of a target menu corresponding to the selected label, closing the currently displayed page in the window area, and displaying the page pointed by the page path in the window area.
10. The interface display device of claim 8, wherein the interface display method further comprises:
and if the currently displayed page in the window area is closed, acquiring a label of a target menu corresponding to the currently displayed page, and keeping the label of the target menu corresponding to the currently displayed page in the label area.
11. The interface display device of claim 8, further comprising, before the generating the label corresponding to the target menu:
judging whether a label corresponding to the target menu is displayed in the label area;
and if not, generating a label corresponding to the target menu, and displaying the label in the label area.
12. The interface display device of claim 8, wherein the interface display method further comprises:
responding to the closing operation of the interface, and storing the label still displayed in the label area when the interface is closed;
and if the opening operation of the interface is detected, displaying the label stored in the label area when the interface is closed last time in the label area.
13. A display device of an interface as claimed in any one of claims 8 to 12, wherein the tab area is located at the head of the interface.
14. The display device of an interface of claim 8, further comprising:
and counting the times of selecting the labels in the label area.
15. An electronic device, comprising:
at least one processor; and the number of the first and second groups,
a memory communicatively coupled to the at least one processor; wherein,
the memory stores instructions executable by the at least one processor to cause the at least one processor to perform:
responding to the selected operation of a target menu in a menu area, if a page is currently displayed in a window area, closing the currently displayed page in the window area, displaying the page corresponding to the target menu in the window area, simultaneously generating a label corresponding to the target menu, and displaying the label in a label area;
and when the selection operation of any label displayed in the label area is detected, displaying the page corresponding to the selected label in the window area.
16. The electronic device of claim 15, wherein the at least one processor is capable of performing: a method of displaying an interface as claimed in any one of claims 2 to 7.
17. A computer-readable storage medium storing a computer program, wherein the computer program, when executed by a processor, implements the display method of the interface according to any one of claims 1 to 7.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910800268.6A CN111309413B (en) | 2019-08-28 | 2019-08-28 | Interface display method and device, electronic equipment and storage medium |
| PCT/CN2020/076676 WO2021036213A1 (en) | 2019-08-28 | 2020-02-25 | Interface display method and apparatus, electronic device, and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910800268.6A CN111309413B (en) | 2019-08-28 | 2019-08-28 | Interface display method and device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111309413A CN111309413A (en) | 2020-06-19 |
| CN111309413B true CN111309413B (en) | 2021-06-25 |
Family
ID=71144791
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910800268.6A Active CN111309413B (en) | 2019-08-28 | 2019-08-28 | Interface display method and device, electronic equipment and storage medium |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN111309413B (en) |
| WO (1) | WO2021036213A1 (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113076160B (en) * | 2021-04-07 | 2024-01-12 | 远光软件股份有限公司 | Information display method of display interface and related device |
| CN113010823B (en) * | 2021-05-26 | 2021-09-17 | 广州市玄武无线科技股份有限公司 | Display mode switching method and device for web software page |
| CN114625472A (en) * | 2022-05-16 | 2022-06-14 | 天津中新智冠信息技术有限公司 | Page display method and device, electronic equipment and storage medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105843491A (en) * | 2016-03-18 | 2016-08-10 | 华为技术有限公司 | Quick navigation switching method and device of page, and terminal |
| CN106991110A (en) * | 2016-10-12 | 2017-07-28 | 阿里巴巴集团控股有限公司 | The switching method and device of Webpage |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2007086825A (en) * | 2005-09-16 | 2007-04-05 | Seiko Epson Corp | Display method, program and display device |
| US20070266151A1 (en) * | 2006-05-15 | 2007-11-15 | Liam Friedland | Method and system for display area optimization in a role-based user interface |
| US20070266330A1 (en) * | 2006-05-15 | 2007-11-15 | Liam Friedland | Method and system for role-based user interface navigation |
| CN100589106C (en) * | 2008-05-09 | 2010-02-10 | 杭州华三通信技术有限公司 | Page jump method and system |
| CN101546324A (en) * | 2008-12-30 | 2009-09-30 | 魏新成 | Method for controlling web page window and task window through Internet taskbar |
| CN106372076B (en) * | 2015-07-22 | 2021-10-15 | 腾讯科技（深圳）有限公司 | Method and device for switching web pages in browser |
-
2019
- 2019-08-28 CN CN201910800268.6A patent/CN111309413B/en active Active
-
2020
- 2020-02-25 WO PCT/CN2020/076676 patent/WO2021036213A1/en active Application Filing
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105843491A (en) * | 2016-03-18 | 2016-08-10 | 华为技术有限公司 | Quick navigation switching method and device of page, and terminal |
| CN106991110A (en) * | 2016-10-12 | 2017-07-28 | 阿里巴巴集团控股有限公司 | The switching method and device of Webpage |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2021036213A1 (en) | 2021-03-04 |
| CN111309413A (en) | 2020-06-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11372657B2 (en) | Systems and methods for adaptive user interfaces | |
| US10019716B1 (en) | Method for feedback submission resolution | |
| CN105320417B (en) | Page switching method and client | |
| CN105335404B (en) | Page info loading method and device | |
| US20110197165A1 (en) | Methods and apparatus for organizing a collection of widgets on a mobile device display | |
| CN111309413B (en) | Interface display method and device, electronic equipment and storage medium | |
| CN105868096B (en) | For showing the method, device and equipment of web page test result in a browser | |
| US20150012987A1 (en) | Multi-account login method and apparatus | |
| US8949858B2 (en) | Augmenting user interface elements with information | |
| US20120166522A1 (en) | Supporting intelligent user interface interactions | |
| KR20140039209A (en) | Web browser with quick site access user interface | |
| US10579227B1 (en) | Identifying missed interactions | |
| US20150277702A1 (en) | Apparatus and method for dynamic actions based on context | |
| US10929006B2 (en) | User interface for recommended alternative search queries | |
| US20210133270A1 (en) | Referencing multiple uniform resource locators with cognitive hyperlinks | |
| CN105094669A (en) | Method and device for switching multiple tab pages of browser | |
| CN106909486B (en) | Method, device and system for processing business exception | |
| CN110955833A (en) | Searching method, searching device, server, terminal equipment and medium | |
| US10719206B1 (en) | Measuring unresponsive interactions | |
| TWI744216B (en) | Method and device for providing prompt information | |
| CN109240678B (en) | Code generation method and device | |
| CN103049313A (en) | Label closing device and method for browser | |
| CN113688345B (en) | Page switching method and device and computing equipment | |
| CN110622135B (en) | System and method for providing content items in situations involving suboptimal network conditions | |
| US10860181B1 (en) | Displaying actionable graphical user interface (GUI) objects on a page with a particular actionable GUI object in a modal window |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40024913 Country of ref document: HK |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |