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

Abstract

Embodiments of the present disclosure relate to a page management method and apparatus, a device, a storage medium, and a program product. The method comprises: displaying a first page, the first page displaying a first group of media items among multiple media items in a first view mode, the first page comprising a navigation bar, and the navigation bar having multiple navigation tabs; in response to receiving a navigation request for a target navigation tab among the multiple navigation tabs, displaying an interactive page, the interactive page at least comprising a first access portal corresponding to the first view mode, and a second access portal corresponding to a second view mode; and in response to receiving a selection request for a target access portal among the first access portal and the second access portal, displaying a second page, the second page comprising a group of media items displayed in a target view mode corresponding to the target access portal. Thus, an interactive page for selecting an access portal can be provided for a user, thereby improving page management efficiency.

Description

Method, device, apparatus, storage medium and program product for page management

[0001] The present application claims priority to the Chinese patent application No. 202411017384.8, filed on July 26, 2024, entitled “Method, device, apparatus, storage medium and program product for page management”, the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] Example embodiments of the present disclosure generally relate to the field of computers, and in particular, to a method, device, electronic device, computer-readable storage medium and computer program product for page management. BACKGROUND

[0003] More and more applications are designed to provide various services to users. For example, a user can post, browse, view various types of content in an application, including multimedia content such as videos, images, image sets, sounds, etc., or combinations thereof. The user can also interact with other users in the page of the application, such as liking, collecting, commenting on the content posted by other users, or following other users, accessing the personal homepages of other users, etc. SUMMARY

[0004] In a first aspect of the present disclosure, a method for page management is provided. The method comprises: displaying a first page, the first page displaying a first set of media items in a first view mode, the first page comprising a navigation bar, the navigation bar having a plurality of navigation tabs; in response to receiving a navigation request for a target navigation tab in the plurality of navigation tabs, displaying an interaction page, the interaction page comprising at least: a first access portal corresponding to the first view mode, and a second access portal corresponding to a second view mode, the first access portal comprising first media content of the first set of media items, and the second access portal comprising second media content of a second set of media items to be displayed in the second view mode; and in response to receiving a selection request for a target access portal in the first access portal and the second access portal, displaying a second page, the second page comprising a set of media items displayed in a target view mode corresponding to the target access portal.

[0005] In a second aspect of the disclosure, an apparatus for page management is provided. The apparatus comprises: a first page display module configured to display a first page, the first page displaying a first set of media items in a first view mode, the first page comprising a navigation bar, the navigation bar having a plurality of navigation tabs; an interactive page display module configured to, in response to receiving a navigation request for a target navigation tab of the plurality of navigation tabs, display an interactive page, the interactive page comprising at least: a first access portal corresponding to the first view mode, and a second access portal corresponding to a second view mode, the first access portal comprising first media content of the first set of media items, and the second access portal comprising second media content of a second set of media items to be displayed in the second view mode; and a second page display module configured to, in response to receiving a selection request for a target access portal of the first access portal and the second access portal, display a second page, the second page comprising a set of media items displayed in a target view mode corresponding to the target access portal.

[0006] In a third aspect of the disclosure, an electronic device is provided. The device comprises at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. The instructions, when executed by the at least one processing unit, cause the electronic device to perform the method of the first aspect.

[0007] In a fourth aspect of the disclosure, a computer-readable storage medium is provided. The medium has stored thereon a computer program which, when executed by a processor, implements the method of the first aspect.

[0008] In a fifth aspect of the disclosure, a computer program product is provided. The product comprises a computer program which, when executed by a processor, implements the method according to the first aspect of the disclosure.

[0009] It is to be understood that the details set forth in this section are not intended to limit key or critical features of the embodiments of the disclosure, nor are they intended to limit the scope of the disclosure. Other features of the disclosure will become apparent from the following description. BRIEF DESCRIPTION OF DRAWINGS

[0010] The above and other features, advantages and aspects of embodiments of the disclosure will become more apparent upon reading the following detailed description in conjunction with the accompanying drawings, in which like references refer to like elements. In the drawings:

[0011] FIG. 1 shows a schematic diagram of an example environment in which embodiments according to the disclosure can be implemented;

[0012] FIGS. 2A to 2J show schematic diagrams of example pages according to some embodiments of the disclosure;

[0013] FIG. 3 shows a flow chart of a method for page management, according to some embodiments of the present disclosure;

[0014] FIG. 4 shows an exemplary structural block diagram of an apparatus for page management, according to some embodiments of the present disclosure; and

[0015] FIG. 5 shows a block diagram of an electronic device that can implement one or more embodiments of the present disclosure. DETAILED DESCRIPTION

[0016] Embodiments of the present disclosure will be described in more detail with reference to the drawings. While certain embodiments of the present disclosure are shown in the drawings, it is understood that the present disclosure can be embodied in various forms and should not be interpreted as being limited to the embodiments set forth herein; rather, these embodiments are provided so that the present disclosure can be more thoroughly and completely understood. 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.

[0017] It should be noted that the titles of any sections / subsections provided herein are not limiting. Various embodiments are described throughout this document, and any type of embodiment can be included under any section / subsection. Furthermore, embodiments described in any section / subsection can be combined with any other embodiment described in the same section / subsection and / or a different section / subsection in any manner.

[0018] In the description of embodiments of the present disclosure, the term "includes" and its derivatives, such as "including," should be understood in an open, inclusive sense, 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 "an embodiment" should be understood as "at least one embodiment." The term "some embodiments" should be understood as "at least some embodiments." Other explicit or implicit definitions can also be included below. The terms "first," "second," etc. can refer to different or the same objects. Other explicit and implicit definitions can also be included below.

[0019] In this document, unless explicitly stated otherwise, performing a step "in response to" an event means performing the step at least partially in response to the event, and can include one or more intervening steps.

[0020] It can be understood that the data involved in the technical solutions of the present disclosure (including but not limited to the data itself, the obtaining or use of the data) should comply with the requirements of relevant laws and regulations and relevant provisions.

[0021] It can be understood that, before using the technical solutions disclosed in the embodiments of the present disclosure, the type of personal information involved in the present disclosure, the scope of use, the use scenario, etc. should be informed to the user and the authorization of the user should be obtained through appropriate means according to relevant laws and regulations.

[0022] For example, in response to receiving an active request of a user, a prompt information is sent to the user to explicitly prompt the user that the operation requested to be performed by the user will need to obtain and use personal information of the user, so that the user can autonomously select whether to provide the personal information to the software or hardware such as an electronic device, an application, a server or a storage medium, etc. performing the operation of the technical solution of the present disclosure according to the prompt information.

[0023] As an optional but non-limiting implementation manner, in response to receiving an active request of a user, the manner of sending a prompt information to the user may, for example, be a pop-up window manner, and the prompt information may be presented in the pop-up window in a text manner. In addition, the pop-up window may also carry a selection control for the user to select “agree” or “disagree” to provide personal information to the electronic device.

[0024] It can be understood that the above notification and user authorization process is only illustrative and does not limit the implementation manner of the present disclosure, and other manners meeting relevant laws and regulations can also be applied to the implementation manner of the present disclosure.

[0025] According to a conventional scheme, some media applications can provide multiple view modes for a user, for example, the user can switch between a single-column view mode and a multi-column view mode through a specific switching operation. In addition, the user may, for example, also manage the presentation of media content in the interface through a setting page. These capabilities are relatively commonly used for daily use of the user. However, the user needs relatively complex interactive operations to complete the corresponding process, which requires a high learning cost and an interactive cost.

[0026] Embodiments of the present disclosure provide a page management scheme. According to the scheme, a first page is displayed, the first page displays a first group of media items in a first view mode, and the first page includes a navigation bar having a plurality of navigation labels. In response to receiving a navigation request for a target navigation label in the plurality of navigation labels, an interaction page is displayed, the interaction page at least includes: a first access portal corresponding to the first view mode, and a second access portal corresponding to a second view mode. The first access portal includes first media content of the first group of media items, and the second access portal includes second media content of a second group of media items to be displayed in the second view mode. In response to receiving a selection request for a target access portal in the first access portal and the second access portal, a second page is displayed, the second page includes a group of media items displayed in a target view mode corresponding to the target access portal.

[0027] In this way, embodiments of the present disclosure can provide an interactive page for a user to manage the page view mode in response to receiving a trigger for a target navigation tab, via which the user can select a desired view mode. The user can be provided with a simple and convenient way to manage the page, which can provide efficiency for the user to manage the page.

[0028] Various example implementations of the approach are described in further detail below in conjunction with the accompanying drawings.

[0029] Example Environment

[0030] FIG. 1 illustrates a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. As shown in FIG. 1, the example environment 100 can include an electronic device 110.

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

[0032] In some embodiments, the application 120 can be a content sharing application (e.g., a video application that primarily focuses on video sharing), which can provide various services related to media content items to the user 140, including browsing, commenting, forwarding, creating (e.g., shooting and / or editing), publishing, and the like of the content. In some embodiments, the application 120 can also be any other suitable application in which media content can be presented. In this document, “media content” can include one or more types of content, such as a video, an image, an animated image, a set of images, an audio, a text, or a combination thereof, and the like.

[0033] In the environment 100 of FIG. 1, the electronic device 110 can present a page 150 for supporting page interaction via the application 120 if the application 120 is in an active state. The page 150 can include various 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 can provide a content viewing function to view various content published in the application 120. Via a corresponding page, the application 120 can provide the user 140 with content associated with media content or shopping content. Via a suitable manner, such as clicking or selecting a page element, the application 120 can also provide the user 140 with a selection and switching of a presentation mode of the associated content.

[0034] In some embodiments, the electronic device 110 communicates with the server 130 to enable provisioning of services of the application 120. The electronic device 110 can be any type of mobile terminal, fixed terminal, or portable terminal including a mobile handset, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media player, 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 game device, or any combinations of these, including accessories and peripherals of these devices, or any combinations thereof. In some embodiments, the electronic device 110 can also support any type of interface to the user (such as “wearable” circuitry, etc.).

[0035] The server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud service, cloud database, cloud computing, cloud function, cloud storage, network service, cloud communication, middleware service, domain name service, security service, content distribution network, and basic cloud computing services such as big data and artificial intelligence platform. The server 130 may, for example, include a computing system / server, such as a mainframe, an edge computing node, a computing device in a cloud environment, and the like. The server 130 can provide background services for the application 120 in the electronic device 110 that supports content presentation.

[0036] A communication connection can be established between the server 130 and the electronic device 110. The communication connection can be established by wired or wireless means. The communication connection can include, but is not limited to, a Bluetooth connection, a mobile network connection, a universal serial bus connection, a wireless fidelity connection, and the like, and embodiments of the present disclosure are not limited in this regard. In embodiments of the present disclosure, the server 130 and the electronic device 110 can implement signaling interaction through the communication connection therebetween.

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

[0038] Example Interaction

[0039] The process of an example page interaction according to embodiments of the present disclosure will be described below with reference to the accompanying drawings.

[0040] FIGS. 2A-2J illustrate schematic diagrams of example pages 200A-200J (may also be referred to simply as examples 200A-200J) in accordance with some embodiments of the present disclosure. It should be understood that the pages shown in the figures are merely examples, and various page designs can actually exist. Various graphical elements in the pages can have different arrangements and different visual representations, one or more of which can be omitted or replaced, and one or more other elements can also exist. Embodiments of the present disclosure are not limited in this regard. The pages shown in examples 200A-200J can be presented at electronic device 110. For ease of discussion, examples 200A-200J will be described with reference to environment 100 of FIG. 1.

[0041] In environment 100, electronic device 110 presents a page 150 of application 120. In some cases, page 150 presented by electronic device 110 can be a particular page of application 120 in which media content is presented. In some embodiments, a page refers to a page for showing or pushing media content and other related information to a user, which can also be referred to as a content showcase page. A page can present a set of media items, which can include one or more media items. The set of media items to be presented in a particular page can be determined according to application design needs. The media content to be showcased in a set of media items and the number thereof can vary in different scenarios.

[0042] In some embodiments, a page can include a page that is currently displayed in application 120, such as a home page of application 120, or a recommended home page in a set of home pages of application 120. The recommended content items shown to a user in a recommended home page are sometimes also referred to as a recommended information stream. In some embodiments, a page can include other pages under a home page of application 120, such as a following page (in which media content items posted by a set of users that the current user follows are shown), a local page (in which media content items posted by other users that are within a same regional scope as the current user are shown), or media content items that are otherwise aggregated or categorized.

[0043] If there is a lot of information that needs to be presented in an application and the information is diverse, the information is often presented in categories to facilitate the user to obtain the information in a more concise manner. Presenting information in categories often requires setting multiple navigation tabs corresponding to different information in a page. A user can obtain a page corresponding to a navigation tab by switching different navigation tabs. In some embodiments, navigation tabs for navigating to different pages can be provided in application 120. In embodiments of the present disclosure, a page, including a page, can be presented at least by selecting a predetermined navigation tab. That is, a predetermined navigation tab in an application can be used to navigate to a page.

[0044] As shown in FIG. 2A, example 200A illustrates one example of a page of application 120. Example 200A includes a plurality of navigation tabs for navigating to various pages, such as "City", "Follow", "Recommend", "Home", "Friends", etc. The plurality of navigation tabs can also have different levels, for example, navigation tabs "Home", "Friends", etc. can be at a first level, and navigation tabs "City", "Follow", "Recommend" can be at a second level. The navigation tabs at the first level can correspond to a group of pages (e.g. a group of home pages) for example, and the pages corresponding to the navigation tabs at the second level can be at least one of the group of pages corresponding to the navigation tabs at the first level (e.g. the recommended home page corresponding to the navigation tab "Recommend" is one of the group of home pages corresponding to the navigation tab "Home"). In some embodiments, example 200A includes a navigation bar 205, which includes a plurality of navigation tabs. For example, navigation bar 205 can include a plurality of navigation tabs at the first level. As an example, navigation bar 205 can be located at an edge of the interface of example 200A, for example, at the bottom.

[0045] As an example, in example 200A shown in FIG. 2A, navigation bar 205 includes a navigation tab 210, which is the tab "Home". If electronic device 110 detects a selection operation on navigation tab 210, a home page of application 120 can be presented. Electronic device 110 can present a recommended home page (i.e. the page corresponding to the navigation tab "Recommend") of a plurality of home pages by default, for example. On this basis, if electronic device 110 detects a selection operation on the navigation tab "Follow", a follow home page (i.e. the page corresponding to the navigation tab "Follow") of the plurality of home pages can be presented.

[0046] In embodiments of the present disclosure, electronic device 110 presents a particular page, for example, a particular page of application 120. The page is used to present at least a group of media items. In some embodiments, electronic device 110 can present the group of media items in any appropriate view mode (e.g. a default view mode, which can be a view mode previously set by the user, or a historical view mode when the user last exited the application and / or the page) in the page.

[0047] In some embodiments, if the electronic device 110 detects a selection operation on the navigation tab 210, one of a set of home pages can be presented, e.g., a recommended home page is presented. It is to 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, the page can also be presented by detecting a launch operation of the application, e.g., the page is a default page presented when the application is launched. When presented after the application is launched, a set of media items can be presented in the page in a default view mode. That is, without user selection of the navigation tab, the page can be the default page after the application 120 is launched.

[0048] In some embodiments, the electronic device 110 can support displaying a set of media items in multiple view modes. The multiple view modes can include, for example, at least a single view mode, at least one multi-column view mode (including but not limited to a two-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 the at least one multi-column view mode and the at least one multi-row view mode facilitate users to explore more interesting content. Providing multiple view modes can facilitate users to select or switch the view mode of displaying a set of media items according to preferences.

[0049] In some embodiments, application pages corresponding to different view modes can be referred to as different pages. For example, a page displaying a first set of media items in a first view mode can be referred to as a first page, and a page displaying a set of media items in a view mode selected by a user can 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 set of media items and the second set of media items is at least partially different.

[0050] In some embodiments, as shown in FIG. 2A, the electronic device 110 can present an example 200A. As shown, the example 200A can be referred to as a first page, and the example 200A can present a first set of media items in a plurality of media items in a first view mode (e.g., a single view mode), for example. The example 200A includes a navigation bar 205, which includes a plurality of navigation tabs (the plurality of navigation tabs including at least a navigation tab 210). The electronic device 110 can determine that a navigation request for a target navigation tab (e.g., the navigation tab 210) in the plurality of navigation tabs is received in response to receiving a trigger operation of the target navigation tab by a user. The trigger operation includes but is not limited to a single-click operation, a double-click operation, a long-press operation, a hovering operation, etc. It can be understood that the present disclosure does not limit the specific trigger operation. The electronic device 110 can further display an interaction page in response to receiving the navigation request for the target navigation tab.

[0051] The interaction page can include at least a first access portal corresponding to a first view mode and a second access portal corresponding to a second view mode, the first view mode being different from the second view mode. The first access portal may, for example, include first media content of a first set of media items, and the second access portal may, for example, include second media content of a second set of media items to be displayed in the second view mode. The first access portal and the second access portal may, for example, be presented in the form of cards in the interaction page.

[0052] The first access portal and the second access portal can be presented in the interaction page in any suitable display manner. For example, the first access portal and the second access portal can be displayed side by side in the interaction page, in which case the plurality of access portals can be displayed in a small size, each access portal being displayed in full. The first media content may, for example, include all of a first set of media content of the first set of media items, and the second media content may, for example, include all of a second set of media content of the second set of media items.

[0053] For another example, the first access portal and the second access portal can also be displayed superimposed in a predetermined hierarchical relationship. As shown in FIG. 2B, an example 200B illustrates an example of an interaction page. The electronic device 110 can display the example 200B in response to receiving a navigation request for the navigation tab 210. Taking an example in which the first view mode is a single view mode and the second view mode is a double-column view mode, the access portal 220 in the single view mode and the access portal 230 in the double-column view mode can be displayed superimposed in the example 200B in a predetermined hierarchical relationship.

[0054] In this case, there is an occlusion between the first access portal and the second access portal (the access portal displayed on top superimposes a portion of the access portal displayed below). The first media content may, for example, include at least a portion of a first set of media content of the first set of media items, and the second media content may, for example, include at least a portion of a second set of media content of the second set of media items. Exemplarily, if the first access portal is displayed superimposed on the second access portal, the first media content may, for example, include all of the first set of media content of the first set of media items, and the second media content may, for example, include a portion of the second set of media content of the second set of media items. As shown in the figure, the access portal 220 at the top includes all of the screen of a single media item in the single view mode, and the access portal 230 at the lower layer includes a portion of the screen of a plurality of media items in the double-column view mode.

[0055] This predetermined hierarchy can be determined, for example, based on the chronological order in which the first view mode and the second view mode are selected. For instance, the access point corresponding to the most recently selected view mode can be overlaid on top of the access point corresponding to an earlier selected view mode. For example, if a user used a two-column view mode a month ago (i.e., the electronic device 110 displays the page corresponding to the two-column view mode), and the user used a single-view mode within the same month (i.e., the electronic device 110 displays the page corresponding to the single-view mode), then the electronic device 110 can overlay the access point 220 corresponding to the single-view mode on top of the access point 230 corresponding to the two-column view mode.

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

[0057] For example, if a user used the multi-row view mode a month ago, the two-column view mode a week ago, and the single-view mode within a week, the electronic device 110 can overlay the access point 230 of the two-column view mode on top of the access point 250 of the multi-row view mode, and overlay the access point 220 of the single-view mode on top of the access point 230 of the two-column view mode. It should be understood that although Figure 2C shows multiple access points with the same height and the same spacing, alternatively and / or additionally, the multiple access points may have different heights and / or different spacings.

[0058] Therefore, since the user is more likely to continue using the current view mode, the electronic device 110 can display the access entry corresponding to the view mode recently used by the user above other access entries, making it convenient for the user to continue to select the current view mode.

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

[0060] Referring again to Figures 2A, 2B, and 2C, in Example 200A, electronic device 110 presents the first group of media items in a single-view mode. Electronic device 110 can respond to a navigation request received for navigation label 210 in Example 200A by presenting Example 200B or Example 200C. In Example 200B, the single-view mode access point 220 is overlaid on top of the two-column view mode access point 230. In Example 200C, the single-view mode access point 220 is overlaid on top of both the two-column view mode access point 230 and the multi-row view mode access point 250.

[0061] Similarly, referring to Figures 2D and 2E, Example 200D shows an example of a page, and Example 200E shows an example of an interactive page. In Example 200D, the electronic device 110 presents the first group of media items in a two-column view mode. The electronic device 110 can present Example 200E in response to a navigation request received in Example 200D for navigation tab 210. In Example 200E, the access point 230 in the two-column view mode is overlaid on top of the access point 220 in the single-view mode. Thus, the interactive page can be presented according to the currently applied view mode, facilitating the user's continued selection of the currently applied view mode and improving the efficiency of page management.

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

[0063] Referring to Figures 2B, 2F, and 2G, Figures 2F and 2G illustrate two examples of interactive pages. Electronic device 110, for example, may respond to receiving a swipe request for example 200B (e.g., receiving a rightward swipe from the user), presenting example 200F. As shown in example 200F, compared to example 200B, the display position of access point 220 moves to the right, and the display area of ​​access point 220 becomes smaller. While the display position of access point 230 remains unchanged, the display area of ​​access point 230 becomes larger. Alternatively and / or additionally, the lower-level access point may move with the swipe operation, and the movement distance of the lower-level access point may be less than the movement distance of the upper-level access point. For example, access point 230 may move a smaller distance to the right, and access point 220 may move a larger distance to the right, thereby increasing the display area of ​​access point 230, and so on.

[0064] In some embodiments, electronic device 110 may, for example, respond to receiving a swipe request for example 200F (e.g., receiving a rightward swipe from the user), present example 200G. As shown in example 200G, compared to example 200F, the display position of access point 220 is shifted to the right, and the display area of ​​access point 220 is smaller. The display position of access point 230 is shifted to the right, and the display area of ​​access point 230 is larger. In some embodiments, in response to the display position of access point 230 coinciding with a target position, electronic device 110 may adjust the hierarchical relationship between multiple access points. The target position may, for example, be the center position of the interactive page. Electronic device 110 may, in response to access point 230 moving to the center position, overlay access point 230 on top of other access points.

[0065] In some embodiments, the background color of the interactive page can be determined based on the colors of multiple access points. The background color of the interactive page is also the color of its background layer. The background layer refers to the page content that the user cannot currently interact with directly, while the active layer refers to the page content that the user can currently interact with directly. For example, multiple access points are presented in the active layer of the interactive page to allow the user to select from multiple access points.

[0066] The background color of the interactive page can be determined, for example, based on the access point displayed at the top, with different access points corresponding to different colors. For instance, in example 200B, the background color of example 200B can be determined based on access point 220. In example 200G, the background color of example 200G is determined based on access point 230.

[0067] The background color of the interactive page can also be determined based on the display areas of multiple access points. For example, in Example 200F, if access point 220 corresponds to a dark color and access point 230 corresponds to a light color, the background color of Example 200F can be a gradient, with the left side of the interactive page being light and the right side dark. Alternatively, 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 access point 220 corresponds to a dark color and access point 230 corresponds to a light color, the background color of Example 200F can be a neutral color. In this way, the background color can be presented according to colors that coordinate with the access points. 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 points.

[0068] Electronic device 110 can display a second page in response to receiving a selection request for a target access point between a first access point and a second access point. For example, electronic device 110 can determine the access point with the largest current corresponding display area as the selected access point. Electronic device 110 can also determine the selected access point as an access point that is overlaid on top of other access points (i.e., an access point displayed at the top). Electronic device 110 can also determine the selected access point in response to receiving a selection operation (e.g., a click operation) on an access point. Electronic device 110 can determine that it has received a selection request for the target access point in response to determining that the target access point is the selected access point.

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

[0070] In some embodiments, the interactive page may further include a refresh control for refreshing the first group of media items. The refresh control may be presented in a first position on the interactive page corresponding to the target navigation label and / or in a second position on the interactive page associated with the first and second access points. Continuing to refer to FIG2B, Example 200B may include refresh control 215 and refresh control 240. Refresh control 215 is presented at the position corresponding to navigation label 210, and refresh control 240 is presented at a position associated with access points 220 and 230 (e.g., below these two access points).

[0071] It is understood that an interactive page may include at least one refresh control. If the interactive page includes multiple refresh controls, the functions of these multiple refresh controls may be the same or different. Continuing to refer to Figure 2B, Example 200B may include refresh control 215 and refresh control 240. Exemplarily, refresh control 215 and refresh control 240 can both be used to refresh the first group of media items. Exemplarily, refresh control 215 can be used to refresh the first group of media items, and refresh control 240 can be used to refresh the interactive page (e.g., refresh the access entry in the interactive page, refresh the background color of the interactive page, etc.). For ease of description, the following description uses the example of multiple refresh controls being used to refresh the first group of media items.

[0072] In some embodiments, electronic device 110 may determine that a refresh request for the refresh control has been received in response to receiving a trigger operation on the refresh control. Electronic device 110 may refresh the first group of media items in response to receiving the refresh request for the refresh control. For example, electronic device 110 may refresh the first group of media items and display a second page in response to receiving the refresh request for the refresh control.

[0073] Using Figures 2G and 2H as examples, Figure 2H illustrates an example page. In the interactive page shown in Example 200G, the electronic device 110 can determine that access point 230 is selected (i.e., the two-column view mode is selected). In response to receiving a trigger operation on refresh control 215 or refresh control 240, the electronic device 110 can refresh the first group of media items, present Example 200H, and present the second group of media items in a two-column view mode in Example 200H. In some embodiments, if the view mode corresponding to the second page is different from that of the first page, the electronic device 110 can also present a switching control 260 on the second page. For example, the electronic device 110 can directly switch back to the first page in response to receiving a trigger operation on the switching control 260.

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

[0075] 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 on the second page and the first page (i.e., present refreshed media content). For example, as shown in Figures 2B, 2I, and 2J, Figure 2I shows an example of a refresh waiting page, and Figure 2J shows an example of a page. In the interactive page shown in Example 200B, the electronic device 110 can determine that the access point 220 is selected (i.e., 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, Example 200I including the refresh control 215. The electronic device 110 can present Example 200J in response to the refresh being completed, Example 200J including the navigation label 210. The navigation label 210 and the refresh control 215 can correspond to the same position.

[0076] In this way, in response to a trigger on a target navigation tab, an interactive page is provided to the user for managing page view modes. Users can access multiple entry points within this interactive page to view the content of media items to be presented in that view mode, facilitating the selection of the desired view mode. This allows for simple and convenient page management, improving user efficiency. Furthermore, multiple entry points can be displayed in a partially overlapping manner, thereby supporting the presentation of more information within a limited display area.

[0077] Example process

[0078] Figure 3 shows a flowchart of a method 300 for page management according to some embodiments of the present disclosure. Method 300 can be implemented at an electronic device 110. Method 300 will now be described with reference to Figure 1.

[0079] As shown in Figure 3, in box 310, electronic device 110 displays a first page. The first page displays the first group of media items among multiple media items in a first view mode. The first page includes a navigation bar with multiple navigation labels.

[0080] In box 320, in response to receiving a navigation request for a target navigation label among a plurality of navigation labels, electronic device 110 displays an interactive page, 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.

[0081] In box 330, in response to receiving a selection request for a target access point in the first access point and the second access point, the electronic device 110 displays a second page, which includes a set of media items displayed in a target view mode corresponding to the target access point.

[0082] In some embodiments, the first access point and the second access point are displayed on top of each other according to a predetermined hierarchical relationship, which is determined based on the time order in which the first view mode and the second view mode are selected.

[0083] In some embodiments, the first access entry is overlaid on top of the second access entry, and the first view mode is the default view mode.

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

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

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

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

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

[0089] In some embodiments, the refresh control is presented at at least one of the following locations: a first location on the interactive page corresponding to the target navigation label; or a second location on the interactive page associated with the first access point and the second access point.

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

[0091] Example devices and equipment

[0092] Embodiments of this disclosure also provide corresponding apparatus for implementing the methods or processes described above. FIG4 shows an exemplary structural block diagram of an apparatus 400 for page management according to some embodiments of this disclosure. The apparatus 400 may be implemented as or included in the electronic device 110. The various modules / components in the apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0093] As shown in Figure 4, the device 400 includes a first page display module 410 configured to display a first page, which displays a first group of media items from a plurality of media items in a first view mode. The first page includes a navigation bar with a plurality of navigation tabs. An interactive page display module 420 is configured to display an interactive page in response to receiving a navigation request for a target navigation tab from the plurality of navigation tabs. The interactive page includes at least a first access entry corresponding to the first view mode and a second access entry corresponding to a 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. A second page display module 430 is configured to display a second page in response to receiving a selection request for a target access entry from the first and second access entries. The second page includes a group of media items displayed in a target view mode corresponding to the target access entry.

[0094] In some embodiments, the first access point and the second access point are displayed on top of each other according to a predetermined hierarchical relationship, which is determined based on the time order in which the first view mode and the second view mode are selected.

[0095] In some embodiments, the first access entry is overlaid on top of the second access entry, and the first view mode is the default view mode.

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

[0097] In some embodiments, the device 400 further includes an access point adjustment module, configured to adjust at least one of the following of the first access point and the second access point based on the swipe request received for the interactive page: display position, size of display area.

[0098] 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.

[0099] In some embodiments, the refresh module is further configured to: in response to determining that the refresh has not been completed, display a refresh waiting page on a second page, the refresh waiting page including a refresh control, the refresh control being displayed at a position corresponding to the target navigation label.

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

[0101] In some embodiments, the refresh control is presented at at least one of the following locations: a first location on the interactive page corresponding to the target navigation label; or a second location on the interactive page associated with the first access point and the second access point.

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

[0103] The modules included in 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 device 400 can be implemented at least partially by one or more hardware logic components. By way of 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), system-on-a-chip (SoCs), complex programmable logic devices (CPLDs), and so on.

[0104] Figure 5 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 the electronic device 500 shown in Figure 5 is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. The electronic device 500 shown in Figure 5 can be used to implement the electronic device 110 of Figure 1.

[0105] As shown in Figure 5, the electronic device 500 is in the form of a general-purpose electronic device. Components of the electronic device 500 may include, but are not limited to, one or more processors or processing units 510, memory 520, storage devices 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 a physical or virtual processor and can perform various processes according to the programs stored in the memory 520. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 500.

[0106] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.

[0107] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 5, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks may be provided. In these cases, each drive may be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

[0108] Communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of components of electronic device 500 can be implemented using a single computing cluster or multiple computing machines that can communicate via communication connections. Therefore, electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network node.

[0109] Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via input / output (I / O) interface (not shown).

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

[0111] Various aspects of this disclosure are described herein with reference to flowchart illustrations and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to this disclosure. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer-readable program instructions.

[0112] 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 apparatus to produce a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.

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

[0114] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0115] Various implementations of this disclosure have been described above. The foregoing description is exemplary and not exhaustive, nor is it limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. A method for page management, comprising: displaying a first page, the first page displaying a first set of media items in a first view mode among a plurality of media items, the first page comprising a navigation bar, the navigation bar having a plurality of navigation tabs; in response to receiving a navigation request for a target navigation tab among the plurality of navigation tabs, displaying an interaction page, the interaction page comprising at least: a first access portal corresponding to the first view mode, the first access portal comprising first media content of the first set of media items, and a second access portal corresponding to a second view mode, the second access portal comprising second media content of a second set of media items to be displayed in the second view mode; and in response to receiving a selection request for a target access portal among the first access portal and the second access portal, displaying a second page, the second page comprising a set of media items displayed in a target view mode corresponding to the target access portal. The first access portal and the second access portal are superimposedly displayed according to a predetermined hierarchical relationship, the predetermined hierarchical relationship being determined based on a time sequence in which the first view mode and the second view mode are selected.

2. The method of claim 1, wherein: The first access portal is superimposedly displayed on a layer above the second access portal, and the first view mode is a default view mode.

3. The method of claim 2, wherein: 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. in response to receiving a swipe request for the interaction page, adjusting at least either of a display position or a size of a display area of the first access portal and the second access portal based on the swipe request.

5. The method of claim 1, further comprising: 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.

6. The method of claim 1, wherein the interaction page further comprises: in response to determining that the refreshing is not completed, displaying a refreshing waiting page in the second page, the refreshing waiting page comprising a refresh control, the refresh control being displayed at a position corresponding to the target navigation tab.

7. The method of claim 6, wherein refreshing the first set of media items comprises: in response to determining that the refreshing is completed, displaying the refreshed first set of media items in the second page, the second page comprising the target navigation tab.

8. The method of claim 6, wherein refreshing the first set of media items comprises: 9.The method of claim 6, wherein the refresh control is presented at at least either of: a first position in the interaction page corresponding to the target navigation tab; or a second position in the interaction page associated with the first access portal and the second access portal. a single view mode, a multi-row view mode, and a multi-column view mode.

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: 11.An apparatus for page management, comprising: a first page display module configured to display a first page, the first page displaying a first set of media items in a first view mode among a plurality of media items, the first page comprising a navigation bar, the 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 tab among the plurality of navigation tabs, display an interaction page, the interaction page comprising at least: a first access portal corresponding to the first view mode, the first access portal comprising first media content of the first set of media items, and a second access portal corresponding to a second view mode, the second access portal comprising second media content of a second set of media items to be displayed in the second view mode; and and a second page display module configured to, in response to receiving a selection request for a target access portal among the first access portal and the second access portal, display a second page, the second page comprising a set 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; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions, when executed by the at least one processing unit, causing the electronic device to perform the method according to any one of claims 1-10.

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

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

Images