Methods, apparatus, devices, and storage media for page interaction

Abstract

Embodiments of this disclosure provide methods, apparatus, devices, and storage media for page interaction. The method includes presenting a user information page, the information page including at least an artwork presentation area, the artwork presentation area including artwork associated with the user, presenting a pre-configured panel including at least a plurality of selection criteria in response to detection of a first trigger operation on the artwork presentation area, and selecting and presenting in the artwork presentation area an artwork that satisfies at least one of the selection criteria from the artworks displayed in the artwork presentation area in response to detection of a selection operation for at least one of the plurality of selection criteria.

Description

Technical Field

[0001] (Cross-reference to Related Applications) This application claims priority based on a Chinese patent application for invention titled "Method, Apparatus, Device and Storage Medium for Page Interaction", filed on October 12, 2023, with application number 202311322433.4, and all contents of this application are incorporated herein by reference.

[0002] (Field of the Invention) Exemplary embodiments of the present disclosure relate generally to the field of computers, and more particularly to methods, apparatuses, devices, and computer-readable storage media for page interaction.

Background Art

[0003] Currently, more and more applications are designed to provide various services to users. For example, users can distribute, browse, and view various contents including multimedia contents such as videos, images, image sets, and audio in the application. Users can also interact with other users in the application, for example, give likes, favorites, comments, etc. to the contents distributed by other users, or follow other users and access the personal home pages of other users. A plurality of works distributed by this user are presented on the personal home page of the user. As the number of works on the personal home page continues to increase and the types of works become richer, users are unable to quickly locate the works they want to browse.

Summary of the Invention

Means for Solving the Problems

[0004] A first aspect of this disclosure provides a method for page interaction. This method includes presenting a user information page, the information page including at least an artwork presentation area, the artwork presentation area including artwork associated with the user, presenting a pre-configured panel including at least a plurality of selection criteria in response to detecting a first trigger operation on the artwork presentation area, and presenting to the artwork presentation area, in response to detecting a selection operation for at least one of the plurality of selection criteria, artwork that satisfies at least one of the displayed artworks in the artwork presentation area.

[0005] A second aspect of this disclosure provides a device for page interaction. The device includes an information presence module configured to present a user information presentation page, the information presentation page including at least an artwork presentation area, the artwork presentation area comprising: an information presence module including artwork associated with the user; a pre-configured panel presence module configured to present a pre-configured panel including at least a plurality of selection criteria in response to detection of a first trigger operation on the artwork presentation area; and a selection module configured to select and present in the artwork presentation area an artwork that satisfies at least one of the plurality of selection criteria in response to detection of a selection operation for at least one of the selection criteria.

[0006] A third aspect of the present disclosure provides an electronic device comprising at least one processing unit and at least one memory, the at least one memory being coupled to the at least one processing unit and storing instructions to be executed by the at least one processing unit. When instructions are executed by the at least one processing unit, the device is made to perform the method of the first aspect.

[0007] A fourth aspect of this disclosure provides a computer-readable storage medium, the medium storing a computer program, and when the computer program is executed by a processor, the method of the first aspect is realized.

[0008] The contents described in this section are not intended to limit any essential or important features of the embodiments of this disclosure, nor to limit the scope of this disclosure. It should be understood that other features of this disclosure are made clearer by the following descriptions. [Brief explanation of the drawing]

[0009] [Figure 1A] A schematic diagram of an exemplary environment capable of realizing the embodiments of this disclosure is shown. [Figure 1B] An example user interface is shown. [Figure 2A] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 2B] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 3A] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 3B] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 4] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 5A] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 5B] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 6A] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 6B] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 7A]The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 7B] The following are schematic diagrams illustrating user interfaces according to some embodiments of this disclosure. [Figure 8] A flowchart of the process for page interaction according to some embodiments of this disclosure is shown. [Figure 9] A block diagram of a device for page interaction according to some embodiments of this disclosure is shown. [Figure 10] This document shows electronic devices capable of carrying out one or more embodiments of the present disclosure. [Modes for carrying out the invention]

[0010] The above and other features, advantages and aspects of each embodiment of this disclosure will become more apparent by referring to the following detailed description in conjunction with the drawings. In the drawings, the same or similar reference numerals represent the same or similar elements. The embodiments of this disclosure will be described in more detail below with reference to the drawings. While the drawings show several embodiments of this disclosure, it should be understood that this disclosure can be realized in various forms and should not be construed as being limited to the embodiments described herein. Rather, these embodiments are provided to provide a clearer and more complete understanding of this disclosure. It should be understood that the drawings and embodiments of this disclosure are illustrative only and are not intended to limit the scope of protection of this disclosure.

[0011] In the descriptions of the embodiments of this disclosure, the term “including” and similar terms should be understood as non-restrictive “including,” i.e., “including, but not limited to.” The term “based on” should be understood as “based at least in part.” The term “one embodiment” or “this embodiment” should be understood as “at least one embodiment.” The term “several embodiments” should be understood as “at least several embodiments.” The following may include other explicit and implicit definitions.

[0012] It should be understood that the data related to the present technical solution (including but not limited to the data itself, the acquisition or use of the data) should comply with the requirements of relevant laws, regulations and related provisions.

[0013] Before using the technical solutions disclosed in each embodiment of the present disclosure, it should be understood that the user should be informed in an appropriate manner about the types, scope of use, usage scenarios, etc. of the personal information related to the present disclosure in accordance with relevant laws and regulations, and the user's permission should be obtained.

[0014] For example, when responding to receiving a user's voluntary request, by sending prompt information to the user and clearly prompting the user that the operation required for its execution needs to obtain and use the user's personal information, the user can autonomously select whether to provide user information to software or hardware such as an electronic device, an application program, a server or a storage medium that executes the operation of the technical solution of the present disclosure according to the prompt information.

[0015] As an optional but non-limiting implementation method, the method of sending prompt information to the user in response to receiving a user's voluntary request may be, for example, in the form of a pop-up window, and the prompt information may be presented in text form in the pop-up window. In addition, the pop-up window may be provided with a selection control for the user to select "agree" or "disagree" to provide user information to the electronic device.

[0016] It should be understood that the above notification and user permission acquisition process are only schematic and do not constitute a limitation to the implementation method of the present disclosure, and other methods that meet the relevant laws and regulations may also be used in the implementation method of the present disclosure.

[0017] In this disclosure, the terms “user information page,” “personal homepage,” and “specific user interface associated with a user” may be used interchangeably.

[0018] As used in this disclosure, “Work” means any type of media work, including but not limited to audio files, video files, picture files, text files, etc. Specifically, a Work may be a short video, music, picture, picture album, multimedia segment, audiovisual material, novel, etc. This disclosure is not limited in this respect.

[0019] Exemplary environment Figure 1A shows a schematic diagram of an exemplary environment 100A that can realize an embodiment of the present disclosure. In this exemplary environment 100, an application 120 is installed on a terminal device 110. A user 140 can interact with the application 120 via the terminal device 110 and / or an attached device of the terminal device 110. The application 120 may be a content sharing application that can provide the user 140 with various services associated with media content, including browsing, commenting, forwarding, creating (e.g., taking and / or editing), and distribution. In this specification, “media content” includes one or more types of content, such as video, images, movies, image sets, audio, and text.

[0020] In the environment 100A of Figure 1A, when application 120 is active, terminal device 110 can present the user interface 150 of application 120. The user interface 150 may include various pages that application 120 can provide, such as the user interface, content creation page, content distribution page, message page, personal homepage, etc. Application 120 can provide content browsing functionality for browsing various content distributed to application 120. Application 120 can also provide content creation functionality, including shooting, uploading, editing, and / or distributing media content. Application 120 can also provide interaction functionality, including interaction with other users (e.g., adding friends) and interaction with various content (including liking, favorites, and comments on content).

[0021] In some embodiments, terminal equipment 110 communicates with server 130 to provide services to application 120. Terminal equipment 110 may be any type of mobile terminal, fixed terminal or portable terminal, and includes mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet PCs, media computers, multimedia tablets, personal communication system (PCS) equipment, personal navigation equipment, personal digital assistants (PDAs), audio / video players, digital cameras / cameras, positioning equipment, television receivers, radio broadcast receivers, e-book equipment, game equipment, or any combination of the foregoing, and includes components and peripherals of these devices or any combination thereof. In some embodiments, terminal equipment 110 may also support any type of interface to the user (e.g., “wearable” circuitry). Server 130 may be any type of computing system / server capable of providing computing power, including, but not limited to, mainframes, edge computing nodes, and computer equipment in a cloud environment.

[0022] The structure and function of each element in environment 100A are described for illustrative purposes only, and should be understood that this does not imply any limitation on the scope of this disclosure.

[0023] Exemplary process Currently, some internet applications can provide a specific user interface (also called a personal homepage) associated with a user to present information associated with that user. Referring to Figure 1B, it shows an exemplary schematic diagram of a specific user interface 100B associated with a typical user.

[0024] As shown in Figure 1B, a specific user interface 100B associated with a user is generally divided into two areas: an area 160 that presents user information and an area 170 that presents artwork information. In the user interface 100B, the user can browse artwork by sliding their finger up and down in area 170.

[0025] In conventional approaches, the ability to select works is limited to recommendation pages, search pages, and follow pages. In other words, general user information pages (e.g., personal homepages) do not support work selection. In such cases, as the number of works on personal homepages continues to increase and the variety of work types expands, users will no longer be able to quickly locate the works they want to browse simply by swiping the page. Therefore, we desire to provide a page interaction solution that enables work selection on user information pages.

[0026] An embodiment of this disclosure provides a scheme for page interaction. This scheme involves a terminal device presenting a user information page, the information page including at least a work presentation area, the work presentation area including works associated with the user, the terminal device presenting a pre-configured panel including at least a plurality of selection criteria in response to detecting a first trigger operation on the work presentation area, and the terminal device selecting works from those displayed in the work presentation area that satisfy at least one of the selection criteria and presenting them in the work presentation area in response to detecting a selection operation for at least one of the plurality of selection criteria. This scheme allows users to select their works on their personal homepage, and the user can obtain a better browsing experience by quickly browsing the relevant works as needed.

[0027] To better understand each embodiment of this disclosure, the following exemplary embodiments refer to the exemplary user interfaces shown in Figures 2A to 7B. It should be understood that the user interfaces shown in Figures 2A to 7B are illustrative only, and various designs are possible in practice. For example, each graphics element and / or control in the user interface may have different settings and different visual representations, one or more of these elements and / or controls may be omitted or replaced, and one or more other elements and / or controls may be present. Furthermore, the user interface may include any appropriate content. The scope of this disclosure is not limited in this respect.

[0028] Furthermore, users can switch and jump between user interfaces by activating controls / entries in each user interface. It should be understood that the logic for switching and jumping may be arbitrarily configured. For example, in an exemplary embodiment, a user jumps from a first user interface to a second user interface by activating a control. In other embodiments, a user may jump from a first user interface to a third user interface by activating another control. This disclosure is not limited in this respect. While multiple user interfaces are described in one particular embodiment, it should also be understood that any one of the user interfaces described in this disclosure may be implemented and protected independently as a single embodiment.

[0029] In operation, terminal device 110 presents a user information display page, which includes at least a work display area, and this work display area includes works associated with the user. In response to detecting a first trigger operation on the work display area, terminal device 110 presents a pre-configured panel that includes at least several selection criteria. Furthermore, in response to detecting a selection operation for at least one of the multiple selection criteria, terminal device 110 selects works that satisfy at least one selection criterion from the works displayed in the work display area and presents them in the work display area. This method allows users to select their works on their personal homepage, and users can obtain a better browsing experience by quickly browsing the relevant works as needed.

[0030] Next, we will describe how to trigger the display of pre-configured panels by linking Figures 2A to 2B, where Figures 2A to 2B show exemplary user interfaces 200A, 200B, 300A, and 300B, respectively.

[0031] In some embodiments, the first trigger operation is a trigger operation on the navigation tab of the artwork presentation area. In other words, after detecting a trigger operation on the navigation tab of the artwork presentation area, the terminal device 110 presents a pre-configured panel. Referring to Figure 2A, when the user triggers / clicks the navigation tab "Artwork," user interface 200A switches to user interface 200B shown in Figure 2B.

[0032] Additionally, to prompt the user that clicking the navigation tab "Works" can trigger an extended action, prompt identifier 220 may be present associated with the navigation tab "Works." As shown in Figure 2A, a black inverted triangle is displayed next to the navigation tab "Works" to prompt the user that clicking this navigation tab can trigger an extended action.

[0033] Alternatively or additionally, prompt information may be further present in the user interface to more intuitively prompt the user to select works. As shown in Figure 2A, in the user interface 200A, when the user triggers / clicks the navigation tab "Works," prompt information 230 "Click to select content" is presented in the form of a bubble. By clicking this bubble, the user can trigger the display of a pre-configured panel.

[0034] Additionally, to avoid excessive user interference, the presence of prompt information may be constrained by presence conditions. For example, prompt information may be present to the user only a predetermined number of times, e.g., once. In such cases, when the display of prompt information is prohibited, a pre-configured panel may be present when the user triggers / clicks the navigation tab "Works".

[0035] Alternatively, in some embodiments, the first trigger operation is a trigger operation on a trigger control corresponding to a pre-configured panel. In other words, after detecting a trigger operation on a trigger control corresponding to a pre-configured panel, the terminal device 110 presents the pre-configured panel. Referring to Figure 3A, when the user triggers / clicks the trigger control 330, the user interface 300A switches to the user interface 300B shown in Figure 3B.

[0036] In some embodiments, in response to a first trigger operation, the terminal device 110 pins a pre-configured panel on the information display page to its presence. Referring to Figures 2B and 3B, the user information area is displayed in a compressed format, and the pre-configured panel is pinned.

[0037] Additionally, to achieve a more user-friendly interface interaction, pre-configured panels are displayed in a dynamic pinned manner. For example, after a user clicks the navigation tab "Works" in Figure 2A or the trigger control 330 in Figure 3A, the pre-configured panels dynamically expand downwards, the user information area is compressed, and the pre-configured panel area and artwork display area smoothly move upwards. This method makes the page transition process smoother.

[0038] In some embodiments, the user can sort works according to sorting criteria in a pre-configured panel. If there are too many works or the sorting logic is relatively complex, the sorting process may take some time. In such cases, prompt information can be displayed to the user when the sorting operation is being performed to prompt the user that sorting is in progress. Referring to the exemplary user interface 400 shown in Figure 4, the prompt information 410 can inform the user that the sorting operation is being performed.

[0039] According to some embodiments of this disclosure, multiple functions, including sorting, can be implemented in a pre-configured panel. Specifically, these are described as follows:

[0040] In some embodiments, the pre-configured panel further includes at least one artwork sorting mode. In such cases, in response to detecting a selection operation for a target sorting mode among the at least one artwork sorting mode, the terminal device 110 sorts the artworks in the artwork display area according to the target sorting mode. Referring further to Figures 2B and 3B, the pre-configured panel includes "sorting basis" and, exemplary, two sorting modes: "latest" and "most popular." It should be understood that these two sorting modes, "latest" and "most popular," are only schematic examples. Other embodiments may include other sorting modes.

[0041] Alternatively or additionally, in some embodiments, a pre-configured panel further includes multiple view modes. In such cases, if the artwork in the artwork presentation area is presented according to a first view mode among the multiple view modes, and a selection operation for a second view mode among the multiple view modes is detected, the terminal device 110 switches from the first view mode to the second view mode to present the artwork in the artwork presentation area. Referring to Figures 5A and 5B, it shows exemplary user interfaces 500A and 500B that include multiple view modes. As shown in Figures 5A and 5B, the artwork is currently presented in the "small image" view mode. Furthermore, the user can switch modes by triggering / clicking the "large image" view mode. It should be understood that the two view modes, "large image" and "small image," are only schematic examples. Other embodiments may include other view modes.

[0042] This method allows users to present selection criteria while simultaneously switching view modes and changing the sorting criteria, enabling them to browse works in the fastest way possible.

[0043] In addition to sort mode and view mode, other functions that aid in selection may be integrated into pre-configured panels, including, but not limited to, controls such as search.

[0044] Next, we will further interpret and explain the multiple selection criteria for the pre-configured panel.

[0045] In some embodiments, the selection criteria may include multiple selection criteria that differentiate by work type. Referring to Figures 2B and 3B, the work type may be selected according to “Content Format,” and the selection criteria may be “Unlimited,” “Video,” and “Image Text.” It should be understood that the above selection criteria are only schematic. In other embodiments, the selection criteria may further include, but are not limited to, “Picture,” “Picture Album,” etc. This disclosure is not limited in this respect.

[0046] Alternatively or additionally, the multiple selection criteria may include multiple selection criteria that differentiate based on the access status of the works. Referring to Figures 2B and 3B, the “selection range” may be limited to selection criteria such as “unlimited,” “unread,” and “recently viewed.”

[0047] Alternatively or additionally, the multiple selection criteria based on the access status of the work may further include selection criteria such as "viewed," "liked," "purchased," and "commented." The above exemplary selection criteria are merely examples, and their specific presence characters may be changed according to the specific text design.

[0048] Alternatively or additionally, multiple selection criteria may include the length of the work, for example, 60 minutes, 30 minutes, 10 minutes, etc. Alternatively or additionally, multiple selection criteria may include the content of the work, for example, health, fitness, film, music, etc.

[0049] It should be understood that the above exemplary selection criteria should not be construed as limiting the disclosure. In other embodiments, the selection criteria may be flexibly set as required by the actual circumstances.

[0050] In some embodiments, the multiple selection criteria include selection criteria for multiple groups separated by multiple selection rules, allowing for the selection of a single selection criterion within each group, while also allowing for the simultaneous selection of multiple selection criteria in the selection criteria for different groups.

[0051] Refer to the exemplary user interface 600A shown in Figure 6A. In this example, the sorting criteria "Unlimited," "Video," and "Image Text" corresponding to "Content Format" are divided into a set of sorting criteria, and only one sorting criterion can be selected in this set of sorting criteria. Accordingly, the sorting criteria "Unlimited," "Unread," and "Recently Viewed" corresponding to "Sorting Range" are divided into a set of sorting criteria, and only one sorting criterion can be selected in this set of sorting criteria.

[0052] Please note that if a pre-configured panel includes functions such as "Sort Criteria" or "View Switching," only one of the multiple options corresponding to "Sort Criteria" or "View Switching" may be selected.

[0053] Furthermore, refer to the exemplary user interface 700A shown in Figure 7A. In Figure 7A, the two sorting criteria, "Image Text" and "Unread," can be selected simultaneously, thus separating them into different sorting groups. In addition, the "Sort Criteria" can be arbitrarily switched between "Newest" and "Most Popular" and combined appropriately with the sorting criteria.

[0054] This method allows users to quickly browse works by combining multiple selection criteria with additional sorting criteria (and / or view switching).

[0055] Next, the presence process of a pre-configured panel will be described, linking Figures 6A to 7B. In some embodiments, in response to detecting a second trigger operation at the same time that a pre-configured panel is present, the terminal device 110 cancels the presence of the pre-configured panel. Referring to the exemplary user interfaces 600A and 600B shown in Figures 6A and 6B, after detecting the second trigger operation, the user interface switches from user interface 600A to user interface 600B. Furthermore, referring to the exemplary user interfaces 700A and 700B shown in Figures 7A and 7B, after detecting the second trigger operation, the user interface switches from user interface 700A to user interface 700B.

[0056] In some embodiments, the second trigger operation includes a click operation in an area other than a pre-defined panel, such as a click operation within the artwork presentation area. Referring to Figure 6A, when the user clicks area 610, the user interface switches from user interface 600A to user interface 600B. Accordingly, when the user clicks area 710 in Figure 7A, the user interface switches from user interface 700A to user interface 700B.

[0057] Alternatively, in some embodiments, the second trigger operation includes an upward slide operation in a pre-configured area other than the panel. For example, after detecting an upward slide operation by the user in area 610 in Figure 6A / area 710 in Figure 7A, the user interface switches from user interface 600A / 700A to user interface 600B / 700B.

[0058] In some embodiments, the second trigger operation includes an upward slide operation on an information presentation page. In such cases, the area for detecting the upward slide operation is set up as the entire user interface. In such cases, when the user's upward slide distance exceeds a predetermined distance, the user interface switches from user interface 600A / 700A to user interface 600B / 700B.

[0059] In some embodiments, the second trigger operation includes a trigger operation on a navigation tab in an area other than the artwork display area on the information display page. For example, when the user clicks the "Artwork" navigation tab in Figure 6A / 7A, the user interface switches from user interface 600A / 700A to user interface 600B / 700B. It should be understood that clicking the "Like" navigation tab can similarly achieve the effect of canceling the presence of a pre-configured panel.

[0060] In some embodiments, the second trigger operation involves clicking on a common tab (sometimes characterized as a secondary tab) within a pre-configured panel. Referring to Figure 6A, when the user clicks on a common tab in area 620, such as "All," "Most Popular," "Unread," or "XX Collection," the user interface switches from user interface 600A to user interface 600B.

[0061] In some embodiments, the second trigger operation includes a trigger operation on an artwork in the artwork presentation area. For example, when a user clicks on any one of the artworks in the user interface of Figure 6A / 7A, the user interface can switch from user interface 600A / 700A to user interface 600B / 700B.

[0062] It should be understood that if the presence of a pre-configured panel is canceled, the pre-configured panel may be made present on the information display page if a third operation is detected. For example, after a third operation is detected in user interface 600B / 700B, the user interface switches to 600A / 700A. Examples of third operations include a downward slide operation on the information display page.

[0063] In some embodiments, while the information display page is present, the terminal device 110 also presents, in an area adjacent to the artwork display area, a trigger control corresponding to a pre-configured panel, and at least one of the pre-configured options in the panel, which includes at least one of the following: at least one selection condition from a plurality of selection conditions, at least one artwork sorting mode, and at least one view mode. For ease of consideration, these tabs are also called "general tabs" or "general selection items." By clicking on these "general tabs" or "general selection items," the user can quickly select and sort artworks, and perform other operations.

[0064] Referring to Figure 3A, adjacent to the artwork display area are trigger controls 330 corresponding to pre-configured panels, and tabs corresponding to at least one option in the pre-configured panel, namely "All," "Most Popular," "Unread," and "XX Collection," as shown in area 320.

[0065] Furthermore, referring to Figures 6B and 7B, adjacent areas to the artwork display area have trigger controls corresponding to pre-configured panels, and tabs corresponding to at least one option in the pre-configured panels, namely "All," "Most Popular," "Unread," and "XX Collection" as shown in area 320.

[0066] In some embodiments, a pre-configured area is present with a trigger control corresponding to a pre-configured panel, and at least one of the tabs corresponding to at least one option in the pre-configured panel, which includes at least one of several selection criteria, at least one artwork sorting mode, and at least one view mode.

[0067] Referring to Figures 6A and 7A, the pre-configured area contains trigger controls corresponding to the pre-configured panel, and tabs corresponding to at least one option in the pre-configured panel, namely secondary tabs such as "All," "Most Popular," "Unread," and "XX Collection." By clicking on these "general tabs" or "general sorting items," users can quickly sort and rearrange works.

[0068] In some embodiments, the appearance style of a tab corresponding to at least one option is determined based on the selection state of at least one option in a pre-configured panel, where the selection state indicates whether or not at least one option is selected.

[0069] Referring to Figure 6A, "Most Popular" is selected as the sorting basis. The presence logic at this point perfectly matches that of the general "Most Popular" tab. The secondary "Most Popular" tab then changes from gray to black to indicate that the current selection perfectly overlaps with the general "Most Popular" tab. Even if the pre-configured panel presence is canceled at this point, the appearance style of the general "Most Popular" tab remains unchanged, i.e., it is present in black, indicating that this tab is selected, as shown in Figure 6B.

[0070] Referring to Figure 7A, "Most Popular," "Image Text," and "Unread" are selected simultaneously. In this case, all general tabs are displayed in gray because the current presence logic does not overlap with any of the general tabs. In the example in Figure 7A, it should be understood that when the sorting basis is "Newest," the content format is "Unlimited," and the sorting scope is "Unread," the secondary tab "Unread" is displayed in black. For the sake of brevity, other cases will not be listed one by one.

[0071] In some embodiments, the appearance style of the trigger control is determined based on the detection of a trigger operation of the trigger control and the selection state of at least one option on a pre-configured panel.

[0072] Refer to Figures 3A and 3B. In Figure 3A, the trigger control 330 is not activated and is therefore present in the first appearance style, i.e., gray. When the user triggers the trigger control 330 in Figure 3A and switches to the user interface 300B, the trigger control is present in the second appearance style, i.e., black, indicating that the trigger control is now activated.

[0073] Refer to Figure 6A for further details. In Figure 6A, "Most Popular" is selected as the sorting criterion. The presence logic at this point perfectly matches the general tab "Most Popular". The general tab "Most Popular" then changes from gray to black, indicating that the current selection perfectly overlaps with the general tab "Most Popular". Furthermore, the sorting control is displayed in black with a white outline, indicating that the sorting function is activated and that the current sorting logic can be represented in the general tab, eliminating the need to further browse specific options in the pre-configured panel.

[0074] See also Figure 7A. In Figure 7A, "Most Popular," "Image Text," and "Unread" are selected simultaneously. In this case, all general tabs are displayed in gray because the current presence logic does not overlap with any of the general tabs. Furthermore, the sorting control changes from white outline black to solid black to indicate that the sorting function is activated and that the current presence logic cannot be shown in the general tabs, requiring the user to view a pre-configured panel for more information.

[0075] Referring further to Figures 6B and 7B, they show user interfaces 600B and 700B after the display of pre-configured panels has been canceled. In Figure 6B, the appearance style of the general tabs and sorting controls is the same as the appearance style in Figure 6A. In the interface of Figure 6B, the general tab "Most Popular" is present in black, and / or the sorting controls are displayed in black with white outlines, allowing the user to understand the current presence logic.

[0076] In the interface shown in Figure 7B, the sorting controls are displayed in solid black. This appearance style allows the user to know that if they need to understand the details of the presence logic, i.e., which sorting items are selected, they need to expand a pre-configured panel to obtain more detailed information.

[0077] By changing the style of common tabs and sorting controls, the user experience can be improved by allowing users to more intuitively understand the current presence and sorting logic.

[0078] In summary, according to the exemplary embodiments of this disclosure, the presence of a pre-configured panel can be triggered on an information display page. This pre-configured panel enables the selection of works on a personal homepage. Furthermore, the pre-configured panel may further include functional controls such as sorting logic and view switching. This method allows users to efficiently and quickly browse works by implementing a flexible and personalized presence logic. In addition, by setting up common tabs on the user page, users can improve the user experience by quickly filtering works.

[0079] Exemplary Method Figure 8 shows a flowchart of process 800 for page interaction according to some embodiments of the present disclosure. Process 800 may be implemented in terminal device 110. Process 800 will be described below with reference to Figure 1A.

[0080] In block 810, terminal device 110 presents a user information display page, the information display page includes at least an artwork display area, and the artwork display area includes artwork associated with the user.

[0081] In block 820, in response to detecting a first trigger operation on the artwork presentation area, terminal device 110 presents a pre-configured panel containing at least several selection criteria.

[0082] In block 830, in response to detecting a selection operation for at least one of the multiple selection conditions, terminal device 110 selects works that satisfy at least one selection condition from the works displayed in the artwork display area and makes them present in the artwork display area.

[0083] In some embodiments, the pre-configured panel further includes at least one artwork sorting mode. In response to detecting a selection operation for a target sorting mode from among the at least one artwork sorting mode, the terminal device 110 sorts the artworks in the artwork display area according to the target sorting mode.

[0084] In some embodiments, a pre-configured panel further includes multiple view modes, presenting the artwork in the artwork display area according to a first view mode among the multiple view modes. In response to detecting a selection operation for a second view mode among the multiple view modes, the terminal device 110 switches from the first view mode to the second view mode to present the artwork in the artwork display area.

[0085] In some embodiments, the multiple selection criteria include selection criteria for multiple groups separated by multiple selection rules, allowing for the selection of a single selection criterion within each group, while also allowing for the simultaneous selection of multiple selection criteria in the selection criteria for different groups.

[0086] In some embodiments, the multiple selection criteria include at least one of multiple selection criteria that differentiate by artwork type and multiple selection criteria that differentiate by artwork access status.

[0087] In some embodiments, the terminal device 110 pins a pre-configured panel on the information display page to its presence.

[0088] In some embodiments, the first trigger operation includes one of the following: a trigger operation on the navigation tab of the artwork presentation area, or a trigger operation on a trigger control corresponding to a pre-configured panel.

[0089] In some embodiments, the terminal device presents an information display page in a pre-configured area, and at the same time presents, in an area adjacent to the artwork display area, a trigger control corresponding to a pre-configured panel, and at least one of the pre-configured options in the panel, which includes at least one of the following: at least one selection condition from a plurality of selection conditions, at least one artwork sorting mode, and at least one view mode.

[0090] In some embodiments, the appearance style of a tab corresponding to at least one option is determined based on the selection state of at least one option in a pre-configured panel, where the selection state indicates whether or not at least one option is selected.

[0091] In some embodiments, the appearance style of the trigger control is determined based on the detection of a trigger operation of the trigger control and the selection state of at least one option on a pre-configured panel.

[0092] In some embodiments, in response to detecting a second trigger operation at the same time that a pre-configured panel is present, the terminal device 110 cancels the presence of the pre-configured panel.

[0093] In some embodiments, the second trigger operation includes one of the following: a click operation in an area other than a pre-configured panel, an upward slide operation in an area other than a pre-configured panel, an upward slide operation on an information display page, a trigger operation on a navigation tab in an area other than the artwork display area on an information display page, or a trigger operation on an artwork in the artwork display area.

[0094] Exemplary equipment and devices Figure 9 shows a schematic structural block diagram of a device 900 for page interaction according to some embodiments of the present disclosure. The device 900 may be implemented as a terminal device 110 or may be included therein. Each module / assembly in the device 900 may be implemented by hardware, software, firmware, or any combination thereof.

[0095] As shown in the figure, the device 900 includes an information presence module 910 configured to present a user information presentation page, the information presentation page including at least an artwork presentation area, and the artwork presentation area including an information presence module 910 including artwork associated with the user, a pre-configured panel presence module 920 configured to present a pre-configured panel including at least a plurality of selection conditions in response to the detection of a first trigger operation on the artwork presentation area, and a selection module 930 configured to select an artwork that satisfies at least one of the selection conditions from the artworks displayed in the artwork presentation area and present it in the artwork presentation area in response to the detection of a selection operation for at least one of the plurality of selection conditions.

[0096] In some embodiments, the pre-configured panel further includes at least one artwork sorting mode. The device 900 further includes a sorting module (not shown) configured to sort the artworks in the artwork presentation area according to the target sorting mode in response to detection of a selection operation for a target sorting mode from among the at least one artwork sorting mode.

[0097] In some embodiments, a pre-configured panel further includes multiple view modes, presenting the artwork in the artwork presentation area according to a first view mode among the multiple view modes. The device 900 further includes a view switching module (not shown) configured to switch from the first view mode to the second view mode and present the artwork in the artwork presentation area in response to detection of a selection operation for a second view mode among the multiple view modes.

[0098] In some embodiments, the multiple selection criteria include selection criteria for multiple groups separated by multiple selection rules, allowing for the selection of a single selection criterion within each group, while also allowing for the simultaneous selection of multiple selection criteria in the selection criteria for different groups.

[0099] In some embodiments, the multiple selection criteria include at least one of multiple selection criteria that differentiate by artwork type and multiple selection criteria that differentiate by artwork access status.

[0100] In some embodiments, the pre-configured panel presence module 920 is further configured to pin a pre-configured panel to a presence on an information display page.

[0101] In some embodiments, the first trigger operation includes one of the following: a trigger operation on the navigation tab of the artwork presentation area, or a trigger operation on a trigger control corresponding to a pre-configured panel.

[0102] In some embodiments, the device 900 further comprises an adjacent area presentation module (not shown) configured to present, in the pre-defined area or an information presentation page, and simultaneously in an adjacent area to the artwork presentation area, a trigger control corresponding to a pre-defined panel, and at least one of the tabs corresponding to at least one option in the pre-defined panel, which includes at least one of a plurality of selection conditions, at least one artwork sorting mode, and at least one view mode.

[0103] In some embodiments, the appearance style of the tab corresponding to at least one option is determined based on the selection state of at least one option in a pre-configured panel, where the selection state indicates whether or not at least one option is selected.

[0104] In some embodiments, the appearance style of the trigger control is determined based on at least one of the detection of a trigger operation of the trigger control and the selection state of at least one option on a pre-configured panel.

[0105] In some embodiments, the device 900 further includes a pre-configured panel presence cancellation module (not shown) configured to cancel the presence of a pre-configured panel in response to the detection of a second trigger operation at the same time that a pre-configured panel is present.

[0106] In some embodiments, the second trigger operation includes one of the following: a click operation in an area other than a pre-configured panel; an upward slide operation in an area other than a pre-configured panel; an upward slide operation on an information display page; a trigger operation on a navigation tab in an area other than the artwork display area on an information display page; and a trigger operation on an artwork in the artwork display area.

[0107] It should be understood that the electronic device 1000 shown in Figure 10 is illustrative only and does not imply any limitation on the function and scope of the embodiments described herein. The electronic device 1000 shown in Figure 10 can be used to implement the terminal device 110 in Figure 1A or the device 900 in Figure 9.

[0108] As shown in Figure 10, the electronic device 1000 is a general-purpose computing device. The assembly of the electronic device 1000 may include, but is not limited to, one or more processors or processing units 1010, memory 1020, storage device 1030, one or more communication units 1040, one or more input devices 1050, and one or more output devices 1060. The processing unit 1010 may be an actual or virtual processor and can perform various processes based on a program stored in memory 1020. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 1000.

[0109] The electronic device 1000 generally includes multiple computer storage media. Such media may be any obtainable media accessible to the electronic device 1000, and may include, but are not limited to, volatile and non-volatile media, and removable and non-removable media. Memory 1020 may be volatile memory (e.g., registers, caches, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or any combination thereof. Storage device 1030 may be removable or non-removable media, and may include machine-readable media, such as flash memory drives, magnetic disks, or any other media, which can be used to store information and / or data (e.g., training data for training) and are accessible within the electronic device 1000.

[0110] The electronic device 1000 may further include other removable / non-removable, volatile / non-volatile storage media. Not shown in Figure 10, a magnetic disk drive for reading from or writing to removable, non-volatile magnetic disks (e.g., “floppy disks”) and an optical disk drive 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) by one or more data media interfaces. The memory 1020 may also include a computer program product 1025, which includes one or more program modules, these program modules configured to perform various methods or operations of various embodiments of the present disclosure.

[0111] The communication unit 1040 enables communication with other electronic devices via a communication medium. Additionally, the functions of the electronic device assembly 1000 can be implemented by a single computing cluster or multiple computing machines, which can communicate via a communication connection. Therefore, the electronic device 1000 can operate in a network environment using logical connections with one or more other servers, network personal computers (PCs), or other network nodes.

[0112] The input device 1050 may be one or more input devices, such as a mouse, keyboard, or trackball. The output device 1060 may be one or more output devices, such as a display, speaker, or printer. The electronic device 1000 may further communicate with one or more external devices (not shown), such as a storage device or display device, via the communication unit 1040 as needed, with one or more devices for interaction between the user and the electronic device 1000, or with any devices (e.g., a network card or modem) for communication between the electronic device 1000 and one or more other electronic devices. Such communication may be performed via an input / output (I / O) interface (not shown).

[0113] According to exemplary embodiments of the present disclosure, a computer-readable storage medium is provided, in which computer-executable instructions are stored, wherein the computer-executable instructions implement a method that is executed by a processor and described above. According to exemplary embodiments of the present disclosure, a computer program product is further provided, which includes computer-executable instructions that are tangibly stored in a non-temporary computer-readable medium, wherein the computer-executable instructions implement a method that is executed by a processor and described above.

[0114] Herein, each aspect of the disclosure is described with reference to flowcharts and / or block diagrams of methods, apparatus, devices, and computer program products implemented pursuant to the disclosure. It should be understood that each block in the flowcharts and / or block diagrams, and each combination of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0115] By providing these computer-readable program instructions to the processing units of a general-purpose computer, a dedicated computer, or other programmable data processing device, a machine can be generated, thereby generating a device that, when these instructions are executed by the processing units of the computer or other programmable data processing device, implements the functions / operations defined in one or more blocks in a flowchart and / or block diagram. These computer-readable program instructions may be stored in a computer-readable storage medium, and by using these instructions to operate a computer, programmable data processing device, and / or other device in a particular manner, the computer-readable medium storing the instructions will contain a product containing instructions that implement various modes of the functions / operations defined in one or more blocks in a flowchart and / or block diagram.

[0116] Computer-readable program instructions may be loaded into a computer, other programmable data processing device, or other device, thereby generating a process implemented by the computer by executing a series of operational steps on the computer, other programmable data processing device, or other device, and thereby the instructions executed on the computer, other programmable data processing device, or other device implement the functions / operations defined in one or more blocks in a flowchart and / or block diagram.

[0117] The flowcharts and block diagrams in the drawings illustrate the implementable system architectures, functions, and operations of systems, methods, and computer program products in multiple implementations of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, program segment, or part of an instruction, and a module, program segment, or part of an instruction may contain one or more executable instructions for implementing a defined logical function. In some implementations as replacements, the functions described in a block may occur in a different order than those shown in the drawings. For example, two consecutive blocks may actually be executed essentially in parallel, or in reverse order depending on the function. Note that each block in a block diagram and / or flowchart, and combinations of blocks in a block diagram and / or flowchart, may be implemented by a dedicated hardware-based system that performs the defined function or operation, or by a combination of dedicated hardware and computer instructions.

[0118] The above descriptions of the various realizations of this disclosure are illustrative, not exhaustive, and not limited to the realizations disclosed. Many modifications and changes will be apparent to those skilled in the art without departing from the scope and spirit of the realizations described. The choice of terms used herein is intended to best interpret the principles of each realization, its practical applications, or improvements in the technology in the market, or to enable other those skilled in the art to understand the embodiments disclosed herein.

Claims

1. Present a user information display page, wherein the information display page includes at least a work display area, and the work display area includes works associated with the user. In response to detecting a first trigger operation on the artwork display area, a pre-configured panel containing at least several selection criteria is made present, In response to detecting a selection operation for at least one of the plurality of selection conditions, the system includes selecting works that satisfy the at least one selection condition from the works displayed in the artwork display area and making them present in the artwork display area. Methods for page interaction.

2. The aforementioned pre-configured panel further includes at least one artwork sorting mode, and the method is The method according to claim 1, further comprising arranging the works in the work presentation area according to the target sorting mode in response to detecting a selection operation for a target sorting mode among the at least one work sorting mode.

3. The aforementioned pre-configured panel further includes a plurality of view modes, presenting the artwork in the artwork presentation area according to a first view mode in the plurality of view modes, and the method is The method according to claim 1, further comprising switching from the first view mode to the second view mode to present the artwork in the artwork presentation area in response to detecting a selection operation for a second view mode in the plurality of view modes.

4. The method according to claim 1, wherein the plurality of selection conditions include selection conditions for multiple groups divided by a plurality of selection rules, and allows for the selection of a single selection condition for each group, as well as allowing for the simultaneous selection of multiple selection conditions for different groups.

5. The method according to claim 1, wherein the plurality of selection conditions include at least one of a plurality of selection conditions that can be divided by type of work, or a plurality of selection conditions that can be divided by access status of the work.

6. Having the aforementioned pre-configured panel present means The method according to claim 1, comprising pinning the pre-set panel to presence on the information display page.

7. The first trigger operation is, Trigger operation on the navigation tab of the aforementioned artwork presentation area, or The method according to claim 1, comprising one of the trigger operations for a trigger control corresponding to the pre-configured panel.

8. In the aforementioned pre-defined area or the information display page, and simultaneously in the adjacent area to the artwork display area, A trigger control corresponding to the aforementioned pre-configured panel, or The method according to claim 1, further comprising presenting at least one tab corresponding to at least one option in the pre-configured panel, which includes at least one of the following: at least one selection condition from the plurality of selection conditions, at least one artwork sorting mode, and at least one view mode.

9. The appearance style of the tab corresponding to the at least one option is determined based on the selection state of the at least one option in the pre-configured panel, the selection state indicating whether or not the at least one option is selected, according to claim 8.

10. The appearance style of the aforementioned trigger control is, Detection of the trigger operation of the trigger control, or The method according to claim 8, determined based on at least one of the selection states of the at least one option in the pre-configured panel.

11. The method according to claim 1, further comprising canceling the presence of the preset panel in response to the detection of a second trigger operation at the same time that the preset panel becomes present.

12. The second trigger operation described above is: Click operations in areas other than the aforementioned pre-configured panel, Upward sliding operation in an area other than the aforementioned pre-set panel, Upward slide operation on the aforementioned information display page, Trigger operation on a navigation tab in an area other than the artwork display area on the aforementioned information display page, or The method according to claim 11, comprising one of the trigger operations on the artwork in the artwork presentation area.

13. An information presence module configured to present a user information display page, wherein the information display page includes at least a work display area, and the work display area includes an information presence module containing works associated with the user. A pre-configured panel presence module is configured to make a pre-configured panel, which includes at least a plurality of selection conditions, present in response to the detection of a first trigger operation on the artwork presentation area. The system includes a selection module configured to select works that satisfy the at least one selection condition from the works displayed in the artwork display area and make them present in the artwork display area, in response to the detection of a selection operation for at least one of the plurality of selection conditions. A device for page interaction.

14. At least one processing unit, An electronic device comprising at least one memory, wherein the at least one memory is coupled to the at least one processing unit and stores instructions to be executed by the at least one processing unit, and when the instructions are executed by the at least one processing unit, the device is made to perform the method according to any one of claims 1 to 12. electronic equipment.

15. When executed by a processor, a computer program is stored which implements the method described in any one of claims 1 to 12. Computer-readable storage medium.

Images