Method and apparatus for page interaction, device, and storage medium

Abstract

Embodiments of the present disclosure provide a method and apparatus for page interaction, a device, and a storage medium. The method comprises: presenting an information display page of a user, wherein the information display page at least comprises a work display area, and the work display area comprises works associated with the user; in response to detecting a first triggering operation for the work display area, presenting a preset panel, wherein the preset panel at least comprises a plurality of selection conditions; and in response to detecting a selection operation for at least one selection condition of the plurality of selection conditions, selecting, from among the works displayed in the work display area, works meeting at least one selection condition so as to be presented in the work display area.

Description

Method, device, equipment and storage medium for page interaction

[0001] This application claims priority to the Chinese invention patent application entitled “Methods, devices, equipment and storage media for page interaction” filed on October 12, 2023, with application number 202311322433.4, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] Example embodiments of the present disclosure generally relate to the field of computers, and more particularly, to methods, devices, apparatuses, and computer-readable storage media for page interaction. Background Art

[0003] Currently, more and more applications are designed to provide users with various services. For example, users can publish, browse, and view various types of content within the application, including multimedia content such as videos, images, image collections, and sounds. Users can also interact with other users within the application, such as by liking, adding to favorites, and commenting on other users' content, or by following other users and visiting their profiles. A user's profile displays multiple works published by that user. However, as the number and types of works on profiles continue to increase, users are having difficulty quickly locating the desired work.

[0004] Summary of the Invention

[0005] In a first aspect of the present disclosure, a method for page interaction is provided. The method comprises: presenting a user's information display page, the information display page including at least a work display area, the work display area including works associated with the user; in response to detecting a first trigger operation for the work display area, presenting a preset panel, the preset panel including at least a plurality of filtering conditions; and in response to detecting a selection operation for at least one of the plurality of filtering conditions, filtering works displayed in the work display area to select works that meet the at least one filtering condition and presenting them in the work display area.

[0006] In a second aspect of the present disclosure, a device for page interaction is provided. The device includes: an information presentation module configured to present a user's information display page, the information display page including at least a work display area, the work display area including works associated with the user; a preset panel presentation module configured to, in response to detecting a first trigger operation for the work display area, present a preset panel, the preset panel including at least a plurality of filtering conditions; and a filtering module configured to, in response to detecting a selection operation for at least one of the plurality of filtering conditions, filter works displayed in the work display area to select works that meet the at least one filtering condition and present them in the work display area.

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

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

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

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

[0011] FIG1A shows a schematic diagram of an example environment in which embodiments of the present disclosure can be implemented;

[0012] FIG1B shows an example user interface;

[0013] 2A and 2B are schematic diagrams respectively illustrating examples of user interfaces according to some embodiments of the present disclosure;

[0014] 3A and 3B are schematic diagrams respectively showing examples of user interfaces according to some embodiments of the present disclosure;

[0015] FIG4 shows a schematic diagram of an example of a user interface according to some embodiments of the present disclosure;

[0016] 5A and 5B are schematic diagrams respectively illustrating examples of user interfaces according to some embodiments of the present disclosure;

[0017] 6A and 6B are schematic diagrams respectively illustrating examples of user interfaces according to some embodiments of the present disclosure;

[0018] 7A and 7B are schematic diagrams respectively showing examples of user interfaces according to some embodiments of the present disclosure;

[0019] FIG8 shows a flowchart of a process for page interaction according to some embodiments of the present disclosure;

[0020] FIG9 shows a block diagram of an apparatus for page interaction according to some embodiments of the present disclosure; and

[0021] FIG10 illustrates an electronic device in which one or more embodiments of the present disclosure may be implemented. DETAILED DESCRIPTION

[0022] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0023] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, i.e., "including but not limited to". The term "based on" should be understood as "based at least in part on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may be included below.

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

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

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

[0027] As an optional but non-limiting implementation, in response to receiving a user's active request, a prompt message may be sent to the user, for example, in the form of a pop-up window, in which the prompt message may be presented in text form. Furthermore, the pop-up window may also include a selection control for the user to select "agree" or "disagree" to provide the user information to the electronic device.

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

[0029] In the present disclosure, the terms “user's information display page”, “personal homepage” and “specific user interface related to the user” may be used interchangeably.

[0030] The term "work" in this disclosure refers to any type of media work, including but not limited to audio files, video files, image files, text files, etc. Specifically, a work may be a short video, music, image, image compilation, multimedia clip, audiovisual material, novel, etc. This disclosure is not limited in this respect.

[0031] Sample Environment

[0032] Figure 1A shows a schematic diagram of an example environment 100A in which an embodiment of the present disclosure can be implemented. In this example environment 100, an application 120 is installed in 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 can be a content sharing application that can provide various services related to media content to the user 140, including browsing, commenting, forwarding, creation (e.g., shooting and / or editing), publishing, etc. In this article, "media content" includes one or more types of content, such as video, image, animated image, image collection, audio, text, etc.

[0033] In the environment 100A of FIG1A , if the application 120 is active, the terminal device 110 may present the user interface 150 of the application 120. The user interface 150 may include various pages that the application 120 may provide, such as a user interface, a content creation page, a content publishing page, a message page, a personal homepage, and the like. The application 120 may provide a content browsing function to browse various types of content published in the application 120. The application 120 may also provide a content creation function, including shooting, uploading, editing and / or publishing media content. The application 120 may also provide interactive functions, including interacting with other users (e.g., adding friends) and interacting with various types of content (including liking, collecting, commenting on content, etc.).

[0034] In some embodiments, the terminal device 110 communicates with the server 130 to enable the supply of services to the application 120. The terminal device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an e-book device, a gaming device or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the terminal device 110 can also support any type of interface for the user (such as a "wearable" circuit, etc.). The server 130 can be various types of computing systems / servers that can provide computing power, including but not limited to mainframes, edge computing nodes, computing devices in cloud environments, and the like.

[0035] It should be understood that the structure and function of each element in the environment 100A are described for illustrative purposes only and do not imply any limitation on the scope of the present disclosure.

[0036] Example Process

[0037] Currently, some Internet applications can provide a user-related specific user interface (sometimes also called a personal homepage) to display information associated with the user. Referring to Figure 1B, it shows a schematic diagram of an example of a conventional user-related specific user interface 100B.

[0038] 1B , a user-specific user interface 100B is typically divided into two areas: an area 160 for presenting user information and an area 170 for presenting artwork information. In the user interface 100B, the user can browse artworks by sliding their finger up and down in the area 170 .

[0039] In traditional solutions, the ability to filter works is limited to recommendation pages, search pages, and follow pages. In other words, conventional user information display pages (such as personal homepages) do not support filtering works. In this context, as the number of works on personal homepages continues to increase and the types of works continue to diversify, simply scrolling through the page is no longer enough for users to quickly locate the desired work. Therefore, it is desirable to provide a page interaction solution that enables work filtering on the user information display page.

[0040] According to an embodiment of the present disclosure, a scheme for page interaction is provided. The scheme includes: a terminal device presenting a user's information display page, the information display page including at least a work display area, the work display area including works associated with the user; in response to detecting a first trigger operation for the work display area, the terminal device presenting a preset panel, the preset panel including at least multiple filtering conditions; and in response to detecting a selection operation for at least one of the multiple filtering conditions, the terminal device filters works displayed in the work display area to select works that meet at least one filtering condition and presents them in the work display area. In this way, the user's works can be filtered on the personal homepage, allowing the user to quickly browse the corresponding works on demand, thereby obtaining a better browsing experience.

[0041] Only for a better understanding of the various embodiments of the present disclosure, reference is made to the example user interfaces shown in Figures 2A-7B in the example embodiments below. It should be understood that the user interfaces shown in Figures 2A-7B are merely examples, and various designs may exist in practice. For example, the various graphical elements and / or controls in the user interface may have different arrangements and different visual representations, one or more elements and / or controls therein may be omitted or replaced, and one or more other elements and / or controls may also exist. In addition, any appropriate content may be included in the user interface. The scope of the present disclosure is not limited in this respect.

[0042] Furthermore, the user can switch and jump between user interfaces by activating controls / entries in each user interface. It should be understood that the logic of switching and jumping can be set arbitrarily. For example, in an example embodiment, the user jumps from the first user interface to the second user interface by activating a control. In other embodiments, the user can jump from the first user interface to the third user interface by activating another control. The present disclosure is not limited in this respect. It should also be understood that although multiple user interfaces are described in a specific embodiment, any user interface described in the present disclosure can be independently implemented and protected as a separate embodiment.

[0043] During operation, terminal device 110 presents a user's information display page, which includes at least a work display area containing works associated with the user. In response to detecting a first trigger operation targeting the work display area, terminal device 110 presents a preset panel, which includes at least multiple filtering conditions. Furthermore, in response to detecting a selection operation for at least one of the multiple filtering conditions, terminal device 110 filters works displayed in the work display area to select works that meet the at least one filtering condition and presents them in the work display area. In this way, a user's works can be filtered on the personal homepage, allowing the user to quickly browse the corresponding works on demand, thereby providing a better browsing experience.

[0044] Next, how to trigger the display of the preset panel will be described with reference to FIG. 2A-3B , where FIG. 2A-3B respectively show example user interfaces 200A, 200B, 300A, and 300B.

[0045] In some embodiments, the first triggering operation is a triggering operation on a navigation tab in the work display area. In other words, upon detecting a triggering operation on a navigation tab in the work display area, terminal device 110 presents a preset panel. Referring to FIG. 2A , when the user triggers / clicks the navigation tab "Works," user interface 200A switches to user interface 200B shown in FIG. 2B .

[0046] Additionally, in order to prompt the user that clicking the navigation label "Works" can trigger an expansion operation, a prompt mark 220 can be presented in association with the navigation label "Works". As shown in FIG2A , a black inverted triangle is displayed next to the navigation label "Works" to prompt the user that clicking the navigation label can trigger an expansion operation.

[0047] Alternatively or additionally, to more intuitively prompt the user that they can filter works, further prompt information can be presented in the user interface. As shown in FIG2A , in user interface 200A, when the user triggers / clicks the navigation label "Works," a prompt 230 "Click to filter content" appears in the form of a bubble. The user clicks this bubble to trigger the display of the preset panel.

[0048] Additionally, to avoid excessive user disruption, the presentation of prompt information can be subject to presentation conditions. For example, the prompt information may only be presented to the user a predetermined number of times, such as once. In this case, when the prompt information is disabled, the default panel can be presented when the user triggers / clicks the navigation tab "Works."

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

[0050] In some embodiments, in response to the first triggering operation, the terminal device 110 places the preset panel on top of the information display page. Referring to Figures 2B and 3B, the user information area is compressed and displayed, and the preset panel is placed on top.

[0051] Additionally, to achieve a more user-friendly interface, the preset panel is dynamically positioned at the top. For example, when a user clicks the "Works" navigation tab in Figure 2A or the trigger control 330 in Figure 3A, the preset panel dynamically expands downward, while the user information area is compressed and the preset panel area and work display area smoothly move upward. This makes page switching smoother.

[0052] In some embodiments, users can filter works by presetting the filter criteria in the panel. When there are too many works or the filtering logic is complex, the filtering process may take some time. In this case, to remind the user that the filtering is in progress, a prompt message can be displayed to the user during the filtering operation. Referring to the example user interface 400 shown in Figure 4, the prompt message 410 can let the user know that the filtering operation is in progress.

[0053] According to some embodiments of the present disclosure, multiple functions including filtering can be implemented in the preset panel, which are described in detail below.

[0054] In some embodiments, the preset panel also includes at least one work sorting mode. In this case, in response to detecting a selection operation for a target sorting mode in at least one work sorting mode, the terminal device 110 arranges the works in the work display area according to the target sorting mode. Further referring to Figures 2B and 3B, the preset panel includes a "Sort by" option, and illustratively includes two sorting modes: "Latest" and "Hottest." It should be understood that the "Latest" and "Hottest" sorting modes are merely illustrative. In other embodiments, other sorting modes may be included.

[0055] Alternatively or additionally, in some embodiments, the preset panel also includes multiple view modes. In this case, if the works in the work display area are presented in the first view mode among the multiple view modes, when a selection operation on the 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 works in the work display area. See Figures 5A and 5B, which show example user interfaces 500A and 500B including multiple view modes. As shown in Figures 5A and 5B, the works are currently presented in the "small picture" view mode. Furthermore, the user can trigger / click on the "large picture" view mode to switch modes. It should be understood that the two view modes of "large picture" and "small picture" are merely schematic. In other embodiments, other view modes may be included.

[0056] In this way, while presenting the filtering conditions, it is also possible to switch the view mode and change the sorting basis, so that users can browse the works in the quickest way.

[0057] It should be understood that in addition to sorting mode and view mode, other functions that facilitate filtering can also be integrated into the preset panel, including but not limited to controls such as search.

[0058] Next, the multiple filter conditions in the preset panel will be further explained and illustrated.

[0059] In some embodiments, the multiple filtering conditions may include multiple filtering conditions divided by work type. Referring to Figures 2B and 3B , work type can be filtered based on "Content Form," with filtering conditions such as "Unlimited," "Video," and "Image and Text." It should be understood that the above filtering conditions are merely illustrative. In other embodiments, filtering conditions may also include, but are not limited to, "Picture," "Picture Collection," and the like. The present disclosure is not limited in this respect.

[0060] Alternatively or additionally, the plurality of filter conditions may include a plurality of filter conditions divided by work access status. Referring to Figures 2B and 3B, the "filter range" may be limited to filter conditions such as "unlimited", "unread" and "recently read".

[0061] Alternatively or additionally, the multiple filtering conditions divided by work access status may also include filtering conditions such as "viewed", "liked", "purchased", "commented", etc. The above-mentioned example filtering conditions are only examples, and the specific presentation text may be changed according to the specific copywriting design.

[0062] Alternatively or additionally, the plurality of filtering conditions may include the duration of the work, for example, 60 minutes, 30 minutes, 10 minutes, etc. Alternatively or additionally, the plurality of filtering conditions may include the subject matter of the work, for example, health, fitness, movies, music, etc.

[0063] It should be understood that the above example screening conditions should not be understood as limiting the present disclosure. In other embodiments, the screening conditions can be flexibly set according to actual needs.

[0064] In some embodiments, the multiple filtering conditions include multiple groups of filtering conditions divided according to multiple filtering rules, a single filtering condition is allowed to be selected in each group of filtering conditions, and multiple filtering conditions in different groups of filtering conditions are allowed to be selected at the same time.

[0065] See example user interface 600A shown in FIG6A . In this example, the corresponding filter conditions for "Content Type" ("Any," "Video," and "Image and Text") are grouped into a set of filter conditions, from which only one filter condition can be selected. Similarly, the corresponding filter conditions for "Filter Scope" ("Any," "Unwatched," and "Recently Watched") are grouped into a set of filter conditions, from which only one filter condition can be selected.

[0066] It should also be understood that when the preset panel includes functions such as "sort by" / "view switch", only one option among the multiple options corresponding to "sort by" / "view switch" can be selected.

[0067] See further the example user interface 700A shown in FIG7A . In FIG7A , the two filter conditions, "Image and Text" and "Unread," are divided into different filter groups because they can be selected simultaneously. Furthermore, the "Sort by" option can be switched between "Newest" and "Hottest" to suitably combine with the filter conditions.

[0068] In this way, users can quickly browse works by using multiple filtering conditions and additionally combining sorting criteria (and / or view switching).

[0069] Next, the process of presenting the preset panel will be described in conjunction with Figures 6A to 7B. In some embodiments, in response to detecting a second trigger operation while the preset panel is being presented, the terminal device 110 cancels the presentation of the preset panel. Referring to the example user interfaces 600A and 600B shown in Figures 6A and 6B, when the second trigger operation is detected, the user interface switches from user interface 600A to user interface 600B. Further referring to the example user interfaces 700A and 700B shown in Figures 7A and 7B, when the second trigger operation is detected, the user interface switches from user interface 700A to user interface 700B.

[0070] In some embodiments, the second triggering operation includes a click operation in an area outside of the preset panel, for example, a click operation in the work display area. Referring to Figure 6A, when a user clicks area 610, the user interface switches from user interface 600A to user interface 600B. Correspondingly, when a user clicks area 710 in Figure 7A, the user interface switches from user interface 700A to user interface 700B.

[0071] Alternatively, in some embodiments, the second trigger operation includes a swipe-up operation in an area outside the preset panel. For example, upon detecting a swipe-up operation by the user in area 610 in FIG. 6A / area 710 in FIG. 7A , the user interface switches from user interface 600A / 700A to user interface 600B / 700B.

[0072] In some embodiments, the second triggering operation includes a swipe-up operation on the information display page. In this case, the area for detecting the swipe-up operation is set to the entire user interface. In this case, when the user swipes up beyond a predetermined distance, the user interface switches from user interface 600A / 700A to user interface 600B / 700B.

[0073] In some embodiments, the second triggering operation includes triggering an operation on a navigation tab in an area other than the work display area on the information display page. For example, when a user clicks the navigation tab "Works" in Figures 6A / 7A, the user interface switches from user interface 600A / 700A to user interface 600B / 700B. It should be understood that clicking the navigation tab "Like" can also cancel the default panel presentation.

[0074] In some embodiments, the second trigger operation includes clicking a commonly used tag (sometimes characterized as a secondary tag) within a preset panel. Referring to FIG6A , when a user clicks a commonly used tag such as "All," "Most Popular," "Unread," or "XX Collection" in area 620 , the user interface switches from user interface 600A to user interface 600B.

[0075] In some embodiments, the second trigger operation includes a trigger operation on a work in the work display area. For example, if a user clicks any work in the user interface of Figure 6A / 7A, the user interface can be switched from user interface 600A / 700A to user interface 600B / 700B.

[0076] It should also be understood that when the preset panel is canceled, if a third operation is detected, the preset panel may be presented on the information display page. For example, if a third operation is detected in user interface 600B / 700B, the user interface switches to 600A / 700A. Examples of the third operation include a swipe down operation on the information display page.

[0077] In some embodiments, while presenting the information display page, the terminal device 110 presents at least one of the following in an area adjacent to the work display area: a trigger control corresponding to a preset panel, a label corresponding to at least one option in the preset panel, and at least one option including at least one of the following: at least one filter condition from multiple filter conditions, at least one work sorting mode, and at least one view mode. For ease of discussion, these labels may also be referred to as "common labels" or "common filter items." Users can quickly filter and sort works by clicking on these "common labels" or "common filter items."

[0078] Referring to FIG. 3A , an adjacent area of ​​the work display area includes: a trigger control 330 corresponding to the preset panel, and a label corresponding to at least one option in the preset panel, namely, “All,” “Hottest,” “Unread,” and “XX Collection,” etc., as shown in area 320 .

[0079] Further referring to Figures 6B and 7B, the adjacent area of ​​the work display area presents: a trigger control corresponding to the preset panel, and a label corresponding to at least one option in the preset panel, i.e., "All", "Hottest", "Unread" and "XX Collection" shown in area 320.

[0080] In some embodiments, at least one of the following is presented in the preset area: a trigger control corresponding to the preset panel, a label corresponding to at least one option in the preset panel, and at least one option includes at least one of the following: at least one filter condition among multiple filter conditions, at least one work sorting mode, and at least one view mode.

[0081] Referring to Figures 6A and 7A , the preset area includes trigger controls corresponding to the preset panel, and a label corresponding to at least one option in the preset panel, namely, secondary labels such as "All," "Most Popular," "Unread," and "XX Collection." Users can quickly filter and sort works by clicking on these "common labels" or "common filter items."

[0082] In some embodiments, the appearance style of the label corresponding to the at least one option is determined based on the selection state of the at least one option in the preset panel, where the selection state indicates whether the at least one option is selected.

[0083] Referring to Figure 6A , "Hottest" is selected in the sorting criteria. The presentation logic at this point fully matches the commonly used tag "Hottest." The secondary tag "Hottest" changes from gray to black to indicate that the current selection completely overlaps with the commonly used tag "Hottest." At this point, even if the preset panel is canceled, the appearance of the commonly used tag "Hottest" remains unchanged, appearing black to indicate that it is selected, as shown in Figure 6B .

[0084] Referring to Figure 7A , "Hottest," "Image and Text," and "Unread" are all selected simultaneously. At this point, because the current presentation logic doesn't overlap with any commonly used tags, all commonly used tags are displayed in gray. It should be understood that in the example of Figure 7A , if the sorting basis is "Latest," the content type is "Any," and the filter range is "Unread," the secondary tag "Unread" is displayed in black. For the sake of brevity, other cases are not listed one by one.

[0085] In some embodiments, the appearance style of the trigger control is determined based on at least one of the following: detection of a trigger operation of the trigger control, and a selected state of at least one option in a preset panel.

[0086] See 3A and 3B. In FIG3A, trigger control 330 is in an inactive state and is thus presented in a first appearance style, i.e., gray. When the user triggers trigger control 330 in FIG3A to switch to user interface 300B, the trigger control is presented in a second appearance style, i.e., black, to indicate that the trigger control is currently active.

[0087] See further FIG6A. In FIG6A, "Hottest" is selected in the sorting by. The presentation logic at this time completely matches the commonly used label "Hottest". The commonly used label "Hottest" changes from gray to "black" to indicate that the current selection completely overlaps with the commonly used label "Hottest". Furthermore, the filter control is displayed as hollow black to indicate that the filter function is activated and the current filter logic can be represented by the commonly used label without further viewing the specific options in the preset panel.

[0088] See further Figure 7A. In Figure 7A, "Hottest," "Images and Text," and "Unread" are all selected. At this point, because the current presentation logic does not overlap with any of the commonly used tags, all commonly used tags are grayed out. Furthermore, the filter control changes from hollow black to solid black to indicate that the filter function is activated and that the current presentation logic cannot be indicated by the commonly used tags, requiring the user to view the preset panel for detailed information.

[0089] Further reference is made to Figures 6B and 7B , which illustrate user interfaces 600B and 700B after the preset panel is deselected. In Figure 6B , the appearance of the commonly used tabs and filter controls is the same as in Figure 6A . In the interface of Figure 6B , the commonly used tab "Hottest" is displayed in black, and / or the filter controls are displayed as a hollow black color, so that the user can understand the current presentation logic.

[0090] In the interface of Figure 7B, the filter control is shown as solid black. Through this appearance style, the user can know that if they need to understand the details of the presentation logic, that is, which filter items are selected, they need to expand the preset panel to obtain more detailed information.

[0091] By changing the styles of common labels and filter controls, users can more intuitively understand the current presentation and filtering logic, thereby improving the user experience.

[0092] In summary, according to the exemplary embodiments of the present disclosure, the presentation of a preset panel can be triggered on the information display page. This preset panel allows filtering of works on a personal homepage. Furthermore, the preset panel can also include functional controls such as sorting logic and view switching. In this way, users can implement flexible and personalized presentation logic, thereby achieving efficient and quick browsing of works. Furthermore, by setting commonly used tags on the user page, users can quickly filter works, thereby improving the user experience.

[0093] Example Method

[0094] FIG8 shows a flow chart of a process 800 for page interaction according to some embodiments of the present disclosure. The process 800 may be implemented at the terminal device 110. The process 800 is described below with reference to FIG1A.

[0095] In block 810 , the terminal device 110 presents an information display page of the user, where the information display page includes at least a work display area, and the work display area includes works associated with the user.

[0096] In block 820 , in response to detecting a first trigger operation on the work display area, the terminal device 110 presents a preset panel, which includes at least a plurality of filtering conditions.

[0097] In block 830 , in response to detecting a selection operation on at least one of the plurality of filtering conditions, the terminal device 110 filters out works that meet the at least one filtering condition from the works displayed in the work display area and presents the works in the work display area.

[0098] In some embodiments, the preset panel further includes at least one work sorting mode. In response to detecting a selection operation of a target sorting mode in the at least one work sorting mode, the terminal device 110 arranges the works in the work display area according to the target sorting mode.

[0099] In some embodiments, the preset panel further includes multiple view modes, and the artwork in the artwork display area is presented in a first view mode among the multiple view modes. In response to detecting a selection operation of 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.

[0100] In some embodiments, the multiple filtering conditions include multiple groups of filtering conditions divided according to multiple filtering rules, a single filtering condition is allowed to be selected in each group of filtering conditions, and multiple filtering conditions in different groups of filtering conditions are allowed to be selected at the same time.

[0101] In some embodiments, the multiple filtering conditions include at least one of the following: multiple filtering conditions divided by work type, and multiple filtering conditions divided by work access status.

[0102] In some embodiments, the terminal device 110 presents the preset panel at the top of the information display page.

[0103] In some embodiments, the first trigger operation includes one of the following: a trigger operation on a navigation tab in the work display area, or a trigger operation on a trigger control corresponding to a preset panel.

[0104] In some embodiments, the terminal device presents at least one of the following in a preset area or in an adjacent area of ​​the work display area while presenting an information display page: a trigger control corresponding to a preset panel, a label corresponding to at least one option in the preset panel, at least one option including at least one of the following: at least one filter condition among multiple filter conditions, at least one work sorting mode, and at least one view mode.

[0105] In some embodiments, the appearance style of the label corresponding to the at least one option is determined based on the selection state of the at least one option in the preset panel, where the selection state indicates whether the at least one option is selected.

[0106] In some embodiments, the appearance style of the trigger control is determined based on at least one of the following: detection of a trigger operation of the trigger control, and a selected state of at least one option in a preset panel.

[0107] In some embodiments, in response to detecting a second trigger operation while the preset panel is being presented, the terminal device 110 cancels the presentation of the preset panel.

[0108] In some embodiments, the second trigger operation includes one of the following: a click operation in an area outside the preset panel, a swipe up operation in an area outside the preset panel, a swipe up operation in the information display page, a trigger operation on a navigation tag in an area other than the work display area in the information display page, or a trigger operation on a work in the work display area.

[0109] Example equipment and devices

[0110] 9 shows a schematic structural block diagram of an apparatus 900 for page interaction according to certain embodiments of the present disclosure. Apparatus 900 may be implemented as or included in terminal device 110. Each module / component in apparatus 900 may be implemented by hardware, software, firmware, or any combination thereof.

[0111] As shown in the figure, the device 900 includes an information presentation module 910, which is configured to present the user's information display page, the information display page includes at least a work display area, and the work display area includes works associated with the user; a preset panel presentation module 920, which is configured to present a preset panel in response to detecting a first trigger operation for the work display area, the preset panel includes at least multiple filtering conditions; and a filtering module 930, which is configured to filter out works that meet at least one filtering condition from the works displayed in the work display area in response to detecting a selection operation for at least one of the multiple filtering conditions, and present them in the work display area.

[0112] In some embodiments, the preset panel further includes at least one work sorting mode. The apparatus 900 further includes a sorting module (not shown) configured to, in response to detecting a selection operation of a target sorting mode in the at least one work sorting mode, arrange the works in the work display area according to the target sorting mode.

[0113] In some embodiments, the preset panel further includes multiple view modes, and the artworks in the artwork display area are presented in a first view mode among the multiple view modes. The apparatus 900 further includes a view switching module (not shown) configured to, in response to detecting a selection operation of a second view mode among the multiple view modes, switch from the first view mode to the second view mode to present the artworks in the artwork display area.

[0114] In some embodiments, the plurality of filtering conditions include a plurality of groups of filtering conditions divided according to a plurality of filtering rules, a single filtering condition is allowed to be selected in each group of filtering conditions, and a plurality of filtering conditions in different groups of filtering conditions are allowed to be selected at the same time.

[0115] In some embodiments, the multiple filtering conditions include at least one of the following: multiple filtering conditions divided by work type, and multiple filtering conditions divided by work access status.

[0116] In some embodiments, the preset panel presentation module 920 is further configured to present the preset panel at the top of the information presentation page.

[0117] In some embodiments, the first trigger operation includes one of the following: a trigger operation on a navigation tab in the work display area, or a trigger operation on a trigger control corresponding to a preset panel.

[0118] In some embodiments, the device 900 also includes an adjacent area display module (not shown), which is configured to present at least one of the following in the preset area or in an adjacent area of ​​the work display area while presenting the information display page: a trigger control corresponding to the preset panel, a label corresponding to at least one option in the preset panel, at least one option including at least one of the following: at least one filter condition among multiple filter conditions, at least one work sorting mode, and at least one view mode.

[0119] In some embodiments, the appearance style of the label corresponding to at least one option is determined based on the selection state of at least one option in the preset panel, where the selection state indicates whether the at least one option is selected.

[0120] In some embodiments, the appearance style of the trigger control is determined based on at least one of the following: detection of a trigger operation of the trigger control, and a selected state of at least one option in a preset panel.

[0121] In some embodiments, the apparatus 900 further includes a module (not shown) for canceling the presentation of the preset panel, configured to cancel the presentation of the preset panel in response to detecting a second triggering operation while the preset panel is being presented.

[0122] In some embodiments, the second trigger operation includes one of the following: a click operation in an area outside the preset panel, a swipe up operation in an area outside the preset panel, a swipe up operation in the information display page, a trigger operation on a navigation tag in an area other than the work display area in the information display page, and a trigger operation on a work in the work display area.

[0123] Figure 10 shows a block diagram of an electronic device 1000 that can implement one or more embodiments of the present disclosure. It should be understood that the electronic device 1000 shown in Figure 10 is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. The electronic device 1000 shown in Figure 10 can be used to implement the terminal device 110 of Figure 1A or the apparatus 900 of Figure 9.

[0124] As shown in FIG10 , electronic device 1000 is in the form of a general-purpose computing device. Components of electronic device 1000 may include, but are 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. Processing unit 1010 may be a real or virtual processor and is capable of performing various processes according to a program stored in memory 1020. In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to enhance the parallel processing capabilities of electronic device 1000.

[0125] The electronic device 1000 typically includes a plurality of computer storage media. Such media can be any available media accessible to the electronic device 1000, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 1020 can be a volatile memory (e.g., a register, a cache, a random access memory (RAM)), a non-volatile memory (e.g., a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 1030 can be a removable or non-removable medium and can include a machine-readable medium, such as a flash drive, a disk, or any other medium that can be used to store information and / or data (e.g., training data for training) and can be accessed within the electronic device 1000.

[0126] The electronic device 1000 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 10 , a disk drive for reading from or writing to a removable, non-volatile disk (e.g., a “floppy disk”) and an optical drive for reading from or writing to a removable, non-volatile optical disk 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 include a computer program product 1025 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

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

[0128] Input device 1050 may be one or more input devices, such as a mouse, keyboard, or trackball. Output device 1060 may be one or more output devices, such as a display, a speaker, or a printer. Electronic device 1000 may also communicate with one or more external devices (not shown) via communication unit 1040 as needed, such as storage devices, display devices, or the like, with one or more devices that allow a user to interact with electronic device 1000, or with any device that allows electronic device 1000 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

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

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

[0131] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, such that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device is generated that implements the functions / actions specified in one or more blocks in the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, where these instructions cause the computer, programmable data processing device, and / or other device to operate in a specific manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing various aspects of the functions / actions specified in one or more blocks in the flowchart and / or block diagram.

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

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

[0134] While various implementations of the present disclosure have been described above, the above descriptions are exemplary, non-exhaustive, and not intended to be limiting of 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 selected to best explain the principles of the implementations, their practical applications, or improvements to existing technologies, or to enable others skilled in the art to understand the various embodiments disclosed herein.

Claims

1. A method for page interaction, comprising: Presenting 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 triggering operation on the work display area, presenting a preset panel, the preset panel including at least a plurality of filtering conditions; as well as In response to detecting a selection operation of at least one of the plurality of filtering conditions, works that meet the at least one filtering condition are filtered out from the works displayed in the work display area and presented in the work display area.

2. The method according to claim 1, wherein the preset panel further includes at least one work sorting mode, the method further comprising: In response to detecting a selection operation of a target sorting mode among the at least one work sorting mode, the works in the work display area are arranged according to the target sorting mode.

3. The method according to claim 1, wherein the preset panel further comprises a plurality of view modes, the artworks in the artwork display area are presented in a first view mode of the plurality of view modes, and the method further comprises: In response to detecting a selection operation on a second view mode among the multiple view modes, switching from the first view mode to the second view mode to present the artwork in the artwork display area.

4. The method according to claim 1, wherein the multiple filtering conditions include multiple groups of filtering conditions divided according to multiple filtering rules, a single filtering condition is allowed to be selected in each group of filtering conditions, and multiple filtering conditions in different groups of filtering conditions are allowed to be selected at the same time.

5. The method according to claim 1, wherein the multiple filtering conditions include at least one of the following: multiple filtering conditions divided by work type, or multiple filtering conditions divided by work access status.

6. The method according to claim 1, wherein presenting the preset panel comprises: The preset panel is placed at the top of the information display page.

7. The method according to claim 1, wherein the first trigger operation comprises one of the following: Triggering actions on the navigation tabs in the work display area, or A trigger operation is performed on the trigger control corresponding to the preset panel.

8. The method according to claim 1, further comprising: At least one of the following items is presented in the preset area or in an area adjacent to the work display area while the information display page is presented: The trigger control corresponding to the preset panel, or A label corresponding to at least one option in the preset panel, wherein the at least one option includes at least one of the following: at least one filtering condition among the multiple filtering conditions, at least one work sorting mode, and at least one view mode.

9. The method according to claim 8, wherein the appearance style of the label corresponding to the at least one option is determined based on the selection state of the at least one option in the preset panel, and the selection state indicates whether the at least one option is selected.

10. The method according to claim 8, wherein the appearance style of the trigger control is determined based on at least one of the following: Detection of a trigger operation of the trigger control, or The selected state of the at least one option in the preset panel.

11. The method according to claim 1 , further comprising: In response to detecting a second trigger operation while the preset panel is being presented, the presentation of the preset panel is canceled.

12. The method according to claim 11, wherein the second trigger operation comprises one of the following: Clicking in an area outside the preset panel, Slide up in the area outside the preset panel, Slide up on the information display page. triggering operations on navigation tags in areas other than the work display area on the information display page, or A triggering operation on a work in the work display area.

13. A device for page interaction, comprising: An information presentation module is configured to present a user's information presentation page, wherein the information presentation page at least includes a work presentation area, and the work presentation area includes works associated with the user; a preset panel presenting module, configured to present a preset panel in response to detecting a first triggering operation on the work display area, wherein the preset panel includes at least a plurality of filtering conditions; as well as The filtering module is configured to, in response to detecting a selection operation on at least one of the multiple filtering conditions, filter out works that meet the at least one filtering condition from the works displayed in the work display area and present them in the work display area.

14. An electronic device comprising: at least one processing unit; as well as 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 apparatus to perform the method according to any one of claims 1 to 12.

15. A computer-readable storage medium having a computer program stored thereon, wherein the computer program implements the method according to any one of claims 1 to 12 when executed by a processor.

Images