Methods, apparatus, devices and media for interaction

Abstract

According to various embodiments of this disclosure, methods, apparatuses, devices, and storage media for interaction are provided. In the method, a target page is presented. The target page includes a navigation area and a content area. Content corresponding to a target item in the navigation area is presented in the content area in a first content layout. Further, in response to detecting a preset operation associated with the target page, content corresponding to the target item is presented in the content area in a second content layout. This second content layout differs from the first content layout. Furthermore, the item label corresponding to the target item in the navigation area is adjusted to indicate the switchable state of the second content layout. In this way, the functionality achievable by means of the navigation area can be expanded, and the difficulty for users to adapt to the expanded functionality is reduced, thereby improving user operating efficiency.

Description

Technical Field

[0001] The embodiments of this disclosure generally relate to the field of computers, and particularly to methods, apparatuses, devices and computer-readable storage media for interaction. Background Technology

[0002] With the rapid development of internet technology, various applications have become important tools in people's daily lives. Different applications often have different functions, and users can use applications with specific functions to achieve specific services.

[0003] To meet people's growing entertainment and work needs, applications are integrating more and more functions and providing more and more content. Therefore, applications typically have multiple pages to offer different content and functions. With multiple pages, a navigation area with multiple sections can be provided within the application to allow users to navigate between pages. Therefore, how to fully utilize the navigation area to provide richer interactive features has become a pressing issue. Summary of the Invention

[0004] In a first aspect of this disclosure, an interaction method is provided. In this method, a target page is presented. The target page includes a navigation area and a content area. Content corresponding to a target section in the navigation area is presented in the content area in a first content layout. Further, in response to detecting a preset operation associated with the target page, the content corresponding to the target section is presented in the content area in a second content layout. This second content layout differs from the first content layout. Furthermore, the section label corresponding to the target section in the navigation area is adjusted to indicate the toggleable state of the second content layout.

[0005] In a second aspect of this disclosure, an interactive apparatus is provided. The apparatus includes a first presentation module, a second presentation module, and an adjustment module. The first presentation module is configured to present a target page, which includes a navigation area and a content area, wherein content corresponding to a target item in the navigation area is presented in the content area in a first content layout. The second presentation module is configured to, in response to detecting a preset operation associated with the target page, present content corresponding to the target item in the content area in a second content layout, the second content layout being different from the first content layout. The adjustment module is configured to adjust the item label in the navigation area corresponding to the target item to indicate a switchable state of the second content layout.

[0006] In a third aspect of this disclosure, an electronic device is provided. The electronic 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, the instructions causing the electronic device to perform the method according to a first aspect of this disclosure when executed by the at least one processing unit.

[0007] In a fourth aspect of this disclosure, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, causes the processor to implement the method according to a first aspect of this disclosure.

[0008] It should be understood that the content described in this content section is not intended to limit the key or essential features of the embodiments of this disclosure, nor is it intended to restrict the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description

[0009] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. In the drawings, the same or similar reference numerals denote the same or similar elements, wherein:

[0010] Figure 1 A schematic diagram of an example environment in which embodiments of the present disclosure can be implemented is shown;

[0011] Figures 2A to 2E A schematic diagram illustrating examples of interactions according to some embodiments of the present disclosure is shown;

[0012] Figure 3 A flowchart of an interaction method according to some embodiments of the present disclosure is shown;

[0013] Figure 4 Block diagrams of example devices for interaction according to some embodiments of the present disclosure are shown; and

[0014] Figure 5 A block diagram of an apparatus in which one or more embodiments of the present disclosure may be implemented is shown. Detailed Implementation

[0015] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0016] In the description of embodiments of this disclosure, the term "comprising" and similar terms 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 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 also be included below. As used herein, the term "model" can represent the relationship between various data. For example, the above-mentioned relationship can be obtained based on various technical solutions that are currently known and / or will be developed in the future.

[0017] The term "in response to" as used in this document refers to a state in which a corresponding event occurs or a condition is satisfied. It will be understood that the timing of subsequent actions performed in response to an event or condition is not necessarily strongly correlated with the time when the event occurs or the condition is met. For example, in some cases, subsequent actions may be performed immediately upon the occurrence of the event or the fulfillment of the condition; while in others, they may be performed some time after the occurrence of the event or the fulfillment of the condition.

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

[0019] It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this disclosure through appropriate means in accordance with relevant laws and regulations, and user authorization should be obtained.

[0020] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the software or hardware, such as the electronic device, application, server, or storage medium performing the operations of this disclosed technical solution, based on the prompt message.

[0021] As an optional but non-limiting embodiment, in response to receiving a user's active request, a prompt message can be sent to the user, for example, via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose whether to "agree" or "disagree" to provide personal information to the electronic device.

[0022] It is understood that the above notification and user authorization acquisition process is merely illustrative and does not constitute a limitation on the embodiments of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the embodiments of this disclosure.

[0023] As briefly mentioned above, navigation areas often contain multiple sections to allow users to navigate between different pages within an application. In existing technical solutions, the functions and labels of each section within the navigation area are often fixed. For example, the "Home" section in an application's navigation area typically only displays the homepage corresponding to that application, and its label is always "Home." Therefore, the interactive functionality of the navigation area in existing solutions is limited to facilitating page navigation within the application. However, the navigation area often occupies a certain proportion of the user interface's display area, thus there is a desire to more fully utilize it to provide users with richer interactive features.

[0024] To address this, embodiments of this disclosure propose a scheme for extending the interactive functionality of columns in a navigation area. Specifically, according to the interactive scheme of embodiments of this disclosure, a target page including a navigation area and a content area is presented. Further, in response to detecting a preset operation, the layout of the content corresponding to the target column presented in the content area is changed, and the column label of the target column is adjusted to indicate the switchable state of the current content layout.

[0025] As will be more clearly understood from the following description, according to the embodiments of this disclosure, the content layout is changed in response to a preset operation, and the column label corresponding to the current column is adjusted to indicate the switchable state of the current content layout. In this way, on the one hand, the function of the columns in the navigation area can be expanded beyond page navigation to also be used to switch the layout used to present the content of the current column. In this way, the interactive functions achievable by means of the navigation area can be expanded without increasing the display area occupied by the navigation area in the user interface, thereby improving the user experience. On the other hand, by indicating the switchable state of the content layout in the adjusted column label of the current column, the user can be effectively prompted that the content layout can be changed by means of the control corresponding to the current column. In this way, the difficulty for users to adapt to the above-mentioned extended functions can be reduced, the ease with which users can switch content layouts can be improved, and user operation efficiency can be increased.

[0026] Example Environment

[0027] The following will describe in detail various example implementations of this scheme with reference to the accompanying drawings. First, see... Figure 1The illustration shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. In this example environment 100, an application 120 is installed on a terminal device 110. A user 140 can interact with the application 120 via the terminal device 110 and / or an attached device to the terminal device 110. Examples of applications 120 include, but are not limited to, content retrieval applications 120 (e.g., online video retrieval applications 120, online image and text retrieval applications 120), online shopping applications 120, and so on.

[0028] exist Figure 1 In the example environment 100, if application 120 is active, terminal device 110 can display page 150 of application 120. Page 150 may include various types of pages that application 120 can provide, such as content presentation pages, content creation pages, content publishing pages, message pages, personal homepages, etc. Application 120 can provide content viewing functionality to view various types of content published in application 120. Through the corresponding page 150, application 120 can provide online content such as media content to user 140. In the context of this disclosure, "media content" includes one or more types of content, such as images, image sets, videos, GIFs, audio, text, etc.

[0029] In some embodiments, terminal device 110 can communicate with server 130 to provide services to application 120. Terminal device 110 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, terminal device 110 can also support any type of interface for user 140 (such as "wearable" circuitry). Server 130 can be various types of computing systems / servers capable of providing computing power, including but not limited to mainframes, edge computing nodes, computing devices in cloud environments, etc.

[0030] According to some embodiments of this disclosure, terminal device 110 can present a page 150 including a navigation area and a content area. Further, in response to detecting a preset operation, terminal device 110 can change the layout of the content corresponding to a target section presented in the content area, and adjust the section label of the target section to indicate the switchable state of the current content layout. This will be discussed in conjunction with... Figures 2A to 2EFurther detailed description. It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of this disclosure.

[0031] Example Interaction

[0032] See below for reference Figures 2A to 2E To describe an outline of exemplary embodiments according to this disclosure. Figures 2A to 2E A schematic diagram illustrating interaction examples according to some embodiments of this disclosure is shown. It should be understood that... Figures 2A to 2E Page 150 shown is merely an example, and various designs are possible in practice. For instance, the various graphic elements and / or controls in page 150 may have different arrangements and different visual representations, one or more of these elements and / or controls may be omitted or replaced, and one or more other elements and / or controls may also be present. Furthermore, page 150 may contain any suitable content. The scope of this disclosure is not limited in this respect.

[0033] In some embodiments, the terminal device 110 presents a target page 150 including a navigation area and a content area. Content corresponding to the target section in the navigation area is presented in the content area using a first content layout. For example... Figure 2A As shown, the page 150 of application 120 presented by terminal device 110 may include two navigation areas 210-1 and 210-2 (hereinafter referred to individually or collectively as navigation area 210) and a content area 220. Figure 2A In the interaction example 201, the navigation area 210-1 is located at the bottom of page 150, the content area 220 is located in the middle of page 150, and the navigation area 210-2 is located at the top of page 150.

[0034] It should be understood that, Figure 2A The number and position of the navigation area 210 and content area 220 are merely exemplary. Page 150 may also include more content areas 220, or more or fewer navigation areas 210, and the content areas 220 and navigation areas 210 may also be located in any other suitable position within page 150, and the scope of this disclosure is not limited in this respect. For example, page 150 may also include only one navigation area 210, and the navigation area 210 may be presented in a floating manner at the right or left edge of the content area 220.

[0035] For ease of explanation, see below for reference. Figure 2A Navigation area 210-1 is described herein. It should be understood that the solutions according to the embodiments of this disclosure can also be applied to navigation area 210-2 and any other suitable navigation area. Figure 2AAs shown, navigation area 210-1 exemplarily includes five columns 230-1, 230-2, 230-3, 230-4, and 230-5 (hereinafter referred to individually or collectively as column 230). It should be understood that the number of columns 320 included in navigation area 210-1 can also be any other suitable number, such as three, four, etc.

[0036] like Figure 2A As shown, section 230-1 corresponds to the homepage of application 120, and its section label is the text "Homepage". This will be described in further detail below. Section 230-2 corresponds to the friends page of application 120, which can, for example, be used to display content associated with the user 140's friends in application 120. The label for section 230-2 is the text "Friends". Section 230-3 corresponds to the content creation page of application 120, which can, for example, be used to trigger the camera of terminal device 110 or access the media library in terminal device 110 for user 140 to create content. The label for section 230-3 is the symbol "+". Section 230-4 Corresponding to the message page of application 120, it can be used to display notifications, private messages, friend activity, etc., within application 120. The label for this section 230-4 is the text "Messages". Furthermore, section 230-5 corresponds to the personal homepage of application 120, which can be used to display, for example, the personal works of user 140, the social relationships between user 140 and other users, etc. The label for this section 230-5 is the text "Me". It should be understood that the sections and labels described above are merely exemplary, and the scope of this disclosure is not limited in this respect.

[0037] exist Figure 2A In the example, terminal device 110 is currently displaying the content of the "Recommended" sub-section of the homepage of application 120. It can be seen that only a single exemplary media content, namely a potted flower, is displayed in content area 220. In the context of this disclosure, the layout style of displaying a single media content in content area 220 can also be referred to as a sequential browsing mode. For ease of explanation, it will be referred to below as... Figure 2A The description uses column 230-1 as an example, corresponding to the target column. Therefore, the target column can be referred to as target column 230 or target column 230-1. It should be understood that the solutions according to the embodiments of this disclosure can also be applied to any other suitable column 230, and the scope of this disclosure is not limited in this respect.

[0038] In some embodiments, terminal device 110 can detect a preset operation associated with target page 150. This preset operation may, for example, be used to change (or switch) the content layout of content corresponding to target section 230. In one example, the preset operation may be a trigger operation on target section 230, such as a press operation. Target section 230 may, for example, include a toggle control for switching the layout style of content area 220. (See reference...) Figure 2A For example, a preset operation could be that user 140 presses the homepage section 230-1 with their hand. It should be understood that, depending on the implementation of the terminal device 110, the triggering operation for the target section 230 can also include any other suitable operation, such as mouse click, mouse double-click, mouse selection, mouse hover, finger touch, stylus touch, stylus press, etc. In another example, the preset operation could be a gesture operation on the target page 150 corresponding to the target direction. Examples of gesture operations include, but are not limited to: swiping left from the right edge of page 150, swiping right within page 150, holding a press for more than a predetermined time threshold (e.g., 3 seconds, 5 seconds, etc.), tapping with a knuckle, etc. In this way, user 140 can easily change the content layout, thereby improving operational efficiency and enhancing the user experience.

[0039] Alternatively, the preset operation can also be a specific movement of the terminal device 110 itself, such as a change in the orientation of the terminal device 110, a user 140 shaking the terminal device 110, etc. In some embodiments, the terminal device 110 can acquire its own motion information and detect the preset operation associated with the target page 150 based on this motion information. In one example, the terminal device 110 can acquire the orientation of the device using an orientation sensor. Figure 2A In the example, the orientation of terminal device 110 is vertical. The vertical orientation of terminal device 110 can also be referred to as portrait mode or portrait display mode. It should be understood that the orientation of terminal device 110 also includes any other suitable orientation, such as horizontal orientation. The horizontal orientation of terminal device 110 can also be referred to as landscape mode or landscape display mode. In another example, terminal device 110 can use an accelerometer and / or gyroscope to obtain motion information of the device, thereby determining whether user 140 is shaking terminal device 110. In this way, user 140 can perform content layout switching by moving terminal device 110, thereby enriching the means of interaction, further improving operational efficiency, and enhancing the user-friendliness of application 120. It should be understood that preset operations can also include any other suitable user operations, and the scope of this disclosure is not limited in this respect.

[0040] Furthermore, if a preset operation associated with the target page 150 is detected, the terminal device 110 presents the content corresponding to the target section 230 in the content area 220 using a second content layout. This second content layout differs from the first content layout. In other words, the terminal device 110 will change (i.e., switch) the layout of the content corresponding to the target section 230 in the content area 220. (See reference...) Figure 2B In response to detecting the preset operation mentioned above, terminal device 110 can present multiple media contents in columns in content area 220. Figure 2B In the example, terminal device 110 presents previews of all or part of six media content items in an interleaved manner across two columns. In the context of this disclosure, the layout style of presenting multiple media content items in two columns within content area 220 can also be referred to as a two-column browsing mode. It should be understood that terminal device 110 can also present multiple media content items in one or more columns (e.g., three, four, etc.), and the media content items in different columns can be aligned rather than interleaved. The scope of this disclosure is not limited in this respect.

[0041] Furthermore, terminal device 110 can also present multiple media contents in content area 220 using any other suitable content layout. For example, terminal device 110 can also present multiple media contents in rows within content area 220. For instance, terminal device 110 can present multiple media contents in one, two, or more rows with any suitable alignment. In the context of this disclosure, the layout style of presenting multiple media contents in two rows within content area 220 can also be referred to as a two-line browsing mode. In this way, the content layout styles available to user 140 can be enriched, thereby meeting the different preferences or needs of different users 140, and further improving the user experience.

[0042] In some embodiments, the number of columns (or rows) and alignment may depend on the orientation of the terminal device 110. For example, in Figure 2B In the portrait mode shown, terminal device 110 can present multiple media contents in an alternating manner across two columns. In landscape mode (not shown), terminal device 110 can present multiple media contents in mutually aligned columns across three or four columns. This allows the content layout to better adapt to the current orientation of terminal device 110, thereby providing a better browsing experience for user 140.

[0043] Further, the terminal device 110 adjusts the column label in the navigation area 210 corresponding to the target column 230 to indicate the switchable state of the second content layout. In some embodiments, the column label may present descriptive information and / or a toggle symbol. The descriptive information is used to describe the switchable state of the content layout in the target column or content area. The toggle symbol indicates the switchable state of the content layout in the content area. The column label will be described in further detail below.

[0044] In some embodiments, the adjusted column labels may present: descriptive information describing the switchable state of the second content layout, and / or a toggle symbol indicating the switchable state of the second content layout. In the context of this disclosure, a switchable state may refer to a state where content in content area 220 can be switched from the current layout to another different layout.

[0045] In some embodiments, the switchable state of the second content layout may include, for example, switching back from the second content layout to the first content layout. Figure 2B In interaction example 201, the label of section 230-1 is adjusted to display the text "Return". This descriptive information prompts the user 140 that the content layout can be switched back from the current two-column browsing mode to the initial sequential browsing mode (e.g., ...). Figure 2A (As shown in the image). In this way, the user 140 is clearly informed of the switchable state of the current layout. The adjusted label of section 230-1 also displays a toggle symbol "<", which further reinforces to the user 140 in a symbolic form that section 230-1 can be used to return to the previous content layout. In addition, section 230-1 also presents a more prominent button shape, thereby further reinforcing to the user 140 that section 230-1 can be used to return to the previous content layout.

[0046] In other embodiments, the switchable state of the second content layout may include, for example, switching from the second content layout to a third content layout. This third content layout differs from the first and second content layouts. Figure 2C In interaction example 202, the label of section 230-1 is adjusted to display the text "Toggle," indicating to user 140 that the content layout can be switched from the current two-column browsing mode to the next layout style (e.g., two-line browsing mode). This clearly informs user 140 of the switchable state of the current layout. The adjusted label of section 230-1 also displays the toggle symbol "..." This symbolically reinforces to user 140 that they can switch to more different layout styles by triggering section 230-1. In addition, section 230-1 also presents a more obvious button shape in appearance, thereby further reinforcing to user 140 that they can switch content layouts by triggering section 230-1.

[0047] In this way, on the one hand, the function of the section 230-1 in the navigation area 210-1 can be expanded beyond page navigation to also change the layout style in the content area 220. In this way, the interactive functions achievable through the navigation area 210-1 can be expanded without increasing the display area occupied by the navigation area 210-1 in the user interface, thereby improving the user experience. On the other hand, users 140 can be taught to switch content layouts using the section 230-1, effectively preventing users 140 from exiting the application 120 due to not knowing how to switch layouts, thus reducing the difficulty for users 140 in using the application 120 and improving the user experience.

[0048] In some embodiments, the terminal device 110 may utilize dynamic visual effects to present adjustments to column labels. Figure 2C In the example, the adjusted label content for section 230-1 is "Switch". "For example, it can fly into the button area from right to left. Other examples of dynamic visual effects include, but are not limited to, appearing as blinds, random lines, or flipping, etc. Additionally or alternatively, the terminal device 110 can also prominently display the adjusted column labels, for example, by highlighting them, filling the area of ​​the target column 230 with a background of a specific color or shape, etc. In this way, the user 140 can notice the adjustment of the column labels, so as to more effectively convey to the user 140 the switchable state of the current content layout and guide the user 140 to switch the content layout by operating the target column 230, thereby further improving the user 140's user experience."

[0049] In some embodiments, in response to another triggered operation on target section 230, terminal device 110 may also present all available content layout styles for user 140 to select. Figure 2DIn the interactive example 203, the adjusted label of column 230-1 displays the text "Switch," indicating to user 140 that the content layout can be switched from the current two-column browsing mode to the next layout style (e.g., two-line browsing mode). Furthermore, the adjusted label of column 230-1 also displays the toggle symbol "^," symbolically indicating to user 140 that all available content layout styles can be accessed by manipulating column 230-1. In response to user 140, for example, by long-pressing the control corresponding to column 230-1, terminal device 110 may display a submenu 240 on page 150. This submenu 240 presents all available content layout styles to user 140 in a list format, namely, sequential browsing mode, two-column browsing mode, and two-line browsing mode. It should be understood that available content layout styles may also include any other suitable layout styles (e.g., single-column browsing mode, three-line browsing mode, etc.). Furthermore, submenus may be presented in any other suitable form, and the scope of this disclosure is not limited in this respect.

[0050] In this way, user 140 can directly select the desired style from all available content layout styles without having to switch between them one by one, thus making it easier for user 140 to select content layout styles and further improving user 140's operating efficiency.

[0051] In some embodiments, the information contained in the original column label may differ from the information contained in the adjusted column label. For example, the terminal device 110 may present descriptive information describing the target column 230 in the original column label. Alternatively or additionally, the terminal device 110 may present a toggle character indicating a switchable state of the first content layout in the original column label. (See reference...) Figure 2A The label for section 230-1 includes the text "Homepage," indicating to user 140 that section 230-1 corresponds to the homepage of application 120. Furthermore, the label for section 230-1 also displays a toggle symbol. This symbolically indicates to user 140 that the content layout can be switched by operating column 230-1. In this way, while providing column information, it can more intuitively prompt user 140 about the switchable status of the content layout, thereby guiding user 140 to try different content layout styles to obtain the best browsing experience.

[0052] It should be understood that the content of the column labels mentioned above is exemplary and not restrictive. Column labels may also include any other suitable content, such as icons, images, etc. The scope of this disclosure is not limited in this respect.

[0053] In some embodiments, when multiple media contents are presented in a multi-column format, in response to a control operation associated with one of the columns, the terminal device 110 can control that column in a manner different from the other columns to achieve the effect corresponding to that control operation. (See reference...) Figure 2E In the interaction example 204 shown, terminal device 110 presents multiple media contents in two columns (i.e., columns 250 and 251). Upon detecting that user 140 swipes upwards with a finger in the area corresponding to column 251, terminal device 110 may, for example, update the media content presented in column 251 by scrolling upwards, while keeping the media content presented in column 250 unchanged, i.e., no corresponding scrolling occurs. In this example, control of column 251 is independent of the other columns in content area 220 (i.e., column 250). Alternatively, terminal device 110 may update the media content presented in column 251 by scrolling upwards at a first speed, while simultaneously updating the media content presented in column 250 by scrolling upwards at a second speed. The second speed may be greater than or less than the first speed. Yet another example is that terminal device 110 may update the media content presented in column 251 by scrolling upwards, while updating the media content presented in column 250 by scrolling downwards.

[0054] For example, when user 140 is detected to perform a zoom-in gesture (e.g., opening and closing two fingers) in the area corresponding to column 251 (not shown), terminal device 110 may, for example, correspondingly zoom in on the media content presented in column 251 while keeping the media content presented in column 250 unchanged, i.e., without scaling. In this example, control over column 251 is independent of the other columns in content area 220 (i.e., column 250). As another example, terminal device 110 may zoom in on the media content presented in column 251 at a first ratio and zoom in on the media content presented in column 250 at a second ratio. The second ratio may be greater than or less than the first ratio. Also, for example, terminal device 110 may zoom in on the media content presented in column 251 while shrinking the media content presented in column 250. It should be understood that the control operations and effects described above are merely exemplary and not limiting. The scope of this disclosure is not limited in this respect.

[0055] Alternatively or additionally, when multiple media contents are presented in a multi-line format, in response to a control operation associated with one of the lines, the terminal device 110 can control that line in a manner different from the other lines in the multi-line format to achieve the effect corresponding to that control operation. This can be achieved in a manner similar to that described above for multiple columns, and therefore will not be repeated here.

[0056] In this way, on the one hand, users 140 can be provided with more diversified interaction methods, thereby improving their interaction experience and browsing efficiency. On the other hand, when the control of one column (or row) in a multi-column (or row) is independent of the other columns (or rows), users 140 can have more precise control over the content presented in the content area 220, thereby further improving their operational efficiency and enhancing their user experience.

[0057] Through the above combination Figure 1 and Figures 2A to 2E As can be seen from the description, in the interaction schemes according to the various embodiments of this disclosure, a target page including a navigation area and a content area is presented. Further, in response to detecting a preset operation, the layout of the content corresponding to the target column presented in the content area is changed, and the column label of the target column is adjusted to indicate the switchable state of the current content layout.

[0058] In this way, on the one hand, the functionality of the navigation area can be expanded beyond page navigation to include switching the layout used to display the current section's content. This expands the interactive functions achievable through the navigation area without increasing its display area in the user interface, thus improving the user experience. On the other hand, by indicating the switchable state of the content layout in the adjusted section label, users are effectively prompted to switch the content layout using the corresponding controls. This reduces the difficulty for users to adapt to the expanded functionality, increases the ease with which they can switch content layouts, and ultimately improves user efficiency.

[0059] Example Method

[0060] Figure 3 A flowchart of an interaction method 300 according to some embodiments of the present disclosure is shown. In some embodiments, method 300 can be performed as follows: Figure 1 The method is executed at the terminal device 110 shown. It should be understood that method 300 may also include additional boxes not shown and / or some (or some) of the boxes shown may be omitted, and the scope of this disclosure is not limited in this respect.

[0061] At box 302, the target page is presented. This target page includes a navigation area and a content area. The content corresponding to the target section in the navigation area is presented in the content area using a first content layout. At box 304, in response to detecting a preset operation associated with the target page, the content corresponding to the target section is presented in the content area using a second content layout. This second content layout differs from the first content layout. At box 306, the section label corresponding to the target section in the navigation area is adjusted to indicate the toggleable state of the second content layout.

[0062] In some embodiments, the switchable states of the second content layout include: switching back to the first content layout from the second content layout, or switching to the third content layout from the second content layout, wherein the third content layout is different from the first content layout and the second content layout.

[0063] In some embodiments, the column label presents at least one of the following: descriptive information, which describes the switchable state of the content layout in the target column or content area; and a toggle symbol, which indicates the switchable state of the content layout in the content area.

[0064] In some embodiments, adjustments to column labels are presented using dynamic visual effects.

[0065] In some embodiments, the preset operation includes: a trigger operation for a target column, or a gesture operation on the target page corresponding to the target direction.

[0066] In some embodiments, method 300 further includes: acquiring motion information of an electronic device for presenting a target page; and detecting a preset operation associated with the target page based on the motion information.

[0067] In some embodiments, the target section includes a switching control for switching the content layout of the content corresponding to the target section.

[0068] In some embodiments, the second content layout indicates that multiple media contents are presented in rows or columns within a content area.

[0069] In some embodiments, the second content layout also indicates that multiple media contents are presented as multiple rows or columns in the content area.

[0070] In some embodiments, the first content layout indicates that a single media content is presented in the content area.

[0071] Example devices and equipment

[0072] Embodiments of this disclosure also provide corresponding apparatus and devices for implementing the above methods or processes. Figure 4A block diagram of an example device 400 for interaction according to some embodiments of the present disclosure is shown. The device 400 can, for example, be used to implement methods according to various embodiments of the present disclosure. The device 400 may include a first presentation module 402, a second presentation module 404, and an adjustment module 406. The first presentation module 402 is configured to present a target page, including a navigation area and a content area, wherein content corresponding to a target item in the navigation area is presented in the content area in a first content layout. The second presentation module 404 is configured to, in response to detecting a preset operation associated with the target page, present content corresponding to the target item in the content area in a second content layout, different from the first content layout. The adjustment module 406 is configured to adjust the item label in the navigation area corresponding to the target item to indicate a switchable state of the second content layout.

[0073] In some embodiments, the switchable states of the second content layout include: switching back to the first content layout from the second content layout, or switching to the third content layout from the second content layout, wherein the third content layout is different from the first content layout and the second content layout.

[0074] In some embodiments, the column label presents at least one of the following: descriptive information, which describes the switchable state of the content layout in the target column or content area; and a toggle symbol, which indicates the switchable state of the content layout in the content area.

[0075] In some embodiments, adjustments to column labels are presented using dynamic visual effects.

[0076] In some embodiments, the preset operation includes: a trigger operation for a target column, or a gesture operation on the target page corresponding to the target direction.

[0077] In some embodiments, the apparatus 400 further includes an acquisition module and a detection module. The acquisition module is configured to acquire motion information of the electronic device used to present the target page. The detection module is configured to detect a preset operation associated with the target page based on the motion information.

[0078] In some embodiments, the target section includes a switching control for switching the content layout of the content corresponding to the target section.

[0079] In some embodiments, the second content layout indicates that multiple media contents are presented in rows or columns within a content area.

[0080] In some embodiments, the second content layout also indicates that multiple media contents are presented as multiple rows or columns in the content area.

[0081] In some embodiments, the first content layout indicates that a single media content is presented in the content area.

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

[0083] Figure 4 The modules and / or units shown can be implemented, in part or in whole, as hardware modules, software modules, firmware modules, or any combination thereof. In particular, in some embodiments, the processes, methods, or procedures described above can be implemented by hardware in a storage system, a host corresponding to the storage system, or other computing devices independent of the storage system.

[0084] Figure 5 A block diagram of a device 500 in which one or more embodiments of the present disclosure may be implemented is shown. It should be understood that... Figure 5 The electronic device 500 shown is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. Figure 5 The electronic device 500 shown can be used to achieve Figure 1 The terminal device 110 shown and / or the method described above.

[0085] like Figure 5 As shown, electronic device 500 is in the form of a general-purpose electronic device. Components of electronic device 500 may include, but are not limited to, one or more processors or processing units 510, memory 520, storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. Processing unit 510 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 520. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of electronic device 500.

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

[0087] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not explicitly stated... Figure 5 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 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various implementations of this disclosure.

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

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

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

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

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

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

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

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

Claims

1. An interaction method, comprising: A target page is presented, the target page including a navigation area and a content area, and the content corresponding to the target column in the navigation area is presented in the content area in a first content layout; In response to detecting a preset operation associated with the target page, the content corresponding to the target column is presented in the content area in a second content layout, the second content layout being different from the first content layout; as well as Adjust the presentation content of the column label corresponding to the target column in the navigation area to indicate the switchable state of the second content layout, wherein the presentation content includes at least one of the following: Description information, which describes the switchable state of the content layout in the target column or the content area. A toggle character, which indicates the switchable state of the content layout in the content area.

2. The method of claim 1, wherein the switchable state of the second content layout includes: Switch back to the first content layout from the second content layout, or Switch from the second content layout to the third content layout, which is different from the first and second content layouts.

3. The method of claim 1, wherein the adjustment of the column label is presented using dynamic visual effects.

4. The method according to claim 1, wherein the preset operation includes: The trigger operation is directed to the target section, or the gesture operation on the target page is directed to the target direction.

5. The method according to claim 1, further comprising: Obtain motion information of the electronic device used to display the target page; as well as Based on the motion information, the preset operation associated with the target page is detected.

6. The method according to claim 1, wherein the target column includes a switching control for switching the content layout of the content corresponding to the target column.

7. The method of claim 1, wherein the second content layout indicates that multiple media contents are presented in rows or columns in the content area.

8. The method of claim 7, wherein the second content layout further indicates that the plurality of media content is presented as multiple rows or columns in the content area.

9. The method according to any one of claims 1 to 8, wherein the first content layout indicates that a single media content is presented in the content area.

10. A device for interaction, comprising: The first presentation module is configured to present a target page, the target page including a navigation area and a content area, and the content corresponding to the target column in the navigation area is presented in the content area in a first content layout. The second presentation module is configured to: in response to detecting a preset operation associated with the target page, present the content corresponding to the target column in the content area in a second content layout, wherein the second content layout is different from the first content layout; as well as The adjustment module is configured to: adjust the presentation content of the column label corresponding to the target column in the navigation area to indicate the switchable state of the second content layout, wherein the presentation content includes at least one of the following: Description information, which describes the switchable state of the content layout in the target column or the content area. A toggle character, which indicates the switchable state of the content layout in the content area.

11. 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, which, when executed by the at least one processing unit, cause the electronic device to perform the method according to any one of claims 1 to 9.

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

Images