Card-based interaction method and device, storage medium and electronic device

Abstract

The disclosure provides a card-based interaction method, device, non-transitory computer-readable storage medium and electronic equipment. In one aspect, the card includes a front side and a back side, the front side includes a question to be interacted and options, and the back side includes feedback of an interaction result. The method includes: in response to detecting a first preset gesture operation, rotating the front side of the card based on the first preset gesture operation, wherein the interaction result is determined by the first preset gesture operation; and in response to detecting a second preset gesture operation, controlling the card to flip from the front side to the back side based on a flip parameter configured for the front side and the back side of the card. The method can interact in the form of flipping cards, improve the interest of interaction, provide a certain interactive feeling, make the whole process interesting, and capture the attention of users.

Description

Technical Field

[0001] This disclosure generally relates to the field of computers, and more specifically to a card-based interaction method, apparatus, non-transitory computer-readable storage medium, and an electronic device. Background Technology

[0002] In the process of collecting questionnaires and providing feedback on word games, most methods rely on a single click for selection and system feedback. As the number of questions increases, user patience decreases, impacting the collection effectiveness. Current implementations use platforms like Wenjuanxing, presenting answers in document format and recording responses based on mouse clicks, without real-time feedback.

[0003] Currently, the ways users interact with text are too limited. Summary of the Invention

[0004] According to a first aspect of this disclosure, a card-based interaction method is provided, the card including a front and a back, the front including a question and options to be interacted with, and the back including feedback of the interaction result, the method comprising: in response to detecting a first preset gesture operation, controlling the rotation of the front of the card based on the first preset gesture operation, wherein the interaction result is determined by the first preset gesture operation; and in response to detecting a second preset gesture operation, controlling the card to flip from the front to the back based on the flip parameters configured for the front and the back of the card.

[0005] In at least one embodiment, the method further includes: in response to detecting a third preset gesture operation, controlling the back of the card to rotate and discard based on the third preset gesture operation.

[0006] In at least one embodiment, the feedback of the interaction result includes the consistency rate of the interaction result.

[0007] In at least one embodiment, the first preset gesture operation includes swiping left and swiping right, and the options include a first option and a second option. The interaction result determined by the first preset gesture operation includes: if the first preset gesture operation is swiping left, the interaction result is selecting the first option for the question to be interacted with; and if the first preset gesture operation is swiping right, the interaction result is selecting the second option for the question to be interacted with.

[0008] In at least one embodiment, controlling the front rotation of the card based on the first preset gesture operation includes: controlling the angle of the front rotation of the card based on the distance of sliding to the left or right.

[0009] In at least one embodiment, the maximum angle of rotation of the front of the card is 45°.

[0010] In at least one embodiment, the second preset gesture operation includes releasing the finger.

[0011] In at least one embodiment, the third preset gesture operation includes swiping left and releasing the finger and swiping right and releasing the finger.

[0012] In at least one embodiment, controlling the back of the card to rotate and discard based on the third preset gesture operation includes: if a leftward swipe is detected and the finger is released, controlling the back of the card to rotate to the left and discard; and if a rightward swipe is detected and the finger is released, controlling the back of the card to rotate to the right and discard.

[0013] In at least one embodiment, the back surface includes a feedback box for displaying the consistency rate of the interaction results, and the method further includes: determining the background color of the feedback box based on the magnitude of the consistency rate of the interaction results.

[0014] In at least one embodiment, the correspondence between the consistency rate of the interaction results and the background color of the feedback box is as follows: a consistency rate of 0%–10% corresponds to a red background color; a consistency rate of 10.1%–50% corresponds to a yellow background color; a consistency rate of 50.1%–90% corresponds to a green background color; and a consistency rate of 90.1%–100% corresponds to a blue background color.

[0015] In at least one embodiment, the flipping parameters include the duration of the animation and the speed curve of the animation.

[0016] In at least one embodiment, the method further includes: determining labels for characterizing a user's personal profile based on the number of questions to be interacted with and the consistency rate of each interaction result.

[0017] In at least one embodiment, the feedback of the interaction result includes the answer to the question to be interacted with.

[0018] In at least one embodiment, the method further includes: in response to detecting a first preset gesture operation, controlling the corresponding option on the front of the card to be highlighted based on the first preset gesture operation.

[0019] According to a second aspect of this disclosure, a card-based interactive device is provided, the card including a front and a back, the front including a question and options for interaction, and the back including feedback of the interaction result, the device comprising: a first control module configured to control the rotation of the front of the card based on the first preset gesture operation in response to the detection of the first preset gesture operation, wherein the interaction result is determined by the first preset gesture operation; and a second control module configured to control the card to flip from the front to the back based on the flip parameters configured for the front and the back of the card in response to the detection of the second preset gesture operation.

[0020] According to a third aspect of this disclosure, a non-transitory computer-readable storage medium is provided storing computer instructions, wherein the computer instructions are configured to cause the computer to perform the method described in any of the first aspects of this disclosure.

[0021] According to a fourth aspect of this disclosure, an electronic device is provided, comprising: a processor; a memory in electronic communication with the processor; and instructions stored in the memory and executable by the processor to cause the electronic device to perform the method according to any one of the first aspects of this disclosure.

[0022] The card-based interaction method, apparatus, non-transitory computer-readable storage medium, and electronic device provided according to the embodiments of this disclosure can interact by flipping cards, increasing the fun of interaction and providing a certain interactive feel, making the whole process interesting and capturing the user's attention.

[0023] The features and technical advantages of the examples according to this disclosure have been outlined rather broadly above to facilitate a better understanding of the detailed description that follows. Additional features and advantages will be described below. The disclosed concepts and specific examples can be readily used as the basis for modifying or designing other structures for achieving the same purpose as this disclosure. Such equivalent structures do not depart from the scope of the appended claims. The features of the concepts disclosed herein, as well as their associated advantages, will be better understood from the following description when considered in conjunction with the accompanying drawings. Each drawing is provided for illustrative and descriptive purposes and is not intended to limit the definitions of the claims. Attached Figure Description

[0024] To gain a more detailed understanding of the foregoing features of this disclosure, a more specific description of the foregoing brief summary can be obtained by referring to various aspects, some of which are illustrated in the accompanying drawings. However, it should be noted that the drawings illustrate only certain typical aspects of this disclosure and should therefore not be considered as limiting its scope, as the description may acknowledge other equally valid aspects. The same reference numerals in different drawings may identify the same or similar elements.

[0025] Figure 1 A flowchart illustrating an example of a card-based interaction method according to this disclosure is shown.

[0026] Figure 2 An example of a card according to an embodiment of this disclosure is shown.

[0027] Figure 3 A flowchart illustrating another example of a card-based interaction method according to this disclosure is shown.

[0028] Figure 4 A flowchart illustrating yet another example of a card-based interaction method according to this disclosure is shown.

[0029] Figure 5 A schematic diagram of an example of the card-based interactive device disclosed herein is shown.

[0030] Figure 6 A schematic block diagram of an example electronic device 600 that can be used to implement embodiments of the present disclosure is shown.

[0031] Specific implementation method

[0032] Various aspects of this disclosure will be described more fully below with reference to the accompanying drawings. However, this disclosure may be embodied in many different forms and should not be construed as limited to any particular structure or function presented throughout this disclosure. Rather, these aspects are provided to make this disclosure thorough and complete and to fully convey the scope of this disclosure to those skilled in the art. Based on the teachings herein, those skilled in the art should understand that the scope of this disclosure is intended to cover any aspect of this disclosure disclosed herein, whether implemented independently of or in combination with any other aspect of this disclosure. For example, any number of the aspects set forth herein may be used to implement an apparatus or method. Furthermore, the scope of this disclosure is intended to cover an apparatus or method implemented using a structure, function, or structure and function other than those of the aspects of this disclosure set forth herein. It should be understood that any aspect of this disclosure disclosed herein may be embodied by one or more elements of the claims.

[0033] The term "computing device" refers to any type of device capable of processing and displaying information. Aspects of the disclosed embodiments are particularly applicable to mobile phones. The term "mobile phone" refers to any type of mobile device with telecommunications capabilities and includes radio (mobile) phones, smartphones, communicators, PDAs, and wireless information devices. It includes devices capable of communicating not only using mobile radios such as GSM or UMTS, but also using any other type of wireless communication system such as Bluetooth.

[0034] Figure 1 A flowchart illustrating an example of a card-based interaction method according to this disclosure is shown. Figure 1 As shown, this card-based interaction method includes the following steps:

[0035] Step S100: In response to detecting a first preset gesture operation, control the rotation of the front of the card based on the first preset gesture operation, wherein the interaction result is determined by the first preset gesture operation.

[0036] In this example, the card includes a front and a back. The front includes a question and options for interaction, while the back includes feedback on the interaction result. In this example, the card is configured to be displayed on the screen of a computing device and is also configured to be flipped to selectively display the front and back. The card can exist as a dynamic graphical interface to a computing device-readable software program. Figure 2 An example of a card according to an embodiment of this disclosure is shown. Figure 2 As shown, the card is displayed in two dimensions and has a front 21 and a back 23, and it is configured to be flipped to selectively display either the front 21 or the back 23 of the aforementioned surfaces.

[0037] In this example, the front of the card can include interactive content. If the interactive scenario is a questionnaire, the front of the card can include the provided questions and options. For example... Figure 2 As shown, the front of the card 21 includes the question "I like watching European and American movies / TV series" and the option "Yes / No".

[0038] In this example, the user can perform one or more preset gesture operations in a designated area of ​​the terminal screen. When the one or more preset gesture operations are detected, the corresponding instruction can be obtained based on the one or more preset gesture operations. In this example, the designated area of ​​the terminal screen can be the area where the card is located on the screen, or it can be the entire screen area.

[0039] In this example, the first preset gesture operation can be a gesture operation after swiping a finger to the left or right a certain distance on the screen, or a gesture operation after placing a finger on the left or right split screen of the screen for a certain period of time.

[0040] In this example, controlling the rotation of the card's front face based on gestures could mean controlling the card's rotation to follow the gesture. For instance, the card's front face could rotate according to the direction of the gesture; a swipe to the left would rotate the card's front face clockwise, and a swipe to the right would rotate it counter-clockwise, reacting to the distance the finger swipes to rotate at different angles. Exemplarily, controlling the rotation of the card's front face based on gestures can be implemented using the following pseudocode:

[0041] webkit-transform: rotateY() .

[0042] In this example, the interaction result could be the selection of an option corresponding to a question on the front of the card. Figure 2 In the example, the interaction result is that the user likes watching American and European movies / TV series. In this example, the interaction result can be determined based on a first preset gesture operation. For example, if the first preset gesture operation is to swipe a finger to the left on the screen, it can be determined that the user has selected an option corresponding to the question on the front of the card (e.g., Figure 2 If the first preset gesture is a finger swiping right on the screen, it can be determined that the user has selected the other option corresponding to the question on the front of the card (e.g., "yes"). Figure 2 (The "no" in the text).

[0043] In this example, the feedback on the interaction result can be derived information about the interaction result. In some examples, the feedback on the interaction result can be the consistency rate of the interaction results. Here, the consistency rate can be the proportion of the current interaction result among multiple interaction results. For example, user A can invite N friends to answer together. Figure 2 The question on the front of the card can lead to (N+1) interaction results. If user A's interaction result is "I like watching American and European movies / TV series" (i.e., selected "Yes"), and N friends' interaction results are "I don't like watching American and European movies / TV series" (i.e., selected "No"), then user A's interaction result feedback is 1 / (N+1) (which can also be expressed as a percentage). Figure 2 In the example, "71.4%" on the back of the card (23) represents the consistency rate of the current interaction result.

[0044] Step S200: In response to detecting a second preset gesture operation, control the card to flip from the front to the back based on the flip parameters configured for the front and back of the card.

[0045] In this example, the second preset gesture operation can be a finger leaving the screen. This second preset gesture operation can serve as a trigger condition for flipping the card. When the second preset gesture operation is detected, the card's flipping can be controlled according to pre-configured flipping parameters for the front and back of the card. The flipping can include rotating 180° to the left and rotating 180° to the right. For example, flipping the card from front to back can be implemented using the following pseudocode:

[0046] animation=-180deg(180deg) .

[0047] In some examples, the flip parameters can include the duration of the animation and the speed curve of the animation. For example, controlling the flipping of a card's front and back based on the flip parameters can be implemented using the following pseudocode:

[0048] this.amiation_main=wx.createAnimation({duration:1000, timingFunction: 'linear'}); / duration is the duration of the animation, timingFunction is the speed curve of the animation /

[0049] this.amiation_back=wx.createAnimation({duration:800, timingFunction: 'linear'}). / duration is the duration of the animation, and timingFunction is the speed curve of the animation.

[0050] The card-based interaction method provided in this embodiment can be used to interact by flipping cards, which increases the fun of the interaction and provides a certain interactive feel, making the whole process interesting and capturing the user's attention.

[0051] Figure 3 A flowchart illustrating another example of a card-based interaction method according to this disclosure is shown. Figure 3 As shown, this card-based interaction method includes the following steps:

[0052] Step S310: In response to detecting a first preset gesture operation, control the rotation of the front of the card based on the first preset gesture operation, wherein the interaction result is determined by the first preset gesture operation.

[0053] Step S310 is basically the same as step S100, so it will not be described again here.

[0054] Step S320: In response to detecting a second preset gesture operation, control the card to flip from the front to the back based on the flip parameters configured for the front and back of the card.

[0055] Step S320 is basically the same as step S200, so it will not be described again here.

[0056] Step S330: In response to detecting a third preset gesture operation, control the back of the card to rotate and discard based on the third preset gesture operation.

[0057] In this example, the third preset gesture operation can be a gesture operation of swiping left and releasing the finger, a gesture operation of swiping right and releasing the finger, a gesture operation of tapping the screen, etc.

[0058] In this example, controlling the card's back-side rotation and discarding based on gesture operation can be controlled by the card's back-side rotation and discarding following the gesture operation. For example, the card's back-side can rotate and be discarded according to the direction of the gesture; when the finger slides to the left and releases, the card's back-side rotates to the left and is discarded; when the finger slides to the right and releases, the card's back-side rotates to the right and is discarded.

[0059] In some examples, controlling the back-side rotation and discarding of cards based on gestures can be achieved by using the gesture as the trigger condition for rotating and discarding the card's back. For instance, when a user's finger taps the card face on the screen, the card's back is rotated and discarded according to pre-set rotation and discard parameters. These parameters can include the direction of rotation (e.g., discarding to the left, discarding to the right, etc.), the duration of the animation, opacity, etc. For example, controlling the back-side rotation and discarding of cards based on pre-set parameters can be implemented using the following pseudocode:

[0060] rotateOutDownRight {animation: rotateOutDownRight; animation- duration: 0.4s; opacity: 1! Important}. / animation-duration is The duration of the animation opacity refers to the opacity of the surface.

[0061] In some optional examples, the first preset gesture operation includes swiping left and swiping right, and the options include a first option and a second option. The interaction result in step S100 or step S310 is determined by the first preset gesture operation, including: if the first preset gesture operation is swiping left, the interaction result is selecting the first option for the question to be interacted with; and if the first preset gesture operation is swiping right, the interaction result is selecting the second option for the question to be interacted with. In this example, the first option could be, for example, a swipe to the left or right. Figure 2 The second option could be, for example, "yes" in the sentence. Figure 2 The "no" in the text.

[0062] In some optional examples, controlling the card's front-facing rotation based on the first preset gesture operation in step S100 or S310 above includes controlling the angle of rotation based on the distance of a left or right swipe. In some examples, the maximum angle of card rotation is 45°. In this example, setting the threshold for card rotation to 45° increases the fun of the interaction while also obscuring the front of other cards to prevent missing the question.

[0063] In some optional examples, the control of the card's back-side rotation and discard based on the third preset gesture operation in step S330 above includes: if a leftward swipe is detected and the finger is released, controlling the card's back-side to rotate to the left and discard; and if a rightward swipe is detected and the finger is released, controlling the card's back-side to rotate to the right and discard.

[0064] In some optional examples, the back of the card includes a feedback box to display the consistency rate of the interaction result. The card-based interaction method further includes determining the background color of the feedback box based on the consistency rate of the interaction result. In this example, different background colors can be set for different consistency rates. In some examples, the correspondence between the consistency rate of the interaction result and the background color of the feedback box is as follows:

[0065] A consistency rate of 0%–10% corresponds to a red background color.

[0066] The consistency rate is 10.1%–50%, and the corresponding background color is yellow.

[0067] The consistency rate is 50.1%–90%, and the corresponding background color is green;

[0068] The consistency rate is 90.1%–100%, and the corresponding background color is blue.

[0069] By mapping the consistency rate of the interaction results to the background color as described above, the user experience of the interaction can be improved.

[0070] Figure 4 A flowchart illustrating yet another example of a card-based interaction method according to this disclosure is shown. Figure 4 As shown, this card-based interaction method includes the following steps:

[0071] Step S410: In response to detecting a first preset gesture operation, control the rotation of the front of the card based on the first preset gesture operation, wherein the interaction result is determined by the first preset gesture operation.

[0072] Step S410 is basically the same as step S100, so it will not be described again here.

[0073] Step S420: In response to detecting a second preset gesture operation, control the card to flip from the front to the back based on the flip parameters configured for the front and back of the card.

[0074] Step S420 is basically the same as step S200, so it will not be described again here.

[0075] Step S430: In response to detecting a third preset gesture operation, control the back of the card to rotate and discard based on the third preset gesture operation.

[0076] Step S430 is basically the same as step S330, so it will not be described again here.

[0077] Step S440: Based on the number of questions to be interacted with and the consistency rate of each interaction result, determine the labels used to characterize the user's personal profile.

[0078] In this example, each card may include at least one interactive question, and multiple cards can be stacked in the center of the screen. The stacking effect can consist of three static cards and one dynamic card. The static cards remain unchanged during use, while the dynamic card's effect can be as described in steps S410 to S430. In this example, multiple unlocking conditions can be set for the tags. Some unlocking conditions can be determined by the number of questions the user answers, while others can be determined by the consistency rate of the interaction results. When all or some of these unlocking conditions are met, the corresponding tag can pop up. For example, some unlocking conditions could be answering more than 100 questions, answering more than 200 questions, etc., while others could be a majority consistency rate of 80%-100%, a majority consistency rate of 60%-80%, etc. For example, the tags could include "I am the standard," "I am the majority," "I am normal," "Kindergarten," "Elementary school student," "Junior high school student," etc.

[0079] The card-based interaction method provided in this embodiment can be used to interact by flipping cards, which increases the fun of the interaction and provides a certain interactive feel, making the whole process interesting and capturing the user's attention.

[0080] In some optional examples, the feedback of the interaction result includes the answer to the question to be interacted with.

[0081] In some optional examples, the card-based interaction method described above further includes: in response to detecting a first preset gesture operation, controlling the corresponding option on the front of the card to be highlighted based on the first preset gesture operation.

[0082] Figure 5 A schematic diagram of an example of the card-based interactive device disclosed herein is shown. Figure 5 The device embodiments and Figure 1 Corresponding to the illustrated method embodiments, this device can be specifically applied to various electronic devices. For example... Figure 5As shown, the card includes a front and a back. The front includes a question and options for interaction, and the back includes feedback on the interaction result. The device includes: a first control module 501 configured to control the rotation of the front of the card based on the first preset gesture operation in response to the detection of a first preset gesture operation, wherein the interaction result is determined by the first preset gesture operation; and a second control module 502 configured to control the card to flip from the front to the back based on the flip parameters configured for the front and back of the card in response to the detection of a second preset gesture operation.

[0083] In this embodiment, the specific processing of the first control module 501 and the second control module 502 in the card-based interactive device and the resulting technical effects can be referred to respectively. Figure 1 The relevant descriptions of steps S100-S200 in the corresponding embodiments will not be repeated here.

[0084] In some optional examples, the card-based interactive device further includes a third control module configured to control the back of the card to rotate and discard based on the third preset gesture operation in response to the detection of the third preset gesture operation.

[0085] In some optional examples, the feedback of the interaction results includes the consistency rate of the interaction results.

[0086] In some optional examples, the first preset gesture operation includes swiping left and swiping right, and the options include a first option and a second option. The interaction result determined by the first preset gesture operation includes: if the first preset gesture operation is swiping left, the interaction result is selecting the first option for the question to be interacted with; and if the first preset gesture operation is swiping right, the interaction result is selecting the second option for the question to be interacted with.

[0087] In some optional examples, the first control module 501 is further configured to control the angle of rotation of the front of the card based on the distance of sliding to the left or right.

[0088] In some optional examples, the maximum angle of rotation of the card's front face is 45°.

[0089] In some optional examples, the second preset gesture operation includes releasing the finger.

[0090] In some optional examples, the third preset gesture operation includes swiping left and releasing the finger and / or swiping right and releasing the finger.

[0091] In some optional examples, the third control module is further configured to: if a leftward swipe is detected and the finger is released, control the back of the card to rotate to the left and discard it; and if a rightward swipe is detected and the finger is released, control the back of the card to rotate to the right and discard it.

[0092] In some optional examples, the back side includes a feedback box for displaying the consistency rate of the interaction results, and the card-based interaction device further includes: a first determining module configured to determine the background color of the feedback box display based on the magnitude of the consistency rate of the interaction results.

[0093] In some optional examples, the correspondence between the consistency rate of the interaction results and the background color of the feedback box is as follows: 0%–10% consistency rate corresponds to red background color; 10.1%–50% consistency rate corresponds to yellow background color; 50.1%–90% consistency rate corresponds to green background color; and 90.1%–100% consistency rate corresponds to blue background color.

[0094] In some optional examples, the flip parameters include the duration of the animation and the speed curve of the animation.

[0095] In some optional examples, the card-based interaction device further includes a second determining module configured to determine tags for characterizing a user profile based on the number of questions to be interacted with and the consistency rate of each interaction result.

[0096] In some optional examples, the feedback of the interaction result includes the answer to the question to be interacted with.

[0097] In some optional examples, the card-based interactive device further includes a highlighting module configured to: in response to detecting a first preset gesture operation, control the highlighting of a corresponding option on the front of the card based on the first preset gesture operation.

[0098] Figure 6 A schematic block diagram of an example electronic device 600 that can be used to implement embodiments of the present disclosure is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device may also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the present disclosure described and / or claimed herein. Figure 6As shown, device 600 includes a computing unit 601, which can perform various appropriate actions and processes based on a computer program stored in read-only memory (ROM) 602 or a computer program loaded from storage unit 608 into random access memory (RAM) 603. RAM 603 may also store various programs and data required for the operation of device 600. The computing unit 601, ROM 602, and RAM 603 are interconnected via bus 604. Input / output (I / O) interface 605 is also connected to bus 604. Multiple components in device 600 are connected to I / O interface 605, including: input unit 606, such as a keyboard, mouse, etc.; output unit 607, such as various types of displays, speakers, etc.; storage unit 608, such as a disk, optical disk, etc.; and communication unit 609, such as a network card, modem, wireless transceiver, etc. Communication unit 609 allows device 600 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.

[0099] The computing unit 601 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 601 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The computing unit 601 performs the various methods and processes described above, such as card-based interaction methods. For example, in some embodiments, the card-based interaction method can be implemented as a computer software program tangibly contained in a machine-readable medium, such as storage unit 608. In some embodiments, part or all of the computer program can be loaded and / or installed on device 600 via ROM 602 and / or communication unit 609. When the computer program is loaded into RAM 603 and executed by the computing unit 601, one or more steps of the card-based interaction method described above can be performed. Alternatively, in other embodiments, the computing unit 601 can be configured to perform card-based interaction methods by any other suitable means (e.g., by means of firmware).

[0100] The foregoing disclosure provides illustrations and descriptions, but is not intended to be exhaustive or to limit the aspects to the precise forms disclosed. Modifications and variations can be made based on this disclosure, or from practice of the aspects.

[0101] The various illustrative logics, logic blocks, modules, circuits, and algorithmic processes described in conjunction with the aspects disclosed herein can be implemented as electronic hardware, computer software, or a combination of both. The interchangeability of hardware and software has been generally described in terms of functionality and illustrated in the aforementioned illustrative components, blocks, modules, circuits, and processes. Whether this functionality is implemented in hardware or software depends on the specific application and the design constraints on the overall system.

[0102] Hardware and data processing apparatuses for implementing the various illustrative logics, logic blocks, modules, and circuits described in conjunction with the aspects disclosed herein may be implemented or performed by general-purpose single-chip or multi-chip processors, digital signal processors (DSPs), application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs) or other programmable logic devices, discrete gate or transistor logic, discrete hardware components, or any combination thereof designed to perform the functions described herein. A general-purpose processor may be a microprocessor or any conventional processor, controller, microcontroller, or state machine. A processor may also be implemented as a combination of computing devices, such as a combination of a DSP and a microprocessor, multiple microprocessors, one or more microprocessors combined with a DSP core, or any other such configuration. In some aspects, specific processes and methods may be performed by circuits specific to a given function.

[0103] In one or more aspects, the described functionality can be implemented in hardware, digital electronic circuits, computer software, firmware (including the structures disclosed in this specification and their equivalents) or any combination thereof. The aspects of the subject matter described in this specification can also be implemented as one or more computer programs, i.e., one or more modules of computer program instructions encoded on a computer storage medium for execution by a data processing apparatus or for controlling the operation of a data processing apparatus.

[0104] If implemented in software, the functionality can be stored or transferred as one or more instructions or code onto a computer-readable medium. The processes of the methods or algorithms disclosed herein can be implemented in a processor-executable software module that may reside on a computer-readable medium. Computer-readable media include computer storage media and communication media, including any medium capable of transferring a computer program from one place to another. Storage media can be any available medium accessible to a computer. By way of example and not limitation, this computer-readable medium may include RAM, ROM, EEPROM, CD-ROM or other optical disc storage, disk storage or other magnetic storage devices, or any other medium that can be used to store the required program code in the form of instructions or data structures and is accessible to a computer. Furthermore, any connection can be properly referred to as a computer-readable medium. The disks and discs used herein include high-density optical discs (CDs), laser discs, optical discs, digital versatile discs (DVDs), floppy disks, and Blu-ray discs, wherein disks typically magnetically copy data, while discs optically copy data using lasers. Combinations of the above should also be included within the scope of computer-readable media. Additionally, the operation of a method or algorithm may be one or any combination or set of code and instructions on a machine-readable and computer-readable medium, which may be incorporated into a computer program product.

[0105] Various modifications to the aspects described in this disclosure will be apparent to those skilled in the art, and the general principles defined herein may be applied to other aspects without departing from the spirit or scope of this disclosure. Therefore, this disclosure is not intended to be limited to the aspects shown herein, but rather to conform to the widest scope consistent with the claims, principles, and novel features disclosed herein.

[0106] Some features described in the context of a single aspect in this specification may also be implemented in combination within a single aspect. Conversely, various features described in the context of a single aspect may also be implemented individually in multiple aspects or in any suitable sub-combination. Furthermore, although features may be described above as functioning in certain combinations, and even initially claimed in this way, in some cases, one or more features from the claimed combination may be removed from that combination, and the claimed combination may refer to a sub-combination or a variation of a sub-combination.

[0107] Similarly, although operations are described in a specific order in the accompanying drawings, this should not be construed as requiring these operations to be performed in the specific order or sequence shown, or requiring all shown operations to be performed to obtain the desired result. Furthermore, the drawings may schematically depict one or more example processes in the form of flowcharts. However, other operations not shown may be combined with the schematically shown example processes. For example, one or more additional operations may be performed before, after, simultaneously with, or between any shown operations. In some cases, multitasking and parallel processing may be advantageous. Furthermore, the separation of the various system components in the foregoing aspects should not be construed as requiring such separation in all aspects, and it should be understood that the described program components and systems can generally be integrated into a single software product or packaged into multiple software products. Additionally, other aspects are also within the scope of the following claims. In some cases, the actions listed in the claims may be performed in a different order and still obtain the desired result.

Claims

1. A card-based interaction method, wherein the card includes a front and a back, the front including a question and options for interaction, and the back including feedback on the interaction result, the method comprising: In response to detecting a first preset gesture, the card's front face is rotated based on the first preset gesture, wherein the interaction result is determined by the first preset gesture; and In response to the detection of a second preset gesture operation, the card is controlled to flip from the front to the back based on the flip parameters configured for the front and back of the card; The second preset gesture operation is the trigger condition for the card to be flipped. The first preset gesture operation includes swiping left and swiping right, and the options include a first option and a second option, wherein, The interaction result is determined by the first preset gesture operation, including: If the first preset gesture is a swipe to the left, then the interaction result is that the first option is selected for the question to be interacted with; and If the first preset gesture operation is to swipe right, then the interaction result is to select the second option for the question to be interacted with; The interaction results on the back are statistical results based on the same interactive question after making different choices of the first and second options.

2. The method according to claim 1, further comprising: In response to the detection of a third preset gesture operation, the back of the card is rotated and discarded based on the third preset gesture operation.

3. The method according to claim 1, wherein, The feedback of the interaction results includes the consistency rate of the interaction results.

4. The method according to claim 1, wherein, The control of the card's front rotation based on the first preset gesture operation includes: The angle of rotation of the card's front face is controlled based on the distance of the left or right swipe.

5. The method according to claim 4, wherein, The maximum angle of rotation of the front of the card is 45°.

6. The method according to claim 1, wherein, The second preset gesture operation includes releasing the finger.

7. The method according to claim 2, wherein, The third preset gesture operation includes swiping to the left and releasing the finger or swiping to the right and releasing the finger.

8. The method according to claim 7, wherein, The method of controlling the card's backside to rotate and discard based on the third preset gesture operation includes: If a leftward swipe is detected and the finger is released, the back of the card is rotated to the left and discarded; or If a rightward swipe is detected and the finger is released, the back of the card is controlled to rotate to the right and discarded.

9. The method according to claim 3, wherein, The back side includes a feedback box for displaying the consistency rate of the interaction results, and the method further includes: The background color of the feedback box is determined based on the consistency rate of the interaction results.

10. The method according to claim 9, wherein, The relationship between the consistency rate of the interaction results and the background color of the feedback box is as follows: A consistency rate of 0%–10% corresponds to a red background color. The consistency rate is 10.1%–50%, and the corresponding background color is yellow. The consistency rate is 50.1%–90%, and the corresponding background color is green; The consistency rate is 90.1%–100%, and the corresponding background color is blue.

11. The method according to claim 1, wherein, The flip parameters include the duration of the animation and the speed curve of the animation.

12. The method according to claim 3, wherein, Also includes: Based on the number of questions to be answered and the consistency rate of each answer, labels are determined to characterize the user's personal profile.

13. The method according to claim 1, wherein, The feedback of the interaction results includes the answer to the question to be interacted with.

14. The method according to claim 1, further comprising: In response to the detection of a first preset gesture operation, the corresponding option on the front of the card is highlighted based on the first preset gesture operation.

15. A card-based interactive device, the card comprising a front and a back, the front comprising a question and options for interaction, and the back comprising feedback of the interaction result, the device comprising: A first control module is configured to, in response to detecting a first preset gesture operation, control the rotation of the front face of the card based on the first preset gesture operation, wherein the interaction result is determined by the first preset gesture operation; and The second control module is configured to, in response to detecting a second preset gesture operation, control the card to flip from the front to the back based on the flip parameters configured for the front and back of the card; The second preset gesture operation is the trigger condition for the card to be flipped. The first preset gesture operation includes swiping left and swiping right, and the options include a first option and a second option, wherein, The interaction result is determined by the first preset gesture operation, including: If the first preset gesture is a swipe to the left, then the interaction result is that the first option is selected for the question to be interacted with; and If the first preset gesture operation is to swipe right, then the interaction result is to select the second option for the question to be interacted with; The interaction results on the back are statistical results based on the same interactive question after making different choices of the first and second options.

16. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the computer to perform the method according to any one of claims 1-14.

17. An electronic device comprising: processor, A memory that communicates electronically with the processor; as well as Instructions, which are stored in the memory and can be executed by the processor, to cause the electronic device to perform the method according to any one of claims 1-14.

Images