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

Abstract

The embodiments of the present disclosure relate to a method and apparatus for interface interaction, and a device and a storage medium. The method provided in the present disclosure comprises: displaying image content of a work in a first interface; on the basis of a received interaction operation, moving the image content in the first interface; in response to the interaction operation continuing until a first trigger condition is met, displaying in the first interface an interface indicator element corresponding to a second interface; and in response to an end state of the interaction operation meeting a second trigger condition, switching to display the second interface corresponding to the interface indicator element. In this way, the embodiments of the present disclosure can improve the efficiency of interface switching.

Description

A method, apparatus, device, and storage medium for user interface interaction Technical Field

[0001] The exemplary embodiments disclosed herein generally relate to the field of computers, and particularly to an interface interaction method, apparatus, device, and computer-readable storage medium. Background Technology

[0002] In recent years, with the development of the internet, more and more people are viewing content on online platforms. For example, people use media platforms to view various media works. However, when users view media works on traditional media platforms, the traditional interactive methods are prone to errors, leading to unexpected interface transitions.

[0003] Summary of the Invention

[0004] In a first aspect of this disclosure, a user interface interaction method is provided, comprising: displaying image content of an artwork in a first interface; moving the image content in the first interface based on a received interaction operation; displaying an interface indicator element corresponding to a second interface in the first interface in response to the interaction operation continuing until a first trigger condition is met; and switching to displaying the second interface corresponding to the interface indicator element in response to the end state of the interaction operation meeting a second trigger condition.

[0005] In a second aspect of this disclosure, an apparatus for interface interaction is provided. The apparatus includes: a first presentation module configured to display image content of an artwork in a first interface; a processing module configured to move the image content in the first interface based on a received interactive operation; a second presentation module configured to display an interface indicator element corresponding to a second interface in the first interface in response to the interactive operation continuing until a first trigger condition is met; and a switching module configured to switch to displaying the second interface corresponding to the interface indicator element in response to the end state of the interactive operation meeting the second trigger condition.

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

[0007] In a fourth aspect of this disclosure, a computer-readable storage medium is provided. The computer-readable storage medium stores a computer program that can be executed by a processor to implement the method of the first aspect.

[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 shows a schematic diagram of an example environment capable of real-time implementation of some embodiments of this disclosure;

[0011] Figures 2A to 2F illustrate example interfaces according to some embodiments of the present disclosure;

[0012] Figures 3A to 3D illustrate example interfaces according to further embodiments of the present disclosure;

[0013] Figure 4 shows a flowchart of an example process of interface interaction according to some embodiments of the present disclosure;

[0014] Figure 5 shows a schematic structural block diagram of an example device for interface interaction according to some embodiments of the present disclosure; and

[0015] Figure 6 shows a block diagram of an electronic device capable of implementing several embodiments of the present disclosure. Detailed Implementation

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

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

[0018] 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. The terms "first", "second", etc., may refer to different or the same objects. Other explicit and implicit definitions may also be included below.

[0019] The embodiments of this disclosure may involve user data, data acquisition, and / or use. All of these aspects comply with applicable laws, regulations, and relevant provisions. In the embodiments of this disclosure, all data collection, acquisition, processing, manipulation, forwarding, and use are conducted with the user's knowledge and confirmation. Accordingly, in implementing the embodiments of this disclosure, the type, scope of use, and usage scenarios of any data or information that may be involved should be communicated to the user and their authorization obtained in accordance with relevant laws and regulations through appropriate means. The specific methods of notification and / or authorization may vary depending on the actual situation and application scenario, and the scope of this disclosure is not limited in this respect.

[0020] In this specification and the embodiments, any processing of personal information will be carried out only under the premise of legality (such as obtaining the consent of the personal information subject, or being necessary for the performance of a contract), and will only be carried out within the scope stipulated or agreed upon. A user's refusal to process personal information other than that necessary for basic functions will not affect the user's use of basic functions.

[0021] As briefly mentioned above, with the development of the internet, more and more people are viewing content on online platforms. For example, people use media platforms to view various media works. However, traditional methods are prone to errors, leading to unexpected interface transitions.

[0022] Embodiments of this disclosure propose a scheme for interface interaction. According to the scheme, an image of a work can be displayed on a first interface; based on a received interactive operation, the target image content can be moved on the first interface; in response to the interactive operation continuing until a first trigger condition is met, an interface indicator element corresponding to a second interface can be displayed on the first interface; and in response to the end state of the interactive operation meeting a second trigger condition, the display can switch to the second interface corresponding to the interface indicator element.

[0023] In this way, embodiments of this disclosure can present interface indicator elements that guide users to switch interfaces when they interact with the work, thereby guiding users to switch between interfaces and reducing the probability of accidental operation. In this way, embodiments of this disclosure can provide users with more information elements during interactive operations, thereby improving information utilization. Furthermore, this disclosure can improve the accuracy of interface switching and the user's interactive experience based on the provided information elements.

[0024] The following section provides a detailed description of various example implementations of this scheme, with reference to the accompanying drawings.

[0025] Example Environment

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

[0027] In this example environment 100, electronic device 110 may run an application 120 that supports user interface interaction. Application 120 may be any suitable type of application for user interface interaction, and examples may include, but are not limited to, video applications, social applications, or other suitable applications. User 140 may interact with application 120 via electronic device 110 and / or its attached devices.

[0028] In environment 100 of Figure 1, if application 120 is active, electronic device 110 can use application 120 to present interface 150 for supporting interface interaction.

[0029] In some embodiments, electronic device 110 communicates with server 130 to provide services to application 120. Electronic 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, handheld computers, portable gaming terminals, VR / AR devices, 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, electronic device 110 can also support any type of user-facing interface (such as "wearable" circuitry).

[0030] Server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing 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, content delivery networks, and big data and artificial intelligence platforms. Server 130 may include, for example, computing systems / servers such as mainframes, edge computing nodes, computing devices in a cloud environment, etc. Server 130 can provide backend services for applications 120 that support virtual scenarios in electronic devices 110.

[0031] A communication connection can be established between server 130 and electronic device 110. This communication connection can be established via wired or wireless means. The communication connection may include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus (USB), and Wireless Fidelity (WiFi) connections; the embodiments of this disclosure are not limited in this respect. In the embodiments of this disclosure, server 130 and electronic device 110 can achieve signaling interaction through the communication connection between them.

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

[0033] The following description will continue with reference to the accompanying drawings, which will provide some exemplary embodiments of this disclosure.

[0034] Example Interaction

[0035] Figures 2A to 2F illustrate example interfaces 200A to 200F according to some embodiments of the present disclosure. Interfaces 200A to 200F may be provided, for example, by the electronic device 110 shown in Figure 1.

[0036] In some embodiments, as shown in FIG2A, the electronic device 110 can present a first interface 200A using work data downloaded from a server. The electronic device 110 can display the image content 205 of the work (i.e., play the work) on the first interface 200A. As an example, the type of work can be video, text / image, etc. As an example, the work may include, for example, a video or multiple images.

[0037] In some embodiments, as shown in FIG2B, the electronic device 110 moves image content in a first interface 200B based on the received interactive operation (for example, the direction indicated by arrow 206 in FIG2B can indicate the direction of movement of the image content).

[0038] In some embodiments, continuing to refer to FIG2B, the work can be video content, and the electronic device 110 can pause or resume playing the video content during the process of moving the image content based on the received interactive operation.

[0039] In some embodiments, continuing to refer to FIG2B, the electronic device 110 may, based on the received interactive operation, pause the playback of background music or mute the background music while moving the image content.

[0040] In some embodiments, continuing to refer to FIG2B, the electronic device 110 may present at least one interface element in the first interface 200B.

[0041] In some embodiments, continuing to refer to FIG2B, at least one interface element may include a first interface element 220 associated with the text content of the work. As an example, as shown in FIG2B, the first interface element associated with the text content of the work may include, for example, the work title, a brief description of the work, the author's name, etc.

[0042] In some embodiments, continuing to refer to FIG2B, at least one interface element may include a second interface element 225 for interacting with the work. As an example, the second interface element may include, for example, a set of interactive controls associated with the work. As an example, the set of interactive controls 225 may include, for example, a like control, a comment control, a favorite control, and / or a share control, etc.

[0043] In some embodiments, continuing to refer to FIG2B, the electronic device 110 may adjust the visibility of at least one interface element in the first interface based on a received interactive operation, without changing the position of at least one interface element. As an example, the electronic device 110 may adjust the transparency of the first interface element 220 (e.g., reduce transparency) based on a received interactive operation. As an example, the electronic device 110 may stop displaying the second interface element 225 in the first interface 200B based on a received interactive operation (e.g., adjust the second interface element 225 to be invisible).

[0044] In some embodiments, continuing to refer to FIG2B, the electronic device 110 may display an interaction indicator element 210 in a first interface 200B before the interaction operation satisfies the first trigger condition. The interaction indicator element 210 is used to guide the interaction operation. The second indicator element 210 may guide the user to continue the interaction operation, so that the interaction operation continues until the first trigger condition is met.

[0045] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may stop presenting the interactive indicator element 210 in response to the interaction continuing until a first trigger condition is met.

[0046] In some embodiments, continuing to refer to FIG2C, the interactive operation can be a sliding operation, and the interactive indicator element 210 can indicate a preset sliding direction. As an example, the interactive operation continuing until the first triggering condition is met may include the sliding distance of the sliding operation in the sliding direction (e.g., the direction indicated by the first arrow 206) satisfying a first threshold. As an example, the first threshold can be determined by related technologies, and this disclosure is not intended to limit the specific value of the first threshold.

[0047] In some embodiments, as shown in FIG2C, the electronic device 110 may, in response to the interaction continuing until a first trigger condition is met, display an interface indicator element 215 corresponding to the second interface in the first interface 200C.

[0048] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may, in response to the image content 205 currently displayed in the first interface satisfying a preset condition, display an interface indicator element 215 corresponding to the second interface in the first interface 200C. As an example, as shown in FIG2C, the interface indicator element 215 may be an indicator element corresponding to the details page of the work.

[0049] In some embodiments, a work may include multiple images, and a preset condition includes that the currently displayed image content is the last image among the multiple images. For example, the preset condition satisfied by the currently displayed image content 205 is that the currently displayed image content is the last image content in the work. For example, if the currently displayed image content is not the last image content in the work, the electronic device 110 may, based on a received interactive operation, move the currently displayed image content and present the next image content in the work.

[0050] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may, in response to a first trigger condition being met and a second trigger condition not being met, display an interface indicator element 215 corresponding to the second interface in a first style on the first interface 200C. As an example, as shown in FIG2C, the first style corresponding to the interface indicator element 215 may, for example, correspond to a background fill of a first color to indicate that the second trigger condition has not been met.

[0051] In some embodiments, as shown in FIG2D, the electronic device 110 may adjust the interface indicator element 215 to a second style in response to the interaction continuing until a second trigger condition is met, to indicate that the second trigger condition has been met. As an example, the interaction continuing until the second trigger condition is met may include a sliding operation where the sliding distance in the sliding direction (e.g., the direction indicated by the first arrow 206) meets a second threshold. The second threshold is greater than the first threshold. As an example, the second threshold may be determined by related technologies, and this disclosure is not intended to limit the specific value of the second threshold. As an example, as shown in FIG2D, the second style corresponding to the interface indicator element 215 may, for example, correspond to a background fill of a second color, to indicate that the second trigger condition has been met.

[0052] In some embodiments, continuing to refer to FIG2D, the element content of the interface indicator element 215 (i.e., the content presented by the interface indicator element 215 in the first interface 200D (e.g., including pattern shape, color, etc.)) is determined based on the type of the second interface.

[0053] In some embodiments, the second interface may include: a details page of the work, or a personal page of the user associated with the work.

[0054] In some embodiments, as shown in FIG2E, the electronic device 110 may, in response to the completion of the interactive operation satisfying the second trigger condition, present a transition animation switching from the first interface 200E to the second interface 200F. As an example, the transition animation may dynamically show the process of the first interface 200E decreasing in the display ratio on the electronic device 110, the second interface 200F increasing in the display ratio on the electronic device 110, until the second interface 200F is fully displayed on the electronic device 110.

[0055] In some embodiments, as shown in FIG2F, the electronic device 110 may switch to displaying a second interface 200F corresponding to the interface indicator element in response to the completion state of the interactive operation satisfying a second trigger condition. As an example, the second interface 200F may be a details page of the work. As an example, the electronic device 110 may provide image content of the work, as well as detailed text content associated with the work, in the second interface 200F.

[0056] In some embodiments, detailed text content may include the complete text content of the work, tag content, and / or comment content of the work. For example, the complete text content of the work may include the title of the work, the author's name, a description of the work, etc. For example, the comment content of the work may include comments related to the work posted by other users (different from the author of the work) and the time of the comments, etc.

[0057] In some embodiments, continuing to refer to FIG2D, the end state of the interactive operation satisfying the second triggering condition includes: the sliding distance of the sliding operation in the sliding direction satisfies a third threshold, and the third threshold is greater than the first threshold. As an example, the third threshold may be greater than or equal to the second threshold. This disclosure is not intended to limit the specific value of the third threshold.

[0058] In some embodiments, continuing to refer to FIG2D, the electronic device 110 may move the image content 205 to a preset position in the first interface 200D (e.g., the original display position of the image content 205 in FIG2A) in response to the fact that the end state of the interactive operation has not met the second trigger condition.

[0059] Figures 3A to 3D illustrate example interfaces 300A to 300D according to some embodiments of the present disclosure. Interfaces 300A to 300D may be provided, for example, by the electronic device 110 shown in Figure 1.

[0060] In some embodiments, as shown in FIG3A, the electronic device 110 can present a third interface 300A based on work data downloaded from a server. As an example, the third interface 300A may be a playback page of the work, which can display the image content of the work.

[0061] In some embodiments, continuing to refer to FIG3A, the electronic device 110 may, in response to the interaction continuing until a first trigger condition is met and a second trigger condition is not met, display a second interface indicator element 315 corresponding to the fourth interface in a third style on the third interface 300A. In some embodiments, as shown in FIG3A, the fourth interface may be a user's personal display page associated with the work, and the fourth interface indicator element 315 may be an indicator element corresponding to the personal display page. As an example, as shown in FIG3A, the background in the third style corresponding to the second interface indicator element 315 may be white. As an example, the interaction continuing until the first trigger condition is met may include a swipe operation in which the swipe distance in the swipe direction (e.g., the direction indicated by the second arrow 310) meets a fourth threshold. This disclosure is not intended to limit the specific value of the fourth threshold.

[0062] In some embodiments, as shown in FIG3B, the electronic device 110 may, in response to an interactive operation continuing until a second trigger condition is met, display a second interface indicator element 315 corresponding to the fourth interface in a fourth style on the third interface 300B. As an example, as shown in FIG3B, the background in the fourth style corresponding to the second interface indicator element 315 may be a non-white background. As an example, the interactive operation continuing until the second trigger condition is met may include a sliding operation where the sliding distance in the sliding direction (e.g., the direction indicated by the second arrow 310) meets a fifth threshold. The fifth threshold is greater than the fourth threshold. This disclosure is not intended to limit the specific value of the fifth threshold.

[0063] In some embodiments, as shown in FIG3C, the electronic device 110 may, in response to the completion of the interactive operation satisfying the second trigger condition, present a transition animation switching from the third interface 300C to the fourth interface 300D. As an example, the transition animation may dynamically show the process of the third interface 300C decreasing in the presentation ratio on the electronic device 110, the fourth interface 300D increasing in the presentation ratio on the electronic device 110, until the fourth interface 300D is fully presented on the electronic device 110.

[0064] In some embodiments, as shown in FIG3D, the electronic device 110 may switch to displaying a fourth interface 300D corresponding to the interface indicator element in response to the completion state of the interactive operation satisfying a second trigger condition. As an example, the fourth interface 300D may be a personal page of a user associated with a work. As an example, the electronic device 110 may provide personal introduction information of the user associated with the work, multiple works, and other relevant information in the fourth interface 300D.

[0065] Based on the process described above, the embodiments of this disclosure can, upon receiving a user's interactive operation, present interface indicator elements corresponding to the details page or personal showcase page associated with the work. Furthermore, these interface indicator elements can guide the user to switch from the work's playback page to the details page or personal showcase page, and simultaneously adjust the display style of text content and / or interactive components based on the interactive operation, enhancing the guidance effect and preventing user misoperation.

[0066] In this way, this disclosure can provide users with more information elements during interactive operations, thereby improving the utilization rate of information elements. Therefore, by providing information elements, users can perceive that they can switch to the corresponding interface based on interactive operations, thereby improving the accuracy of interface switching and avoiding accidental operations. Furthermore, this disclosure can improve the display efficiency of the work's details page or the user's personal page and the user's interactive experience.

[0067] Example process

[0068] Figure 4 illustrates a flowchart of an example process 400 of interface interaction according to some embodiments of the present disclosure. Process 400 can be implemented at electronic device 110. Process 400 will now be described with reference to Figure 1.

[0069] As shown in the figure, in box 410, electronic device 110 displays the image content of the work on the first interface.

[0070] In box 420, electronic device 110 moves image content in the first interface based on the received interactive operation.

[0071] In box 430, the electronic device 110 responds to the interactive operation until the first trigger condition is met, and displays an interface indicator element corresponding to the second interface in the first interface.

[0072] In box 440, the electronic device 110 responds to the end state of the interactive operation satisfying the second trigger condition and switches to displaying the second interface corresponding to the interface indicator element.

[0073] In some embodiments, displaying interface indicator elements corresponding to the second interface in the first interface includes: in response to the image content currently displayed in the first interface meeting preset conditions, displaying interface indicator elements corresponding to the second interface in the first interface.

[0074] In some embodiments, the work includes multiple images, and the preset condition includes that the currently displayed image content is the last image among the multiple images.

[0075] In some embodiments, method 400 further includes: displaying an interactive indicator element for guiding the interactive operation on a first interface before the interactive operation satisfies a first triggering condition.

[0076] In some embodiments, the interaction is a swipe operation, and the interaction indicator element indicates a preset swipe direction.

[0077] In some embodiments, method 400 further includes: stopping the presentation of an interactive indicator element in response to the interaction continuing until a first triggering condition is met.

[0078] In some embodiments, displaying an interface indicator element corresponding to the second interface in the first interface includes: displaying the interface indicator element in a first style in the first interface in response to a first trigger condition being met and a second trigger condition not being met; and adjusting the interface indicator element to a second style in response to the interaction continuing until the second trigger condition is met, so as to indicate that the second trigger condition is met.

[0079] In some embodiments, method 400 further includes: adjusting the visibility of at least one interface element in the first interface based on interactive operations, without changing the position of at least one interface element.

[0080] In some embodiments, at least one interface element includes: a first interface element associated with the text content of the work; and a second interface element for interacting with the work.

[0081] In some embodiments, the element content of the interface indicator element is determined based on the type of the second interface.

[0082] In some embodiments, the second interface includes: a details page of the work, or a personal page of a user associated with the work.

[0083] In some embodiments, method 400 further includes: moving the image content to a preset position in the first interface in response to the fact that the end state of the interactive operation does not meet the second triggering condition.

[0084] Example devices and equipment

[0085] Embodiments of this disclosure also provide corresponding apparatus for implementing the methods or processes described above. Figure 5 shows a schematic structural block diagram of an example apparatus 500 for interface interaction according to certain embodiments of this disclosure. Apparatus 500 can be implemented as or included in an electronic device. The various modules / components in apparatus 500 can be implemented by hardware, software, firmware, or any combination thereof.

[0086] As shown in Figure 5, the device 500 includes a first presentation module 510 configured to display the image content of the work in a first interface; a processing module 520 configured to move the image content in the first interface based on a received interactive operation; a second presentation module 530 configured to display an interface indicator element corresponding to the second interface in the first interface in response to the interactive operation continuing until a first trigger condition is met; and a switching module 540 configured to switch to displaying the second interface corresponding to the interface indicator element in response to the end state of the interactive operation meeting the second trigger condition.

[0087] In some embodiments, the second presentation module 530 is further configured to: in response to the image content currently displayed in the first interface meeting preset conditions, display an interface indicator element corresponding to the second interface in the first interface.

[0088] In some embodiments, the work includes multiple images, and the preset condition includes that the currently displayed image content is the last image among the multiple images.

[0089] In some embodiments, the device 500 further includes a third presentation module, which is configured to display interactive indicator elements for guiding the interactive operation on a first interface before the interactive operation satisfies the first triggering condition.

[0090] In some embodiments, the interaction operation is a swipe operation, and the second presentation module 530 is further configured such that the interaction indicator element indicates a preset swipe direction.

[0091] In some embodiments, the device 500 further includes a stop module configured to stop presenting the interactive indicator element in response to the interaction continuing until a first trigger condition is met.

[0092] In some embodiments, the second presentation module 530 is further configured to: display an interface indicator element in a first style in a first interface in response to the first trigger condition being met and the second trigger condition not being met; and adjust the interface indicator element to a second style in response to the interaction continuing until the second trigger condition is met, so as to indicate that the second trigger condition is met.

[0093] In some embodiments, the device 500 further includes an adjustment module configured to adjust the visibility of at least one interface element in the first interface based on an interactive operation, without changing the position of at least one interface element.

[0094] In some embodiments, at least one interface element includes: a first interface element associated with the text content of the work; and a second interface element for interacting with the work.

[0095] In some embodiments, the element content of the interface indicator element is determined based on the type of the second interface.

[0096] In some embodiments, the second interface includes: a details page of the work, or a personal page of a user associated with the work.

[0097] In some embodiments, the device 500 further includes a moving module, which is configured to move the image content to a preset position in the first interface in response to the fact that the end state of the interactive operation does not meet the second triggering condition.

[0098] Figure 6 illustrates a block diagram of an electronic device 600 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 600 shown in Figure 6 is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. The electronic device 600 shown in Figure 6 can be used in electronic devices.

[0099] As shown in Figure 6, the electronic device 600 is in the form of a general-purpose electronic device. Components of the electronic device 600 may include, but are not limited to, one or more processors or processing units 610, memory 620, storage device 630, one or more communication units 640, one or more input devices 650, and one or more output devices 660. The processing unit 610 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 620. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 600.

[0100] Electronic device 600 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 600, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 620 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 630 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 600.

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

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

[0103] Input device 650 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 660 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 600 can also communicate with one or more external devices (not shown) via communication unit 640 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 600, or with any device that enables electronic device 600 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).

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

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

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

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

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

[0109] 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. A method for interface interaction, comprising: displaying image content of a work in a first interface; moving the image content in the first interface based on a received interaction operation; in response to the interaction operation lasting until a first trigger condition is met, displaying an interface indication element corresponding to a second interface in the first interface; and in response to an end state of the interaction operation meeting a second trigger condition, switching to display the second interface corresponding to the interface indication element.

2. The method of claim 1, wherein displaying an interface indication element corresponding to a second interface in the first interface comprises: in response to image content currently displayed in the first interface meeting a preset condition, displaying the interface indication element corresponding to the second interface in the first interface.

3. The method of claim 2, wherein the work comprises a plurality of images, and the preset condition comprises the image content currently displayed being a last image in the plurality of images.

4. The method of claim 1, further comprising: before the interaction operation meets the first trigger condition, displaying an interaction indication element in the first interface for guiding the interaction operation.

5. The method of claim 4, wherein the interaction operation is a sliding operation, and the interaction indication element indicates a preset sliding direction.

6. The method of claim 3, further comprising: in response to the interaction operation lasting until the first trigger condition is met, stopping presenting the interaction indication element.

7. The method of claim 1, wherein displaying an interface indication element corresponding to a second interface in the first interface comprises: in response to the first trigger condition being met and the second trigger condition not being met, displaying the interface indication element in the first interface in a first style; and in response to the interaction operation lasting until the second trigger condition is met, adjusting the interface indication element to a second style to indicate that the second trigger condition is met.

8. The method of claim 1, further comprising: based on the interaction operation, adjusting visibility of at least one interface element in the first interface without changing a position of the at least one interface element.

9. The method of claim 8, wherein the at least one interface element comprises: a first interface element associated with text content of the work; and a second interface element for interacting with the work.

10. The method of claim 1, wherein element content of the interface indication element is determined based on a type of the second interface.

11. The method of claim 10, wherein the second interface comprises: a detail page of the work, or a personal page of a user associated with the work.

12. The method of claim 1, further comprising: in response to the end state of the interaction operation not meeting the second trigger condition, moving the image content to a preset position in the first interface.

13. An apparatus for interface interaction, comprising: a first presentation module configured to display image content of a work in a first interface; and a second presentation module configured to display an interface indication element corresponding to a second interface in the first interface in response to an interaction operation lasting until a first trigger condition is met. ​ ​ a processing module configured to move the image content in the first interface based on the received interaction operation; a second presenting module configured to display, in the first interface, an interface indication element corresponding to a second interface in response to the interaction operation lasting until a first trigger condition is met; and a switching module configured to switch to display the second interface corresponding to the interface indication element in response to an end state of the interaction operation meeting a second trigger condition.

14. An electronic device, comprising: at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions, when executed by the at least one processing unit, cause the electronic device to perform the method of any of claims 1-12.

15. A computer-readable storage medium having stored thereon a computer program, the computer program being executable by a processor to implement the method of any of claims 1-12. ​

Images