Page management method and device, equipment, storage medium and program product

By introducing the view mode selection function of navigation bar and interactive pages in media applications, users can manage pages simply and conveniently, solving the high learning and interaction cost problems caused by the complexity of view mode switching in the prior art, and improving management efficiency.

CN119106207APending Publication Date: 2024-12-10BEIJING ZITIAO NETWORK TECH CO LTD

Patent Information

Application Number
CN202411017384.8
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-07-26
Publication Date
2024-12-10

AI Technical Summary

Technical Problem

Existing media applications require complex interactions when switching view modes, resulting in high learning and interaction costs for users, making it difficult to manage pages simply and easily.

Method used

Provides a page management method, by displaying multiple navigation tags in the navigation bar, responding to user's navigation requests, displaying interactive pages, and access portals containing multiple view modes. Users can select the desired view mode to simplify page management.

Benefits of technology

It realizes users to manage pages simply and conveniently, improves page management efficiency, and reduces learning and interaction costs.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119106207A_ABST
    Figure CN119106207A_ABST
Patent Text Reader

Abstract

The embodiment of the invention relates to a page management method and device, equipment, a storage medium and a program product. The method comprises the steps that a first page is displayed, the first page displays a first group of media items in a plurality of media items in a first view mode, the first page comprises a navigation bar, and the navigation bar is provided with a plurality of navigation tags; in response to a received navigation request for a target navigation tag in the plurality of navigation tags, displaying an interaction page, the interaction page at least comprising a first access entry corresponding to the first view mode and a second access entry corresponding to the second view mode; and in response to receiving a selection request for a target access entry in the first access entry and the second access entry, displaying a second page, the second page including a set of media items displayed in a target view mode corresponding to the target access entry. Therefore, the interactive page for selecting the access entry can be provided for the user, so that the page management efficiency is improved.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] Example embodiments of the present disclosure generally relate to the field of computers, and more particularly, to a method, apparatus, electronic device, computer-readable storage medium, and computer program product for page management. Background Art

[0002] Currently, more and more applications are designed to provide users with various services. For example, users can publish, browse, and view various types of content in the application, including multimedia content such as videos, images, image collections, sounds, etc., or combinations of the above. Users can also interact with other users on the application page, such as liking, collecting, commenting on content posted by other users, or following other users and visiting their personal homepages. Summary of the invention

[0003] In a first aspect of the present disclosure, a page management method is provided. The method includes: displaying a first page, the first page displays a first group of media items in a first view mode, the first page includes a navigation bar, and the navigation bar has a plurality of navigation tags; in response to receiving a navigation request for a target navigation tag in the plurality of navigation tags, displaying an interactive page, the interactive page at least including: a first access entry corresponding to the first view mode, and a second access entry corresponding to the second view mode, the first access entry includes first media content of the first group of media items, and the second access entry includes second media content of the second group of media items to be displayed in the second view mode; and in response to receiving a selection request for a target access entry in the first access entry and the second access entry, displaying a second page, the second page including a group of media items displayed in a target view mode corresponding to the target access entry.

[0004] In a second aspect of the present disclosure, a device for page management is provided. The device includes: a first page display module configured to display a first page, the first page displays a first group of media items among a plurality of media items in a first view mode, the first page includes a navigation bar, and the navigation bar has a plurality of navigation tags; an interactive page display module configured to display an interactive page in response to receiving a navigation request for a target navigation tag among the plurality of navigation tags, the interactive page at least including: a first access entry corresponding to the first view mode, and a second access entry corresponding to the second view mode, the first access entry includes first media content of the first group of media items, and the second access entry includes second media content of the second group of media items to be displayed in the second view mode; and a second page display module configured to display a second page in response to receiving a selection request for a target access entry among the first access entry and the second access entry, the second page including a group of media items displayed in a target view mode corresponding to the target access entry.

[0005] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory, the at least one memory is coupled to the at least one processing unit and stores instructions for execution by the at least one processing unit. When the instructions are executed by the at least one processing unit, the electronic device executes the method of the first aspect.

[0006] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided, wherein a computer program is stored on the medium, and when the computer program is executed by a processor, the method of the first aspect is implemented.

[0007] In a fifth aspect of the present disclosure, a computer program product is provided, which includes a computer program, wherein when the computer program is executed by a processor, the method according to the first aspect of the present disclosure is implemented.

[0008] It should be understood that the content described in this section is not intended to limit the key features or important features of the embodiments of the present disclosure, nor is it intended to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. In the accompanying drawings, the same or similar reference numerals represent the same or similar elements, wherein:

[0010] Figure 1 A schematic diagram showing an example environment in which embodiments according to the present disclosure may be implemented;

[0011] FIG. 2A to FIG. 2J A schematic diagram showing an example page according to some embodiments of the present disclosure;

[0012] Figure 3 A flowchart of a method for page management according to some embodiments of the present disclosure is shown;

[0013] Figure 4 An exemplary structural block diagram of an apparatus for page management according to some embodiments of the present disclosure is shown; and

[0014] Figure 5 A block diagram of an electronic device in which one or more embodiments of the present disclosure may be implemented is shown. DETAILED DESCRIPTION

[0015] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments set forth herein. On the contrary, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0016] It should be noted that the titles of any sections / subsections provided herein are not restrictive. Various embodiments are described throughout this article, and any type of embodiment may be included under any section / subsection. In addition, the embodiments described in any section / subsection may be combined in any manner with any other embodiments described in the same section / subsection and / or different sections / subsections.

[0017] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may be included below. The terms "first", "second", etc. may refer to different or the same objects. Other explicit and implicit definitions may be included below.

[0018] Herein, unless explicitly stated, executing a step “in response to A” does not mean executing the step immediately after “A” but may include one or more intermediate steps.

[0019] It is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and relevant provisions.

[0020] It is understandable that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, scope of use, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0021] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information, so that the user can independently choose whether to provide personal information to software or hardware such as electronic devices, applications, servers or storage media that execute operations of the technical solution of the present disclosure based on the prompt message.

[0022] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information is sent to the user in a manner such as a pop-up window, in which the prompt information can be presented in text form. In addition, the pop-up window can also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0023] It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet the relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0024] According to traditional solutions, some media applications can provide users with multiple view modes. For example, users can switch between single-column view mode and multi-column view mode through specific switching operations. In addition, users can also manage the presentation of media content in the interface through settings pages, for example. These capabilities are more commonly used for daily use by users. However, users need more complex interactive operations to complete the corresponding process, which requires higher learning costs and interaction costs.

[0025] An embodiment of the present disclosure proposes a scheme for page management. According to the scheme, a first page is displayed, the first page displays a first group of media items among multiple media items in a first view mode, and the first page includes a navigation bar, and the navigation bar has multiple navigation tags. In response to receiving a navigation request for a target navigation tag among the multiple navigation tags, an interactive page is displayed, and the interactive page includes at least: a first access entry corresponding to the first view mode, and a second access entry corresponding to the second view mode. The first access entry includes first media content of the first group of media items, and the second access entry includes second media content of the second group of media items to be displayed in the second view mode. In response to receiving a selection request for a target access entry among the first access entry and the second access entry, a second page is displayed, and the second page includes a group of media items displayed in a target view mode corresponding to the target access entry.

[0026] In this way, the embodiments of the present disclosure can provide the user with an interactive page for managing page view modes in response to receiving a trigger on a target navigation tag, and the user can select a desired view mode via the interactive page. This allows the user to manage pages simply and conveniently, and can improve the efficiency of user page management.

[0027] Various example implementations of the solution are described in detail below in conjunction with the accompanying drawings.

[0028] Example Environment

[0029] Figure 11 is a schematic diagram of an example environment 100 in which embodiments of the present disclosure may be implemented. Figure 1 As shown, example environment 100 may include electronic device 110 .

[0030] In this example environment 100, the electronic device 110 may run an application 120 that supports page interaction. The application 120 may be any appropriate type of application for page interaction, examples of which may include, but are not limited to, video applications, social applications, or other appropriate applications. The user 140 may interact with the application 120 via the electronic device 110 and / or its attached devices.

[0031] In some embodiments, application 120 may be a content sharing application (e.g., a video application based on video sharing), which may provide various services related to media content items to user 140, including browsing, commenting, forwarding, creating (e.g., shooting and / or editing), publishing, etc. of content. In some embodiments, application 120 may also be any other appropriate application, in which media content may be displayed. In this article, "media content" may include one or more types of content, such as video, image, animated image, image set, audio, text, or a combination of the above, etc.

[0032] exist Figure 1 In the environment 100, if the application 120 is active, the electronic device 110 can present a page 150 for supporting page interaction through the application 120. The page 150 may include various types of pages that the application 120 can provide, such as a content presentation page, a content creation page, a content publishing page, a message page, a personal homepage, and the like. The application 120 may provide a content viewing function to view various types of content published in the application 120. Through the corresponding page, the application 120 may provide the user 140 with content associated with the media content or the shopping content. Through appropriate means, such as clicking or selecting a page element, the application 120 may also provide the user 140 with the selection and switching of the presentation method of the associated content.

[0033] In some embodiments, the electronic device 110 communicates with the server 130 to provide services for the application 120. The electronic device 110 may be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an e-book device, a gaming device, or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the electronic device 110 may also support any type of interface for the user (such as a "wearable" circuit, etc.).

[0034] The server 130 may be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content distribution networks, and big data and artificial intelligence platforms. The server 130 may include, for example, a computing system / server, such as a mainframe, an edge computing node, a computing device in a cloud environment, etc. The server 130 may provide background services for the application 120 that supports content presentation in the electronic device 110.

[0035] A communication connection may be established between the server 130 and the electronic device 110. The communication connection may be established in a wired manner or a wireless manner. The communication connection may include, but is not limited to, a Bluetooth connection, a mobile network connection, a universal serial bus connection, a wireless fidelity connection, etc., and the embodiments of the present disclosure are not limited in this respect. In the embodiments of the present disclosure, the server 130 and the electronic device 110 may implement signaling interaction through the communication connection between the two.

[0036] It should be understood that the structure and function of the various elements in the environment 100 are described for exemplary purposes only and do not imply any limitation on the scope of the present disclosure.

[0037] Example Interaction

[0038] The following will describe an example page interaction process according to an embodiment of the present disclosure with reference to the accompanying drawings.

[0039] FIG. 2A to FIG. 2JSchematic diagrams of example pages 200A to 200J (also referred to as examples 200A to 200J) according to some embodiments of the present disclosure are shown. It should be understood that the pages shown in the drawings are merely examples, and various page designs may actually exist. The various graphic elements in the pages may have different arrangements and different visual representations, one or more elements may be omitted or replaced, and one or more other elements may also exist. The embodiments of the present disclosure are not limited in this respect. The pages shown in examples 200A to 200J may be presented at the electronic device 110. For ease of discussion, reference will be made to FIG. Figure 1 Examples 200A to 200J are described with reference to environment 100 .

[0040] In environment 100, electronic device 110 presents a page 150 of application 120. In some cases, page 150 presented by electronic device 110 may be a specific page of application 120, in which media content is presented. In some embodiments, a page refers to a page for displaying or pushing media content and other related information to a user, which may also be referred to as a content display page. A page may present a group of media items, and a group of media items may include one or more media items. A group of media items to be presented in a specific page may be determined according to application design requirements. The specific media content to be displayed in a group of media items and their number may vary in different scenarios.

[0041] In some embodiments, the page may include a page currently displayed in the application 120, such as the homepage of the application 120, or a recommended homepage in a group of homepage pages of the application 120. The recommended content items displayed to the user in the recommended homepage are sometimes also referred to as recommended information streams. In some embodiments, the page may include other pages under the homepage of the application 120, such as a follow page (in which media content items posted by a group of users followed by the current user are displayed), a same-city page (in which media content items posted by other users in the same area as the current user are displayed), or media content items aggregated or classified in other ways.

[0042] If the information that needs to be presented in the application is large and complex, the information is often presented in categories, so that users can obtain information in a more concise way. Categorizing and presenting information often requires setting multiple navigation tags corresponding to different information on the page. Users can obtain the page corresponding to the tag by switching different navigation tags. In some embodiments, navigation tags for navigating to different pages may be provided in the application 120. In an embodiment of the present disclosure, a page, including a page, can be presented at least by selecting a predetermined navigation tag. In other words, a predetermined navigation tag in the application can be used to navigate to the page.

[0043] like Figure 2A As shown, example 200A shows an example of a page of application 120. Example 200A includes multiple navigation tags for navigating to various pages, such as "Same City", "Follow", "Recommend", "Home", "Friends", and so on. These multiple navigation tags can also have different levels. For example, the navigation tags "Home", "Friends", etc. can be the first level, and the navigation tags "Same City", "Follow", "Recommend" can be the second level. The navigation tags of the first level can, for example, correspond to a group of pages (for example, a group of home pages), and the page corresponding to the navigation tag of the second level can, for example, be at least one of the group of pages corresponding to the navigation tags of the first level (for example, the recommended home page corresponding to the navigation tag "Recommend" is one of the group of home pages corresponding to the navigation tag "Home". In some embodiments, example 200A navigation bar 205, navigation bar 205 includes multiple navigation tags. For example, navigation bar 205 may include multiple navigation tags of the first level. As an example, navigation bar 205 can, for example, be located at the edge of the interface of example 200A, for example, at the bottom.

[0044] For example, in Figure 2A In the example 200A shown, the navigation bar 205 includes a navigation tag 210, and the navigation tag 210 is a tag "Home". If the electronic device 110 detects a selection operation on the navigation tag 210, the home page of the application 120 can be presented. For example, the electronic device 110 can present a recommended home page among multiple home pages by default (that is, a page corresponding to the navigation tag "Recommend"). On this basis, if the electronic device 110 detects a selection operation on the navigation tag "Follow", it can switch to presenting a focused home page among multiple home pages (that is, a page corresponding to the navigation tag "Follow").

[0045] In an embodiment of the present disclosure, the electronic device 110 presents a specific page, such as a specific page of the application 120. The page is used to present at least a set of media items. In some embodiments, the electronic device 110 can present a set of media items in the page in any appropriate view mode (such as a default view mode, which can be a view mode preset by the user, or a historical view mode when the user last exited the application and / or page).

[0046] In some embodiments, if the electronic device 110 detects a selection operation on the navigation tag 210, one of a group of home pages can be presented, such as presenting a recommended home page. It should be understood that this is merely exemplary and is not intended to limit the solutions of the present disclosure. In some embodiments, alternatively or additionally, a page can also be presented by detecting a startup operation of an application, such as the page being the default page presented when the application is started. When presented after the application is started, a group of media items can be presented in the page in a default view mode. That is, in the absence of a user selection of a navigation tag, the page can be the default page after the application 120 is started.

[0047] In some embodiments, the electronic device 110 may support displaying a group of media items in multiple view modes. The multiple view modes may include, for example, at least a single view mode, at least one multi-column view mode (including but not limited to a double-column view mode, a three-column view mode, etc.), and at least one multi-row view mode, etc. The single view mode can present complete media items and provide rich information, while at least one multi-column view mode and at least one multi-row view mode facilitate users to explore more content of interest. Providing multiple view modes can facilitate users to select or switch view modes for displaying a group of media items according to their preferences.

[0048] In some embodiments, application pages corresponding to different view modes may be referred to as different pages. For example, a page displaying a first group of media items in a first view mode may be referred to as a first page, and a page displaying a group of media items in a user-selected view mode may be referred to as a second page. If the selected view mode is different from the first view mode, the media content included in the first group of media items and the second group of media items is at least partially different.

[0049] In some embodiments, Figure 2A As shown, the electronic device 110 can present example 200A. As shown, example 200A can be referred to as the first page, and example 200A can, for example, present a first group of media items in multiple media items in a first view mode (e.g., a single view mode). Example 200A includes a navigation bar 205, and the navigation bar 205 includes multiple navigation tags (the multiple navigation tags include at least navigation tag 210). The electronic device 110 can determine that a navigation request for the target navigation tag is received in response to receiving a trigger operation from a user for a target navigation tag (e.g., navigation tag 210) in multiple navigation tags. The trigger operation includes, but is not limited to, a single-click operation, a double-click operation, a long press operation, a hover operation, and the like on the navigation tag. It can be understood that the present disclosure does not limit the specific trigger operation. The electronic device 110 can then display an interactive page in response to receiving a navigation request for the target navigation tag.

[0050] The interactive page may include at least a first access entry corresponding to a first view mode and a second access entry corresponding to a second view mode, the first view mode being different from the second view mode. The first access entry may, for example, include first media content of a first group of media items, and the second access entry may, for example, include second media content of a second group of media items to be displayed in the second view mode. The first access entry and the second access entry may, for example, be presented in the interactive page in the form of cards.

[0051] The first access entry and the second access entry may be presented in the interactive page in any appropriate display manner. For example, the first access entry and the second access entry may be displayed side by side in the interactive page, in which case the multiple access entries may be displayed in a smaller size, and each access entry is fully displayed. The first media content may, for example, include all of the first group of media content of the first group of media items, and the second media content may, for example, include all of the second group of media content of the second group of media items.

[0052] For another example, the first access entrance and the second access entrance may be displayed in a superimposed manner according to a predetermined hierarchical relationship. Figure 2B As shown, example 200B shows an example of an interactive page. The electronic device 110 may display example 200B in response to receiving a navigation request for the navigation tag 210. Taking the first view mode as a single view mode and the second view mode as a double column view mode as an example, the access entry 220 of the single view mode and the access entry 230 of the double column view mode may be displayed in a superimposed manner in example 200B according to a predetermined hierarchical relationship.

[0053] In this case, there is an obstruction between the first access entrance and the second access entrance (the access entrance superimposed and displayed at the top will obstruct a part of the access entrance displayed at the bottom). The first media content, for example, may include at least a part of the first group of media content of the first group of media items, and the second media content, for example, may include at least a part of the second group of media content of the second group of media items. Exemplarily, if the first access entrance is superimposed and displayed above the second access entrance, the first media content, for example, may include all of the first group of media content of the first group of media items, and the second media content, for example, may include a part of the second group of media content of the second group of media items. As shown in the figure, the access entrance 220 at the top includes the entire screen of a single media item in the single view mode, and the access entrance 230 at the lower layer includes partial screens of multiple media items in the double column view mode.

[0054] This predetermined hierarchical relationship can be determined, for example, based on the time sequence in which the first view mode and the second view mode are selected. Exemplarily, the access entry corresponding to the most recently selected view mode can be superimposed and presented above the access entry corresponding to the earlier selected view mode. For example, if the user applied the dual-column view mode one month ago (that is, the electronic device 110 displays the page corresponding to the dual-column view mode), and the user applied the single view mode within one month (that is, the electronic device 110 displays the page corresponding to the single view mode), the electronic device 110 can superimpose and present the access entry 220 corresponding to the single view mode above the access entry 230 corresponding to the dual-column view mode.

[0055] It is understood that the interactive page may include any appropriate number of access entries. For example, the interactive page may also include a third access entry corresponding to the third view mode. In this case, the first access entry, the second access entry, and the third access entry may be presented in the interactive page in any appropriate display manner. Figure 2C As shown, example 200C shows an example of an interactive page. Taking the first view mode as a single view mode, the second view mode as a double-column view mode, and the third view mode as a multi-row view mode as an example, the access entry 220 of the single view mode, the access entry 230 of the double-column view mode, and the access entry 250 of the multi-row view mode can be superimposed and displayed in example 200C according to a predetermined hierarchical relationship.

[0056] For example, if the user applied the multi-row view mode a month ago, the user applied the dual-column view mode a week ago, and the user applied the single-view mode within a week, the electronic device 110 may overlay the access entry 230 of the dual-column view mode on the access entry 250 of the multi-row view mode, and overlay the access entry 220 of the single-view mode on the access entry 230 of the dual-column view mode. It should be understood that although Figure 2C The multiple access entrances are shown to have the same height and the same spacing, alternatively and / or additionally, the multiple access entrances may have different heights and / or different spacing.

[0057] Therefore, since the user is more likely to continue using the current view mode, the electronic device 110 may present the access entry corresponding to the view mode most recently applied by the user above other access entries to facilitate the user to continue selecting the current view mode.

[0058] In some embodiments, since the first page presents the first group of media items in the first view mode, and the electronic device 110 displays the interactive page in response to a navigation request for a target navigation tag in the first page, the first view mode can be referred to as the current default view mode. The electronic device 110 can, for example, display the access entry corresponding to the default view mode in a superimposed manner on top of other access entries. For example, the electronic device 110 can display the first access entry corresponding to the first view mode in a superimposed manner above the second access entry corresponding to the second view mode.

[0059] Continue to refer Figure 2A , Figure 2B and Figure 2C In example 200A, the electronic device 110 presents the first group of media items in a single view mode. The electronic device 110 may present example 200B or example 200C in response to receiving a navigation request for the navigation tab 210 in example 200A. In example 200B, the access entry 220 of the single view mode is presented in an overlay above the access entry 230 of the dual-column view mode. In example 200C, the access entry 220 of the single view mode is presented in an overlay above the access entry 230 of the dual-column view mode and the access entry 250 of the multi-row view mode.

[0060] Similarly, refer to Figure 2D and Figure 2E , Example 200D shows an example of a page and Example 200E shows an example of an interactive page. The electronic device 110 presents the first group of media items in a dual-column view mode in Example 200D, and the electronic device 110 may present Example 200E in response to receiving a navigation request for the navigation tag 210 in Example 200D. In Example 200E, the access entry 230 of the dual-column view mode is superimposed on the access entry 220 of the single view mode. Thus, the interactive page can be presented according to the view mode currently applied by the user, which facilitates the user to continue to select the currently applied view mode, and the efficiency of managing pages can be improved.

[0061] In some embodiments, the electronic device 110 may also determine that a slide request for the interactive page is received in response to receiving a slide operation in the interactive page. The electronic device 110 may adjust the display position and / or the size of the display area (e.g., height and / or width) of the first access entry and the second access entry based on the slide request in response to receiving the slide request for the interactive page.

[0062] See 2B. Figure 2F and Figure 2G As shown, Figure 2F and Figure 2GTwo examples of interactive pages are shown. The electronic device 110 may present example 200F, for example, in response to receiving a sliding request for example 200B (e.g., receiving a sliding operation to the right by the user). As shown in example 200F, compared to example 200B, the display position of the access entry 220 moves to the right, and the display area of ​​the access entry 220 becomes smaller. Although the display position of the access entry 230 has not changed, the display area of ​​the access entry 230 has become larger. Alternatively and / or additionally, the access entry located in the lower layer can move with the sliding operation, and the moving distance of the access entry in the lower layer can be less than the moving distance of the access entry in the upper layer. For example, the access entry 230 can move a small distance to the right, and the access entry 220 can move a large distance to the right, thereby increasing the display area of ​​the access entry 230, and so on.

[0063] In some embodiments, the electronic device 110 may present example 200G, for example, in response to receiving a sliding request for example 200F (for example, receiving a sliding operation to the right by the user). As shown in example 200G, compared with example 200F, the display position of the access entry 220 is to the right, and the display area of ​​the access entry 220 becomes smaller. The display position of the access entry 230 is to the right, and the display area of ​​the access entry 230 becomes larger. In some embodiments, in response to the display position of the access entry 230 coinciding with the target position, the electronic device 110 may adjust the hierarchical relationship between multiple access entries. The target position may be, for example, the center position of the interactive page. In response to the access entry 230 moving to the center position, the electronic device 110 may display the access entry 230 superimposed on other access entries.

[0064] In some embodiments, the background color of the interactive page can be determined based on the colors of multiple access portals. The background color of the interactive page is also the color of the background layer of the interactive page. The background layer of the page refers to the page content that the user cannot currently directly operate, and the active layer of the page refers to the page content that the user can currently directly operate. For example, multiple access portals are presented in the active layer of the interactive page to allow the user to select multiple access portals.

[0065] The background color of the interactive page may be determined based on the access entry displayed superimposed at the top, for example, and different access entries may correspond to different colors. For example, in example 200B, the background color of example 200B may be determined based on access entry 220. In example 200G, the background color of example 200G is determined based on access entry 230.

[0066] The background color of the interactive page can also be determined based on the display area of ​​multiple access portals. For example, in Example 200F, if the access portal 220 corresponds to a dark color, the access portal 230 corresponds to a light color. The background color of Example 200F can be a gradient color, with a light color on the left side of the interactive page and a dark color on the right side. For another example, the background color of the interactive page can also be the average color of the colors corresponding to multiple interactive pages. For example, in Example 200F, if the access portal 220 corresponds to a dark color and the access portal 230 corresponds to a light color, the background color of Example 200F can be an intermediate color. In this way, the background color can be presented in a color that is coordinated with the access portal. Alternatively and / or additionally, the brightness of the background color can be adjusted, for example, the brightness of the background color can be reduced to highlight the access portal.

[0067] The electronic device 110 may display the second page in response to receiving a selection request for a target access entry in the first access entry and the second access entry. For example, the electronic device 110 may determine the access entry with the largest current corresponding display area as the selected access entry. The electronic device 110 may also, for example, determine the access entry that is superimposed on other access entries (i.e., the access entry presented at the top) as the selected access entry. The electronic device 110 may also, for example, determine the access entry as the selected access entry in response to receiving a selection operation (e.g., a click operation) on a certain access entry. The electronic device 110 may determine that a selection request for the target access entry is received in response to determining that the target access entry is the selected access entry.

[0068] The second page includes a group of media items displayed in a target view mode corresponding to the target access entry. It is understood that the target view mode corresponding to the second page and the first view mode corresponding to the first page can be the same view mode or different view modes. Taking the target view mode as a second view mode different from the first view mode as an example, the electronic device 110 can determine that the second group of media items will be displayed in the second page in the second view mode in response to the second access entry being selected.

[0069] In some embodiments, the interactive page may further include a refresh control for refreshing the first set of media items. The refresh control may be presented at a first location in the interactive page corresponding to the target navigation label and / or at a second location in the interactive page associated with the first access entry and the second access entry. Figure 2B , example 200B may include a refresh control 215 and a refresh control 240. The refresh control 215 is presented at a position corresponding to the navigation label 210, and the refresh control 240 is presented at a position associated with the access entry 220 and the access entry 230 (eg, a position below the two access entries).

[0070] It is understood that the interactive page may include at least one refresh control. If the interactive page includes multiple refresh controls, the functions of the multiple refresh controls may be the same or different. Figure 2B , Example 200B may include a refresh control 215 and a refresh control 240. Exemplarily, the refresh control 215 and the refresh control 240 may both be used to refresh the first group of media items. Exemplarily, the refresh control 215 may be used to refresh the first group of media items, and the refresh control 240 may be used to refresh the interactive page (e.g., refreshing the access entry in the interactive page, refreshing the background color of the interactive page, etc.). For the convenience of description, the following exemplary description is given by taking multiple refresh controls all being used to refresh the first group of media items as an example.

[0071] In some embodiments, the electronic device 110 may determine that a refresh request for the refresh control is received in response to receiving a trigger operation for the refresh control. The electronic device 110 may refresh the first group of media items in response to receiving the refresh request for the refresh control. For example, the electronic device 110 may refresh the first group of media items in response to receiving the refresh request for the refresh control and present the second page.

[0072] by Figure 2G and Figure 2H For example, Figure 2H An example of a page is shown. In the interactive page shown in example 200G, the electronic device 110 can determine that the access entry 230 is selected (that is, the double-column view mode is selected). The electronic device 110 can refresh the first group of media items in response to receiving a trigger operation on the refresh control 215 or the refresh control 240, present example 200H, and present the second group of media items in the double-column view mode in example 200H. In some embodiments, if the second page is different from the view mode corresponding to the first page, the electronic device 110 can also present the switching control 260 in the second page. For example, the electronic device 110 can switch directly back to the first page in response to receiving a trigger operation on the switching control 260.

[0073] In some embodiments, during the process of refreshing the first group of media items, the electronic device 110 may display a refresh waiting page in a second page in response to determining that the refresh has not been completed. The refresh waiting page includes a refresh control, which is displayed at a position corresponding to the target navigation tag. The electronic device 110 may display the refreshed first group of media items in a second page in response to determining that the refresh has been completed, and the second page includes the target navigation tag. That is, the navigation bar of the refresh waiting page and the navigation bar of the second page may include different content.

[0074] In some embodiments, if the target view mode corresponding to the second page is the same as the first view mode of the first page, the electronic device 110 can still present different media content in the second page and the first page (that is, present the refreshed media content). Figure 2B , Fig.2I and Figure 2J For example, Fig.2I An example of a refresh wait page is shown. Figure 2J An example of a page is shown. In the interactive page shown in example 200B, the electronic device 110 can determine that the access entry 220 is selected (that is, the single view mode is selected). The electronic device 110 can refresh the first group of media items in response to receiving a trigger operation on the refresh control 215 or the refresh control 240. During the refresh process, the electronic device 110 can present example 200I in response to the refresh not being completed, and example 200I includes the refresh control 215. The electronic device 110 can present example 200J in response to the refresh being completed, and example 200J includes the navigation label 210. The navigation label 210 and the refresh control 215 can correspond to the same position.

[0075] In this way, in response to receiving a trigger on a target navigation tag, an interactive page for managing page view modes can be provided to the user, and the user can present the content of the media items to be presented in the view mode through multiple access portals in the interactive page, thereby facilitating the user to select a desired view mode. It allows the user to manage pages simply and conveniently, and improves the efficiency of user page management. Further, multiple access portals can be displayed in a partially overlapping manner, thereby supporting the presentation of more information in a limited display area.

[0076] Example Process

[0077] Figure 3 1 is a flow chart of a method 300 for page management according to some embodiments of the present disclosure. The method 300 may be implemented at the electronic device 110. Figure 1 Method 300 is described.

[0078] like Figure 3 As shown, in box 310, the electronic device 110 displays a first page, the first page displays a first group of media items among a plurality of media items in a first view mode, and the first page includes a navigation bar having a plurality of navigation tabs.

[0079] In box 320, the electronic device 110 displays an interactive page in response to receiving a navigation request for a target navigation tag among multiple navigation tags, the interactive page including at least: a first access entry corresponding to a first view mode, and a second access entry corresponding to a second view mode, the first access entry including first media content of a first group of media items, and the second access entry including second media content of a second group of media items to be displayed in the second view mode.

[0080] In block 330 , the electronic device 110 displays a second page including a set of media items displayed in a target view mode corresponding to the target access portal in response to receiving a selection request for a target access portal among the first access portal and the second access portal.

[0081] In some embodiments, the first access portal and the second access portal are displayed superimposed in a predetermined hierarchical relationship, and the predetermined hierarchical relationship is determined based on a time sequence in which the first view mode and the second view mode are selected.

[0082] In some embodiments, the first access portal is displayed in an overlay on the second access portal, and the first view mode is a default view mode.

[0083] In some embodiments, the first media content includes at least a portion of a first set of media content of the first set of media items, and the second media content includes at least a portion of a second set of media content of the second set of media items.

[0084] In some embodiments, method 300 further includes: in response to receiving a sliding request for the interactive page, adjusting at least any one of the following of the first access portal and the second access portal based on the sliding request: display position, size of display area.

[0085] In some embodiments, the interactive page further includes: a refresh control for refreshing the first set of media items, and the method 300 further includes: in response to receiving a refresh request for the refresh control, refreshing the first set of media items.

[0086] In some embodiments, refreshing the first group of media items includes: in response to determining that the refresh is not completed, displaying a refresh waiting page in the second page, the refresh waiting page including a refresh control, and the refresh control is displayed at a position corresponding to the target navigation label.

[0087] In some embodiments, refreshing the first set of media items includes: in response to determining that the refreshing has been completed, displaying the refreshed first set of media items in a second page, the second page including the target navigation tab.

[0088] In some embodiments, the refresh control is presented at at least any one of the following locations: a first location in the interactive page corresponding to the target navigation tag; or a second location in the interactive page associated with the first access entry and the second access entry.

[0089] In some embodiments, the first view mode includes any one of a plurality of view modes, and the second view mode includes another one of the plurality of view modes, the plurality of view modes including: a single view mode, a multi-row view mode, and a multi-column view mode.

[0090] Example devices and equipment

[0091] The embodiments of the present disclosure also provide corresponding devices for implementing the above methods or processes. Figure 4 An exemplary structural block diagram of an apparatus 400 for page management according to some embodiments of the present disclosure is shown. The apparatus 400 may be implemented as or included in the electronic device 110. Each module / component in the apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0092] like Figure 4 As shown, the device 400 includes a first page display module 410, which is configured to display a first page, the first page displays a first group of media items among multiple media items in a first view mode, and the first page includes a navigation bar, and the navigation bar has multiple navigation tags; an interactive page display module 420, which is configured to display an interactive page in response to receiving a navigation request for a target navigation tag among the multiple navigation tags, and the interactive page includes at least: a first access entry corresponding to the first view mode, and a second access entry corresponding to the second view mode, the first access entry includes first media content of the first group of media items, and the second access entry includes second media content of the second group of media items to be displayed in the second view mode; and a second page display module 430, which is configured to display a second page in response to receiving a selection request for a target access entry among the first access entry and the second access entry, and the second page includes a group of media items displayed in a target view mode corresponding to the target access entry.

[0093] In some embodiments, the first access portal and the second access portal are displayed superimposed in a predetermined hierarchical relationship, and the predetermined hierarchical relationship is determined based on a time sequence in which the first view mode and the second view mode are selected.

[0094] In some embodiments, the first access portal is displayed in an overlay on the second access portal, and the first view mode is a default view mode.

[0095] In some embodiments, the first media content includes at least a portion of a first set of media content of the first set of media items, and the second media content includes at least a portion of a second set of media content of the second set of media items.

[0096] In some embodiments, the device 400 also includes: an access entry adjustment module, configured to adjust at least any one of the following of the first access entry and the second access entry based on the sliding request in response to receiving a sliding request for the interactive page: display position, size of the display area.

[0097] In some embodiments, the interactive page further includes: a refresh control for refreshing the first group of media items, and the device 400 further includes: a refresh module configured to refresh the first group of media items in response to receiving a refresh request for the refresh control.

[0098] In some embodiments, the refresh module is further configured to: in response to determining that the refresh is not completed, display a refresh waiting page in the second page, the refresh waiting page including a refresh control, and the refresh control is displayed at a position corresponding to the target navigation tag.

[0099] In some embodiments, the refresh module is further configured to: in response to determining that the refresh has been completed, display the refreshed first group of media items in a second page, the second page including the target navigation tab.

[0100] In some embodiments, the refresh control is presented at at least any one of the following locations: a first location in the interactive page corresponding to the target navigation tag; or a second location in the interactive page associated with the first access entry and the second access entry.

[0101] In some embodiments, the first view mode includes any one of a plurality of view modes, and the second view mode includes another one of the plurality of view modes, the plurality of view modes including: a single view mode, a multi-row view mode, and a multi-column view mode.

[0102] The modules included in the device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units can be implemented using software and / or firmware, such as machine executable instructions stored on a storage medium. In addition to or as an alternative to machine executable instructions, some or all of the modules in the device 400 can be implemented at least in part by one or more hardware logic components. As an example and not limitation, exemplary types of hardware logic components that can be used include field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0103] Figure 5 1 shows a block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented. It should be understood that Figure 5 The electronic device 500 shown is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. Figure 5 The electronic device 500 shown can be used to implement Figure 1 An electronic device 110.

[0104] like Figure 5 As shown, the electronic device 500 is in the form of a general electronic device. The components of the electronic device 500 may include, but are not limited to, one or more processors or processing units 510, a memory 520, a storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. The processing unit 510 may be an actual or virtual processor and may perform various processes according to a program stored in the memory 520. In a multi-processor system, multiple processing units execute computer executable instructions in parallel to improve the parallel processing capability of the electronic device 500.

[0105] The electronic device 500 typically includes a plurality of computer storage media. Such media may be any accessible media that is accessible to the electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 520 may be a volatile memory (e.g., registers, caches, random access memory (RAM)), a non-volatile memory (e.g., a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 530 may be a removable or non-removable medium, and may include a machine-readable medium, such as a flash drive, a disk, or any other medium, which may be used to store information and / or data and may be accessed within the electronic device 500.

[0106] The electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Figure 5 As shown in , a disk drive for reading or writing from a removable, non-volatile disk (e.g., a "floppy disk") and an optical drive for reading or writing from a removable, non-volatile optical disk may be provided. In these cases, each drive may be connected to the bus (not shown) by one or more data media interfaces. The memory 520 may include a computer program product 525 having one or more program modules that are configured to perform various methods or actions of various embodiments of the present disclosure.

[0107] The communication unit 540 implements communication with other electronic devices through a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented in a single computing cluster or multiple computing machines, which can communicate through a communication connection. Therefore, the electronic device 500 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.

[0108] The input device 550 may be one or more input devices, such as a mouse, a keyboard, a tracking ball, etc. The output device 560 may be one or more output devices, such as a display, a speaker, a printer, etc. The electronic device 500 may also communicate with one or more external devices (not shown) through the communication unit 540 as needed, such as a storage device, a display device, etc., communicate with one or more devices that allow a user to interact with the electronic device 500, or communicate with any device that allows the electronic device 500 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

[0109] According to an exemplary implementation of the present disclosure, a computer-readable storage medium is provided, on which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to implement the method described above. According to an exemplary implementation of the present disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above.

[0110] Various aspects of the present disclosure are described herein with reference to the flowcharts and / or block diagrams of the methods, devices, equipment, and computer program products implemented according to the present disclosure. It should be understood that each box in the flowchart and / or block diagram and the combination of each box in the flowchart and / or block diagram can be implemented by computer-readable program instructions.

[0111] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, so that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device that implements the functions / actions specified in one or more boxes in the flowchart and / or block diagram is generated. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause the computer, programmable data processing device, and / or other equipment to work in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured product, which includes instructions for implementing various aspects of the functions / actions specified in one or more boxes in the flowchart and / or block diagram.

[0112] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device so that a series of operational steps are performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, so that the instructions executed on the computer, other programmable data processing apparatus, or other device implement the functions / actions specified in one or more boxes in the flowchart and / or block diagram.

[0113] The flow chart and block diagram in the accompanying drawings show the possible architecture, function and operation of the system, method and computer program product according to multiple implementations of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and a part of a module, program segment or instruction includes one or more executable instructions for realizing the logical function of the specification. In some implementations as replacements, the function marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous square boxes can actually be executed substantially in parallel, and they can sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be realized by a special hardware-based system that performs the function or action of the specification, or can be realized by a combination of special hardware and computer instructions.

[0114] The above descriptions of various implementations of the present disclosure are exemplary, non-exhaustive, and not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The selection of terms used herein is intended to best explain the principles of the implementations, practical applications, or improvements to the technology in the market, or to enable other persons of ordinary skill in the art to understand the various implementations disclosed herein.

Claims

1. A page management method, comprising: displaying a first page, the first page displaying a first group of media items from a plurality of media items in a first view mode, the first page comprising a navigation bar having a plurality of navigation tabs; In response to receiving a navigation request for a target navigation tag among the plurality of navigation tags, displaying an interactive page, the interactive page comprising at least: a first access entry corresponding to the first view mode, and a second access entry corresponding to the second view mode, the first access entry comprising first media content of the first group of media items, and the second access entry comprising second media content of the second group of media items to be displayed in the second view mode; as well as In response to receiving a selection request for a target access portal among the first access portal and the second access portal, a second page is displayed, the second page including a set of media items displayed in a target view mode corresponding to the target access portal.

2. The method according to claim 1, wherein: The first access portal and the second access portal are displayed in a superimposed manner according to a predetermined hierarchical relationship, and the predetermined hierarchical relationship is determined based on a time sequence in which the first view mode and the second view mode are selected.

3. The method according to claim 2, wherein: The first access portal is displayed in an overlay on the second access portal, and the first view mode is a default view mode. 4 . The method of claim 1 , wherein the first media content comprises at least a portion of a first set of media content of the first set of media items, and the second media content comprises at least a portion of a second set of media content of the second set of media items.

5. The method according to claim 1, further comprising: In response to receiving a sliding request for the interactive page, at least any one of the following of the first access portal and the second access portal is adjusted based on the sliding request: display position, size of display area.

6. The method according to claim 1, wherein the interactive page further comprises: A refresh control for refreshing the first set of media items, and the method further comprises: in response to receiving a refresh request for the refresh control, refreshing the first set of media items.

7. The method of claim 6, wherein refreshing the first set of media items comprises: In response to determining that the refresh is not completed, a refresh waiting page is displayed in the second page, the refresh waiting page includes a refresh control, and the refresh control is displayed at a position corresponding to the target navigation tag.

8. The method of claim 6, wherein refreshing the first set of media items comprises: In response to determining that the refreshing has been completed, displaying the refreshed first set of media items in the second page, the second page including the target navigation tab.

9. The method according to claim 6, wherein the refresh control is presented at at least any one of the following locations: A first position in the interactive page corresponding to the target navigation tag; or A second position in the interactive page associated with the first access entry and the second access entry.

10. The method of claim 1, wherein the first view mode comprises any one of a plurality of view modes, the second view mode comprises another one of the plurality of view modes, the plurality of view modes comprising: Single view mode, multi-row view mode, and multi-column view mode.

11. A device for page management, comprising: A first page display module is configured to display a first page, wherein the first page displays a first group of media items among a plurality of media items in a first view mode, wherein the first page includes a navigation bar having a plurality of navigation tabs; an interaction page display module, configured to, in response to receiving a navigation request for a target navigation tag among the plurality of navigation tags, display an interaction page, the interaction page comprising at least: a first access entry corresponding to the first view mode, and a second access entry corresponding to the second view mode, the first access entry comprising first media content of the first group of media items, and the second access entry comprising second media content of the second group of media items to be displayed in the second view mode; as well as The second page display module is configured to display a second page in response to receiving a selection request for a target access portal among the first access portal and the second access portal, wherein the second page includes a group of media items displayed in a target view mode corresponding to the target access portal.

12. An electronic device comprising: at least one processing unit; as well as At least one memory, the at least one memory being coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions causing the electronic device to perform the method according to any one of claims 1 to 10 when executed by the at least one processing unit.

13. A computer-readable storage medium having a computer program stored thereon, wherein the computer program can be executed by a processor to implement the method according to any one of claims 1 to 10.

14. A computer program product tangibly stored in a computer storage medium and comprising computer executable instructions which, when executed by a device, cause the device to perform the method according to any one of claims 1 to 10.

Citation Information

Patent Citations

  • Device, method and graphical user interface for manipulating windows in split screen mode

    CN107491258A

  • Information processing method and device and electronic equipment

    CN116886972A

  • Method, device and equipment for page interaction and storage medium

    CN117608428A

  • Method, device and equipment for page interaction and storage medium

    CN118210414A

  • Multi-mode display for documents in a web browser client application

    US20230325580A1

Cited By

  • Method and device for interface interaction, equipment, storage medium and program product

    CN120780204A

  • Method and device for determining display mode, equipment, medium and product

    CN121092045A

  • Page management method and apparatus, device, storage medium, and program product

    WO2026020789A1