Methods, apparatuses, devices, media, and products for interface interaction

Abstract

A method, apparatus, device, storage medium, and computer program product for interface interaction are provided. The method includes displaying a plurality of works on a first interface, the plurality of works including a first work, and presenting a first statement at an associated position of the first work, the first statement being from the first work. The method further includes receiving a first operation, the first operation being triggered for the first statement. The method further includes displaying the first statement and a context on a second interface, the context being a statement in the first work that is associated with the first statement.

Description

Technical Field

[0001] This relates to the field of computers, and more specifically to methods, apparatus, devices, computer-readable storage media, and computer program products for user interface interaction. Background Technology

[0002] With the development of internet technology, more and more people are using electronic devices to browse works, such as written works. Summary of the Invention

[0003] A method, apparatus, device, computer storage medium, and computer program product for interface interaction are provided.

[0004] In a first aspect, a method for interface interaction is provided. This method includes displaying multiple works on a first interface and showing a first statement at an associated position of the first work. The multiple works include the first work, and the first statement originates from the first work. The method also includes receiving a first operation triggered in response to the first statement. Furthermore, the method includes displaying the first statement and context on a second interface, where the context is statements within the first work associated with the first statement. This method, from the perspective of the statements within the works, helps users accurately and quickly filter suitable works from multiple works, thereby improving the efficiency of work filtering and enhancing the user experience.

[0005] In a second aspect, a device for interface interaction is provided. The device includes a first display module configured to display multiple works on a first interface and to display a first statement at an associated position of the first work. The multiple works include the first work, and the first statement originates from the first work. The device also includes a first receiving module configured to receive a first operation triggered by the first statement. The device further includes a second display module configured to display the first statement and context on a second interface. The context is statements in the first work associated with the first statement. This device can help users accurately and quickly filter suitable works from multiple works from the perspective of the statements within the works, thereby improving the efficiency of work filtering and enhancing the user experience.

[0006] In a third aspect, an electronic device is provided, comprising: at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions, when executed by the at least one processing unit, causing the electronic device to perform a method for interface interaction. The method includes displaying a plurality of works on a first interface and displaying a first statement at an associated location of the first work, the plurality of works including the first work, and the first statement originating from the first work. The method further includes receiving a first operation triggered in response to the first statement. The method also includes displaying the first statement and context on a second interface, the context being statements in the first work associated with the first statement. This electronic device can help users accurately and quickly filter suitable works from multiple works from the perspective of statements within the works, thereby improving the efficiency of work filtering and enhancing the user experience.

[0007] In a fourth aspect, a computer-readable storage medium is provided having machine-executable instructions stored thereon, which, when executed by a device, cause the device to perform a method for interface interaction. The method includes displaying a plurality of works on a first interface and displaying a first statement at an associated location of the first work, the plurality of works including the first work, and the first statement originating from the first work. The method also includes receiving a first operation triggered in response to the first statement. The method further includes displaying the first statement and context on a second interface, the context being statements in the first work associated with the first statement. This computer-readable storage medium can help users accurately and quickly filter suitable works from multiple works from the perspective of statements within the works, thereby improving the efficiency of work filtering and enhancing the user experience.

[0008] In a fifth aspect, a computer program product is provided, including computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement a method for interface interaction. The method includes displaying multiple works on a first interface and displaying a first statement at an associated position of the first work, the multiple works including the first work, and the first statement originating from the first work. The method also includes receiving a first operation triggered in response to the first statement. The method further includes displaying the first statement and context on a second interface, the context being statements in the first work associated with the first statement. This computer program product can help users accurately and quickly filter suitable works from multiple works from the perspective of statements within the works, thereby improving the efficiency of work filtering and enhancing the user experience.

[0009] The summary section is provided to introduce a series of concepts in a simplified form, which will be further described in the detailed description below. The summary section is not intended to identify key or essential features, nor is it intended to limit the scope. Other features will become readily apparent from the following description. Attached Figure Description

[0010] Figure 1A A schematic diagram of an example environment that can be implemented in one scenario is shown;

[0011] Figure 1B A schematic diagram of the search interface is shown;

[0012] Figure 1C A schematic diagram of the reading interface is shown;

[0013] Figure 2 A flowchart of the method for interface interaction is shown;

[0014] Figure 3A Another schematic diagram of the search interface is shown;

[0015] Figure 3B A schematic diagram of the reading component is shown;

[0016] Figure 4 A schematic diagram of the leaderboard interface is shown;

[0017] Figure 5 A schematic diagram of the artwork details interface is shown;

[0018] Figure 6 A schematic block diagram of a device for interface interaction is shown; and

[0019] Figure 7 A block diagram of an electronic device is shown.

[0020] In all the accompanying figures, the same or similar reference numerals denote the same or similar elements. Detailed Implementation

[0021] The names of messages or information exchanged between multiple devices in the implementation are for illustrative purposes only and are not intended to limit the scope of these messages or information. It is understood that before using the technical solutions disclosed in each situation, users should be informed of the type, scope of use, and usage scenarios of the personal information involved, and their authorization should be obtained in accordance with relevant laws and regulations through appropriate means.

[0022] For example, upon receiving a user's active request, a prompt message can be sent to the user, explicitly informing them that the requested operation will require the acquisition and use of their personal information. This allows the user to choose whether to provide personal information to the software or hardware such as the electronic device, application, server, or storage medium performing the relevant operation, based on the prompt message. As an optional but non-limiting implementation, the prompt message can be sent to the user in the form of a pop-up window, which can present the prompt message in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0023] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation method. Other methods that comply with relevant laws and regulations may also be applied in various situations.

[0024] The various scenarios will now be described in more detail with reference to the accompanying drawings. While some scenarios are shown in the drawings, it should be understood that implementations can take many forms and should not be construed as limited to the one scenario described herein. Rather, these scenarios are provided to provide a more thorough and complete understanding of the technical content. It should be understood that the drawings and scenarios are for illustrative purposes only and are not intended to limit the scope of protection.

[0025] In the descriptions of each situation, the term "comprising" and similar expressions should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The terms "a situation" or "the situation" should be understood as "at least one situation". The terms "first", "second", etc., may refer to different or the same objects unless explicitly stated. Other explicit and implicit definitions may also be included below.

[0026] In related technical solutions, users can read e-books within the application. For e-books that the user has not read before, the application typically only displays information such as the title, author, and cover image, without showing the main text before entering reading mode. This results in users being unable to accurately select the appropriate book when choosing from multiple options, before reading the full text.

[0027] To address this, a method for interface interaction is proposed. This method displays not only multiple works on the first screen but also statements (such as characteristic statements) from these works. Based on the first action, users can directly jump to the first statement of the first work for reading. This method helps users accurately and quickly filter suitable works from multiple sources by analyzing the statements within the works, thereby improving the efficiency of work selection and enhancing the user experience.

[0028] Figure 1A A schematic diagram of an example environment 100 that can be implemented in one scenario is shown. Example environment 100 includes user device 130, server 140, and user 150. User device 130 may have an application 110 (such as a content application, including social applications, media applications, short video applications, etc.) installed on it. This application 110 serves as the execution carrier of methods, undertaking tasks such as information flow acquisition, processing, display, and user interaction response.

[0029] In some scenarios, application 110 can be installed on user device 130, for example, as a software application. User 150 can use user device 130 to launch application 110. Application 110 can communicate with server 140 via the network. In some scenarios, user 150 operates application 110 on user device 130 to initiate a business request; user device 130 encapsulates the request and sends it to server 140 via the network; server 140 parses the received request, executes the corresponding business processing operation (such as data query, logical operation, content delivery, etc.), and returns the processing result to user device 130; user device 130 visualizes the processing result through application 110 for user 150 to view, thereby completing the interaction between the client side and the server side.

[0030] In some scenarios, application 110 can present an information stream within its interface. This information stream can include multiple content items, and user 150 can switch between different content items in the information stream through interactive operations within the interface (e.g., swiping). Such content items can include, but are not limited to, images, videos, live streams, and content cards. After launching the application, user 150 can directly view continuously loaded content items within application 110 without any additional complex operations. Each content item can play according to preset playback rules (e.g., autoplay, click play, etc.) in the core display area of ​​the interface (e.g., the center of the interface, occupying the main display space), presented in real-time to user 150 for viewing, information retrieval, or entertainment.

[0031] In some scenarios, application 110 can receive input information, which can be search information, such as "work X". In other scenarios, this input information can be entered by user 150 through a search box to quickly locate target works of interest. After receiving the input information, application 110 triggers background search logic to match candidate works related to the input information from a massive work library. In some scenarios, the input information can be a statement; the user can select the first statement to be displayed, and the application can use this first statement as input information to locate the position of the first statement within the first work.

[0032] In some cases, application 110 may display multiple works on a first interface (example of the first interface) and display a first statement at the associated position of the first work, where the multiple works include the first work and the first statement comes from the first work. Figure 1B A schematic diagram of the search interface is shown. In some cases, application 110 can display multiple components (such as card components) on the first interface, and display multiple works in the multiple components, and display a first statement in the first component, which includes the first component for displaying the first work. For example, application 110 can display card component 112 and card component 114 on the search interface, with each card component corresponding to a work. For example, card component 112 can correspond to work 1, and card component 112 displays the title, description, and tags of work 1. The tags shown include character tags and feature statement tags. After user 150 clicks on the feature statement tag, application 110 can display some feature statements of work 1, such as "My injury is too serious, I may not live to see tomorrow. Don't be sad. Actually, this is good..." User 150 can swipe left to switch the feature statements of work 1. For example, card component 114 can correspond to work 2, and card component 114 displays the title, description, and tags of work 2. The displayed tags include character tags and feature statement tags. After user 150 clicks on a feature statement tag, application 110 can display some feature statements from work 2, such as "After you left, I often pretended not to care and inquired about your recent situation. I wonder if you were also inquiring about me." User 150 can swipe left to switch between feature statements from work 2. In some cases, the card component can also display interaction data for each statement, such as the number of comments, likes, and underlines. In some cases, after a feature statement tag within the card component is clicked, application 110 can retrieve multiple preset feature statements for that work from server 140 or local cache and present them to user 150 in sequence for browsing. This method of directly displaying feature statements within the card allows user 150 to quickly perceive the writing style of a work without entering the work details interface, thereby improving the efficiency of comparing multiple works.

[0033] In some cases, multiple components include a first component that displays a first work. Application 110 may (e.g., within the first component) display a first label and a second label, where the first label indicates a feature of the first statement, and the second label indicates other features of some statements in the first work. For example, the first label could be "Feature 1" and the second label could be "Feature 2".

[0034] In some scenarios, application 110 may receive a second action triggered by a second label. For example, a user might click the "Feature 2" label. In some scenarios, application 110 may display a second statement (e.g., within the first component), where the second statement corresponds to the second label. The second action could be a click or tap gesture by the user on the label, used to switch the content of the statement displayed in the current card to match the feature of the selected label. The second statement is another feature statement from the first work that corresponds to the feature indicated by the second label, allowing the user to quickly switch between different styles of statements within the same component. For example, after a user clicks, application 110 may display a statement with the "Feature 2" feature.

[0035] In some scenarios, application 110 can receive a first action (such as a click), which is triggered by a first statement. For example, user 150 can click on the characteristic statement "My injury is too serious..." This click is the key trigger action that causes user 150 to switch from browsing to reading. Application 110 can record the clicked statement and its associated work information. Based on this action, application 110 can, for example, use the content search function within the work to accurately locate the specific position of the statement in the main text, preparing for subsequent navigation and display.

[0036] In some cases, application 110 can display the first statement and context on the reading interface (i.e., an example of the second interface), where the context is a statement in the first work that is associated with the first statement. Figure 1C A schematic diagram of the reading interface is shown. For example, if the characteristic sentence "My injury is too severe..." belongs to Chapter 5 of Work 1, application 110 can directly jump to Chapter 5 containing the characteristic sentence and display the characteristic sentence, its preceding and following text. In some cases, the specific scope of the context can be determined by the screen size of application 110, such as displaying several sentences before and after the paragraph containing the characteristic sentence, or displaying the entire section, to ensure that user 150 has a complete reading experience. Simultaneously, the reading interface can highlight the first sentence to help user 150 quickly locate the exact position of the characteristic sentence in the original text and support user 150 to continue scrolling down to read the subsequent text from there. Displaying the context helps user 150 immediately understand the story context and character relationships of the characteristic sentence, avoiding misreading due to a lack of context. At the same time, the reading interface retains complete page-turning and progress control functions, allowing user 150 to either continue reading subsequent chapters or browse previous content.

[0037] In the above scenario, when user 150 clicks on a feature sentence of a work, application 110 can locate the position of the sentence in the main text and display the sentence and its surrounding context in the reading interface, while also highlighting the sentence. This helps user 150 seamlessly transition from browsing and filtering to immersive reading, effectively solving the problem that user 150 cannot access the main text before selecting a book and finds it difficult to accurately judge whether a work is suitable.

[0038] As understood by those skilled in the art, an instance of server 140 may be a single physical server, a server cluster or distributed system consisting of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, and data processing and artificial intelligence platforms.

[0039] User equipment 130 can be any type of mobile computing device, including mobile computers (e.g., personal digital assistants, laptops, notebooks, tablets, netbooks, etc.), mobile phones (e.g., cellular phones, smartphones, etc.), wearable computing devices (e.g., smartwatches, head-mounted devices, including smart glasses, etc.) or other types of mobile devices. In some cases, user equipment 130 can also be a fixed computing device, such as a desktop computer, game console, smart TV, etc. It should be understood that the above operations can be performed jointly by user equipment 130 and server 140.

[0040] It should be understood that the architecture and functionality in the example environment are described for illustrative purposes only and do not imply any limitation on the scope. This scenario can also be applied to other environments with different structures and / or functionalities.

[0041] The processes of each scenario will be described in detail below with reference to other accompanying drawings. For ease of understanding, the specific data mentioned in the following description are exemplary and are not intended to limit the scope of protection. It is understood that the scenarios described below may also include additional actions not shown and / or the actions shown may be omitted, and their scope is not limited in this respect.

[0042] Figure 2 A flowchart of a method 200 for interface interaction is shown. In this case, it can be... Figure 1A The method is executed by application 110 on user equipment 130. The method performs the steps shown in boxes 202-206 as follows:

[0043] In box 202, multiple works are displayed on the first interface, and a first statement is displayed at the associated position of the first work. The multiple works include the first work, and the first statement originates from the first work. Displaying multiple works can involve showing information related to them, such as titles, logos, cover images, etc. The first interface can be any interface in the application that involves multiple works, such as a search results display interface or a work recommendation interface. Multiple titles can be the names or titles of the various works, used to distinguish different works, such as Work 1, Work 2, etc. In some cases, multiple statements from multiple works can be displayed. These statements can be original sentences extracted from each work (such as feature statements), which can be one or more sentences used to showcase the characteristics of the works. These features can be of various types, such as style features, content features, story features, etc. The first statement can be the sentence selected by the user from one or more displayed statements, i.e., the statement selected by the user. The first work can be the work to which the first statement belongs, i.e., the work that the user is interested in. The work can be any type of work, such as a text work, a video work, an audio work (such as an audiobook), etc. The associated location of the first work can be a location near the first work or another location, so that users can easily understand that the first statement is related to the first work.

[0044] In box 204, the first action is received. The first action is triggered by the first statement. The first action can be an interactive action performed by the user on a statement, such as clicking, tapping, or long-pressing.

[0045] In box 206, the first statement and its context are displayed on the second interface. The context refers to statements in the first work that are related to the first statement. The second interface can be an interface within an application, such as a text reading interface, used to display the specific content of the work. The context can be the surrounding text of the first statement in the original text, including the preceding and following sentences or the paragraph in which it appears. It helps users understand the story context and character relationships of the statement, avoiding misinterpretation due to a lack of context.

[0046] Figure 2 The method described above helps users accurately and quickly filter suitable works from multiple submissions by analyzing the textual content, thereby improving the efficiency of work selection and enhancing the user experience. Furthermore, this method improves the efficiency of work selection, reduces the number of invalid interactive operations, and thus significantly reduces unnecessary data transfer, memory usage, and GPU rendering overhead, as well as lowering processor resource consumption.

[0047] In the following description, books are used as examples of works, but this does not limit the method; as described above, works can also be of other types. Similarly, characteristic statements are used as examples of the first and second statements. Figure 3A Another schematic diagram of the search interface is shown. In some cases, to streamline search results, application 310 may not display labels in component cards, but only feature statements, thereby reducing the user's cognitive burden and lowering complexity.

[0048] In some cases, the application can display a reading component (i.e., an example of a second component) on the reading interface. In other cases, this reading component can be an interactive control such as a button located at the bottom or top of the reading interface, used to assist the user in navigation and operation during the reading process. Figure 3B A schematic diagram of the reading component is shown. For example, after a user clicks on a featured sentence, application 310 can display component 320 on the reading interface, which displays "Go to read the full story".

[0049] In some scenarios, the application can receive click actions (i.e., an example of a third action), where the third action targets the second component, and if the user's historical reading progress is received, displays the page corresponding to that historical reading progress. In some scenarios, the third action can refer to a single click or double click by the user on component 320, used to trigger navigation logic to display the page corresponding to the historical reading progress. In some scenarios, the user has previously read the work corresponding to the featured statement, for example, having read up to 20% of the progress. This historical reading progress can be the reading progress (i.e., at 20%) automatically recorded by the application when the user last exited the reading interface and stored in the local cache or on the server.

[0050] In some cases, if the user's reading history is not received, the application can display the beginning of the first work. In other cases, if the user has not read the work corresponding to the featured statement, it enters reading mode and displays the beginning. This beginning can refer to the preface, first chapter, or the first page of the main text of the first work, ensuring that new readers start reading from the beginning. Users may become interested in the work after reading the featured statement and want to read it completely; therefore, this jump logic helps users start reading the work from the beginning after browsing the featured statement.

[0051] In some scenarios, the first interface displays a ranking of multiple statements from various works, corresponding to a first tag and conforming to the characteristics indicated by that tag. In other scenarios, when displaying tags, the application may receive an action from the recommendation interface, triggering the display of the leaderboard interface and showing both the first and second tags on it. In some scenarios, this action may be a user's click on the leaderboard control on the recommendation page. In some scenarios, the first interface may be a leaderboard interface within the application, such as a feature-based statement leaderboard or a popular statement leaderboard, used to centrally display a list of statements categorized by different characteristics. In some scenarios, the application may display multiple tags on the leaderboard interface, including both the first and second tags. These tags may be categories of work characteristics (such as "positive," "inspirational," etc.), allowing users to switch tags to browse popular statements under different characteristics, satisfying diverse filtering needs. Figure 4 The diagram shows a leaderboard interface with labels such as "Feature 1", "Feature 2", and "Feature 3", with the "Feature 1" label being selected.

[0052] In some scenarios, the application can receive selection actions targeting a first tag, and display rankings of multiple statements on the leaderboard interface, where the first tag indicates the characteristics of the multiple statements. In other scenarios, the selection action can be a user's click or swipe action on a tag, triggering the display of rankings for statements under that tag. In still other scenarios, the ranking of multiple characteristic statements can be sorted from highest to lowest based on their scores, for example, by weighting and summing metrics such as the number of comments, likes, underlines, or views to determine the score of a characteristic statement. The first tag serves as a filtering condition, determining the common characteristics of all statements in the current leaderboard (e.g., all statements are of type "Characteristic 2"), thus helping users quickly identify their preferred characteristics. Figure 4 Below is an example of a feature statement categorized under the "Feature 1" label. Application 410 can display the top-ranked feature statement in card component 412; this feature statement is "My injury is too severe..."

[0053] In some cases, the ranking further indicates interaction data for multiple statements, as well as multiple works associated with those statements. In some cases, interaction data may include quantitative data such as the number of likes, comments, shares, or completion rates for each statement, reflecting user liking or engagement with the statement. The multiple works associated with multiple statements allow users to see which work each popular statement comes from while viewing the ranking, making it easier for users to discover high-quality works from popular statements and further improving the efficiency of work selection. For example... Figure 4As shown, card component 412 displays the top-ranked feature statement with 100 underlines and 20 comments.

[0054] In some scenarios, an application may respond to the selection of a first work by displaying first information, first tags, and second tags on the work details screen (i.e., an example of a third screen). The first information is associated with the first work, and the work details screen displays details about the first work. In other scenarios, the third screen may be a details screen within the application that displays a complete overview of a work, including basic information such as the work's cover, author, description, and rating. In still other scenarios, the first information may be a general introduction to the work, allowing users to quickly understand its overall picture.

[0055] In some scenarios, the application may receive an action triggered by a second tag, and display at least one statement on a third screen, where the statement originates from the first work. In some scenarios, the action may be a user click on a tag in the work details screen, triggering the display of the statement corresponding to that tag. In some scenarios, the second tag may indicate specific characteristics of the work, allowing users to understand various characteristic statements of the work from the work details screen. In some scenarios, at least one statement may be one or more characteristic sentences matching the characteristics of the second tag; these characteristic statements can be directly displayed within the work details screen, thereby assisting users in understanding the basic information of the work and further determining whether its characteristics meet their needs, thus improving the efficiency of work selection. Figure 5 A schematic diagram of the work details interface is shown. Application 510 presents various aspects of work 1 on this interface, such as the table of contents, notes, author, and cover image. Application 510 can also display a "Famous Quotes" tag on the work details interface, and below the "Famous Quotes" tag, display feature tags such as "Feature 1," "Feature 2," and "Feature 3." Clicking a tag will display the characteristic quote matching that tag.

[0056] In some scenarios, after a user clicks on a featured statement, the application can display the first statement, its context, and second information on a secondary interface. The second information includes comments on the first statement. These comments can be other readers' thoughts or discussions about the statement. By embedding comments directly within the reading interface, users can instantly understand others' opinions on the featured statement, enhancing social interaction.

[0057] In some scenarios, the application can display a third component on the second interface. This third component can be a share button, a favorite button, or other controls used to trigger extended functions related to the current statement. In some cases, the application can receive a fourth action, which targets the third component and, in response to the fourth action, displays a poster image (an example of the first image), where the first image displays the first title and the first statement. The fourth action can be a user's click on the third component (such as the share button), triggering the generation of an image containing the work's title and the defining statement. The poster image can be a poster-style image, making it easy for users to save it locally or share it on social media platforms, disseminating the work and its defining statement in a graphic and textual format.

[0058] In some cases, the application may receive a fifth action triggered in response to the first statement; and display a second image depicting the first statement. The fifth action could be a user gesture such as a long press or double-tap on the first statement, triggering an illustration automatically generated or matched based on the statement's content. The second image could be a scene, figure, or abstract painting related to the statement's atmosphere, enhancing the user's understanding of the statement's mood and improving reading immersion.

[0059] In some scenarios, after a user clicks on a featured statement, the application can display third information on a second screen. This third information is a summary of the related content of the first statement within the first work. The third information can be a brief story summary, which can be a summary of the related content preceding and following the first statement. This related content can be generated by a model (such as a semantic model) to help users quickly understand the plot before the jump point, avoiding comprehension obstacles caused by skipping sections. This summary can be presented in abstract form, allowing users to smoothly grasp the story background even if they enter from the middle.

[0060] In some scenarios, the application can display a first list on the second interface, which includes one or more statements from the first work. In some scenarios, upon receiving a sixth action, the application can display a third statement on the second interface, which is the statement selected from the first list based on the sixth action. In some scenarios, the first list can be a scrollable list, used to centrally display all sentences marked as featured statements in the first work, facilitating quick browsing and selection by the user. In some scenarios, the sixth action can be a user click on a statement in the list, used to switch the featured statement in the current reading interface. In some scenarios, the third statement is the sentence newly selected by the user from the list, and the application can accordingly jump or scroll to the exact location of that statement in the text for precise positioning.

[0061] In some cases, the first and second interfaces are displayed side-by-side. Side-by-side display can refer to the two interfaces being arranged horizontally or vertically on the same screen. For example, on a tablet or large-screen device, the left side displays the list of works to be searched (the first interface), and the right side displays the reading content (the second interface). This layout allows users to browse multiple work entries, read feature statements and their context simultaneously without switching views, significantly improving the efficiency of filtering works.

[0062] In some scenarios, the second interface appears above the first interface. This can refer to the second interface appearing as a floating layer or pop-up over the first interface to temporarily display reading content, while the first interface remains visible as a background. This second interface overlay, forming a preview window, allows users to quickly review sentences without losing the context of the original search results. Closing the floating layer allows them to immediately continue browsing other works. This low-disruption interaction design effectively shortens the decision-making path and further improves the overall efficiency of work selection.

[0063] Figure 6 A schematic block diagram of a device 600 for user interface interaction is shown. Device 600 can be implemented through software, hardware, or a combination of both. Figure 6 As shown, the device 600 includes a first display module 610, a first receiving module 620, and a second display module 630.

[0064] In some cases, the first display module 610 can be configured to display multiple works on a first interface, and display a first statement at an associated position of the first work. The multiple works include the first work, and the first statement originates from the first work. The first receiving module 620 can be configured to receive a first operation triggered by the first statement. The second display module 630 can be configured to display the first statement and its context on a second interface, where the context is the statement in the first work associated with the first statement.

[0065] In some cases, the device 600 further includes: a first tag module configured to display a first tag and a second tag, wherein the first tag indicates the characteristics of a first statement; a second operation receiving module configured to receive a second operation triggered in response to the second tag; and a second statement display module configured to display a second statement, wherein the second statement corresponds to the second tag.

[0066] In some cases, the first interface is used to display a ranking of multiple statements from multiple works and corresponding to a first tag.

[0067] In some cases, the ranking further indicates the interactive data of multiple statements.

[0068] In some cases, the first tag module includes: a first information module configured to display first information, the first tag, and the second tag on a third interface in response to the selection of a first work, wherein the first information is associated with the first work, and the third interface is used to display details of the first work.

[0069] In some cases, the first display module 610 may include: an input information receiving module configured to receive input information; a component display module configured to display multiple components on a first interface; and an artwork display module configured to display multiple artworks in multiple components and display a first statement in the first component, wherein the multiple components include the first component, which is used to display the first artwork.

[0070] In some cases, device 600 further includes: a second component module configured to display a second component on a second interface; a third operation receiving module configured to receive a third operation, wherein the third operation is directed at the second component; and a first jump module configured to display the page corresponding to the historical reading progress in response to receiving the historical reading progress.

[0071] In some cases, device 600 also includes a second jump module configured to display the beginning of the first work in response to the absence of a history reading progress.

[0072] In some cases, the second display module 630 includes a second information module configured to display a first statement, context, and second information on a second interface, wherein the second information includes comments on the first statement.

[0073] In some cases, the device 600 further includes: a third component module configured to display a third component on a second interface; a fourth operation receiving module configured to receive a fourth operation, wherein the fourth operation is directed at the third component; and a first image module configured to display a first image in response to the fourth operation, wherein the first image displays a first title and a first statement.

[0074] In some cases, the device 600 further includes: a fifth operation receiving module configured to receive a fifth operation, wherein the fifth operation is triggered in response to the first statement; and a second image module configured to display a second image, wherein the second image is used to depict the first statement.

[0075] In some cases, the second display module 630 may further include a third information module configured to display third information on the second interface, wherein the third information is a summary of the related content of the first statement in the first work.

[0076] In some cases, device 600 further includes: a list module configured to display a first list on a second interface, wherein the first list includes one or more statements, the one or more statements being statements in a first work; and a sixth operation module configured to display a third statement on the second interface in response to a sixth operation, wherein the third statement is a statement selected from the first list based on the sixth operation.

[0077] In some cases, the first interface and the second interface are displayed side by side.

[0078] In some cases, the second interface appears above the first interface.

[0079] The division of modules or units in each scenario is illustrative and represents only one logical functional division. In actual implementation, other division methods are possible. Furthermore, the functional units in each scenario can be integrated into one unit, exist as separate physical entities, or combine two or more units into one unit. The integrated units described above can be implemented in hardware or as software functional units.

[0080] Figure 7 A block diagram of electronic device 700 is shown. It should be understood that... Figure 7 The device 700 shown is merely an example and should not be construed as limiting the functionality and scope of the described implementation. For example, device 700 could correspond to... Figure 1A The user equipment described above can be used to perform the above-described... Figures 1A to 5 The process. For example, device 700 may correspond to the electronic device of the third aspect of the invention.

[0081] like Figure 7 As shown, device 700 is in the form of a general-purpose computing device. Components of device 700 may include, but are not limited to, one or more processors or processing units 710, memory 720, storage devices 730, one or more communication units 740, one or more input devices 750, and one or more output devices 760. Processing unit 710 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 720. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of device 700.

[0082] Device 700 typically includes multiple computer storage media. Such media can be any available media accessible to device 700, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 720 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof). Storage device 730 can be removable or non-removable media and may include machine-readable media, such as flash drives, disks, or any other media capable of storing information and / or data (e.g., training data for training) and accessible within device 700.

[0083] Device 700 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not specified in the original text... Figure 7 As shown, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks can be provided. In these cases, each drive can be connected to a bus (not shown) via one or more data media interfaces. Memory 720 may include computer program product 725 having one or more program modules configured to perform various methods or actions in various implementations.

[0084] The communication unit 740 enables communication with other computing devices via a communication medium. Additionally, the functionality of the components of device 700 can be implemented as a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, device 700 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network node.

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

[0086] Furthermore, a computer-readable storage medium is provided that stores computer-executable instructions thereon, wherein the computer-executable instructions are executed by a processor to implement the method described above. This computer-readable storage medium may be a non-transitory computer-readable storage medium. Furthermore, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, which are executed by a processor to implement the method described above. Additionally, a computer program product is provided that includes a computer program, which, when executed by a processor, implements the method described above.

[0087] This document describes various aspects of the scenarios with reference to flowcharts and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to the various scenarios. It should be understood that each block of the flowcharts and / or block diagrams, as well as combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

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

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

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

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

Claims

1. A method for interface interaction, comprising: Multiple works are displayed on a first interface, and a first statement is displayed at the associated position of the first work. The multiple works include the first work, and the first statement comes from the first work. Receive the first operation, which is triggered in response to the first statement; as well as The first statement and its context are displayed on the second interface, where the context is a statement in the first work that is associated with the first statement.

2. The method according to claim 1, further comprising: Display a first label and a second label, wherein the first label indicates the characteristics of the first statement; Receive a second operation, wherein the second operation is triggered in response to the second tag; as well as Display a second statement, which corresponds to the second label.

3. The method according to claim 2, wherein the first interface is used to display a ranking of multiple statements, the multiple statements being from the multiple works and corresponding to the first tag.

4. The method of claim 3, wherein the ranking further indicates the interaction data of the plurality of statements.

5. The method of claim 2, wherein displaying the first label and the second label comprises: In response to the selection of the first work, first information, the first tag, and the second tag are displayed on a third interface, wherein the first information is associated with the first work, and the third interface is used to display details of the first work.

6. The method according to claim 1, wherein displaying multiple works on a first interface and displaying a first statement at the associated position of the first work comprises: Receive input information; as well as Multiple components are displayed on the first interface; as well as The plurality of works are displayed in the plurality of components, and the first statement is displayed in a first component, wherein the plurality of components includes the first component, which is used to display the first work.

7. The method according to claim 1, further comprising: The second component is displayed on the second interface; Receive a third operation, wherein the third operation is directed to the second component; as well as Upon receiving the historical reading progress, the page corresponding to the historical reading progress is displayed.

8. The method according to claim 7, further comprising: In response to the failure to receive the historical reading progress, the beginning portion of the first work is displayed.

9. The method according to claim 1, wherein displaying the first statement and context on the second interface comprises: The first statement, the context, and the second information are displayed on the second interface, wherein the second information includes comments on the first statement.

10. The method according to claim 1, further comprising: The third component is displayed on the second interface; Receive a fourth operation, wherein the fourth operation is directed to the third component; as well as In response to the fourth operation, a first image is displayed, wherein the first image displays a first title and the first statement, the first title being the title of the first work.

11. The method of claim 1, further comprising: Receive a fifth operation, wherein the fifth operation is triggered in response to the first statement; as well as Display a second image, wherein the second image is used to depict the first statement.

12. The method of claim 1, wherein displaying the first statement and context on the second interface further comprises: The third information is displayed on the second interface, wherein the third information is a summary of the related content of the first statement in the first work.

13. The method according to claim 1, further comprising: A first list is displayed on the second interface, wherein the first list includes one or more statements, which are statements from the first work; In response to the sixth operation, a third statement is displayed on the second interface, wherein the third statement is a statement selected from the first list based on the sixth operation.

14. The method according to claim 1, wherein the first interface and the second interface are displayed side by side.

15. The method of claim 1, wherein the second interface is displayed above the first interface.

16. A device for interface interaction, comprising: The first display module is configured to display multiple works on a first interface and to display a first statement at an associated position of the first work, wherein the multiple works include the first work and the first statement comes from the first work; The first receiving module is configured to receive a first operation, which is triggered in response to the first statement; as well as The second display module is configured to display the first statement and its context on a second interface, wherein the context is a statement in the first work that is associated with the first statement.

17. An electronic device comprising: At least one processing unit; At least one memory coupled to the at least one processing unit and storing operations to be performed by the at least one processing unit, the operations causing the electronic device to perform the method according to any one of claims 1 to 15 when performed by the at least one processing unit.

18. A computer-readable storage medium having machine-executable instructions stored thereon, which, when executed by a device, cause the device to perform the method according to any one of claims 1-15.

19. A computer program product comprising a computer program that, when executed by a processor, implements the method according to any one of claims 1 to 15.

Images