Display method of service card, electronic device, and storage medium

Abstract

The application provides a service card display method, an electronic device and a storage medium, which can recommend appropriate services to a user according to the current scene of the electronic device and the habits of the user, and improve the experience of the user. The method comprises the following steps: receiving a first operation of the user in a first state; in response to the first operation, displaying a first service card, wherein the first service card comprises a first target service; receiving a second operation of the user in a second state; and in response to the second operation, displaying a second service card, wherein the second service card comprises a second target service; wherein the first target service and the second target service are different, and one or more of the following information of the electronic device is different in the first state and the second state: a current location of the electronic device and a current time.

Description

[0001] This application is a divisional application. The original application has the application number 202280098581.X and the original application date is December 9, 2022. The entire contents of the original application are incorporated herein by reference. Technical Field

[0002] This application relates to the field of terminal technology, and in particular to a method for displaying a service card, an electronic device, and a storage medium. Background Technology

[0003] With the increasing popularity of terminal devices, people frequently use the services provided by various applications on these devices for various activities, such as using QR codes to ride public transportation, using QR codes to unlock bicycles, or using QR codes to make payments.

[0004] Currently, when a terminal device responds to a user's request to retrieve a service card, the service information displayed is generally a pre-installed fixed service on the terminal device. If the currently displayed service information does not include the service the user wants to use (the target service), the user needs to perform other operations to reach the target service, which reduces the user's experience when using service cards.

[0005] Therefore, there is an urgent need for a service card that can provide intelligent recommendations to users in order to improve their experience. Summary of the Invention

[0006] This application provides a method for displaying service cards, an electronic device, and a storage medium, which can recommend suitable services to users based on the current scenario of the electronic device and the user's habits, thereby improving the user experience.

[0007] In a first aspect, a method for displaying a service card is provided. The method is applied to an electronic device and includes: receiving a first operation from a user in a first state; displaying a first service card, the first service card including a first target service, in response to the first operation; receiving a second operation from a user in a second state; displaying a second service card, the second service card including a second target service, in response to the second operation; wherein the first target service and the second target service are different, and one or more of the following information of the electronic device differs in the first state and the second state: the current location of the electronic device and the current time.

[0008] In the first and second states, the current location of the electronic device is different, meaning that different services are recommended to the user when the service card is invoked from different locations; or, in the first and second states, the location is the same but the time is different, meaning that different services are recommended to the user at the same location but different time periods. According to embodiments of this application, upon receiving a user's operation to invoke a service card, the system can recommend the service most likely to be used by the user based on the current location and / or current time of the electronic device. This eliminates the need for users to perform additional operations to invoke the corresponding service when using services provided by the application, simplifying the process, simplifying operations, and allowing direct access to the service page, thus improving the user experience.

[0009] In conjunction with the first aspect, in some implementations of the first aspect, the first target service includes multiple sub-services, and in response to the first operation, the first service card is displayed, including: in response to the first operation, displaying the first sub-service on the first service card.

[0010] The first sub-service is one of the aforementioned sub-services.

[0011] This application enables a terminal device to accurately recommend a sub-service to a user based on the current location and / or time when the target service includes multiple sub-services, thereby improving the user experience.

[0012] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: receiving a third operation from the user in a third state; wherein, in the third state and the first state, one or more of the following information of the electronic device differs: the current location of the electronic device and the current time; in response to the third operation, displaying a third service card, wherein the third service card includes a second sub-service, the second sub-service being one of a plurality of sub-services, and the second sub-service being different from the first sub-service.

[0013] In the first and third states, the electronic device's current location differs, meaning different services are recommended to the user when the service card is invoked from different locations. Alternatively, in the first and third states, the location is the same but the time is different, meaning different services are recommended to the user at the same location but different time periods. According to embodiments of this application, upon receiving a user's request to invoke a service card, the system can recommend the most likely sub-service to the user based on the electronic device's current location and / or current time. This improves the accuracy of the recommendation, allowing the user to avoid having to select a corresponding sub-service again from the recommended services, thus enhancing the user experience.

[0014] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: receiving a fourth operation from the user on the first service card; and in response to the fourth operation, switching the first sub-service in the first service card to a third sub-service, wherein the third sub-service is one of a plurality of sub-services and is different from the first sub-service.

[0015] Based on this, the electronic device responds to the fourth operation by switching the service displayed on the current service card, allowing users to quickly switch to other sub-services when they need to use different services provided by the same service. The operation steps are simple and improve the user experience when using different sub-services.

[0016] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: after displaying the first service card, receiving a fifth operation from the user on the first service card; in response to the fifth operation, switching the first target service in the first service card to a third target service.

[0017] Based on this, the electronic device responds to the fifth operation by switching the service displayed on the current service card to another service. This allows users to quickly switch to other services when they need to use services provided by different applications, without having to exit the current application to access the corresponding service in another application. The operation is simple and can improve the user experience.

[0018] In conjunction with the first aspect, in some implementations of the first aspect, the first service card and the second service card include a first area and a second area, wherein the first area includes one or more service options, and the second area is used to display service information corresponding to the selected service option.

[0019] The service options can be the service icons shown below. The first area is used to display the service icons, and the second area is used to display the services recommended by the electronic device, i.e., the service information mentioned above.

[0020] It should be understood that the service options corresponding to the selected service information mentioned above may not be included in the first area.

[0021] This application displays other service options on the service card, allowing users to quickly switch to the desired service when they are dissatisfied with the service recommended by their electronic device, thus improving the user experience.

[0022] In conjunction with the first aspect, in some implementations of the first aspect, the first region includes a first sub-region and a second sub-region, the first sub-region being used to display the first type of service options, and the second sub-region being used to display the second type of service options.

[0023] In conjunction with the first aspect, in some implementations of the first aspect, the first type of service option is a service option pre-set by the user, and the second type of service option is a service option recommended by the electronic device to the user.

[0024] In conjunction with the first aspect, in some implementations of the first aspect, the service corresponding to the second type of service option is the second type of service, which includes: the first target service, the second target service, or the third target service.

[0025] In this application, user-preset service options can be displayed on the service card for each call. It is understood that the services corresponding to these service options are the services most frequently used by the user. Therefore, displaying the first type of service on the service card for each call can meet the user's need to switch frequently used services in any scenario.

[0026] In conjunction with the first aspect, in some implementations of the first aspect, the first service card and the second service card include the same plurality of service options, wherein the order of the plurality of service options in the first area of ​​the first service card is different from the order of the plurality of service options in the first area of ​​the second service card.

[0027] In conjunction with the first aspect, in some implementations of the first aspect, the service option corresponding to the first target service is located at the first position in the first area of ​​the first service card, and the service option corresponding to the second target service is located at the second position in the first area of ​​the first service card; the service option corresponding to the second target service is located at the third position in the first area of ​​the second service card, and the service option corresponding to the first target service is located at the fourth position in the first area of ​​the second service card, wherein the first position and the third position are in the same position in the first area; the second position and the fourth position are in the same or different positions in the first area.

[0028] When recommending services, the aforementioned electronic device simultaneously displays the corresponding service option in a fixed position within the first area of ​​the service card, for example, at the far left of the first area. Therefore, the position of the service option corresponding to the service recommended by the electronic device remains the same across different scenarios. This recommendation method allows users to quickly ascertain the location of the service option corresponding to the service recommended by the electronic device.

[0029] In conjunction with the first aspect, in some implementations of the first aspect, at least one of the multiple service options included in the first service card and the multiple service options included in the second service card is different.

[0030] In conjunction with the first aspect, in some implementations of the first aspect, the first service card includes a first service option among the multiple service options. The first service option is different from the multiple service options included in the second service card, and the service corresponding to the first service option is the first target service.

[0031] In conjunction with the first aspect, in some implementations of the first aspect, the second service card includes a second service option among the multiple service options. The second service option is different from the multiple service options included in the first service card, and the service corresponding to the second service option is the second target service.

[0032] In conjunction with the first aspect, in some implementations of the first aspect, the service options include one or more of the following services: QR code scanning service, payment service, collection service, check-in service, and travel service.

[0033] In conjunction with the first aspect, in some implementations of the first aspect, in the first state, the electronic device is running the first application and displaying the application interface of the first application; while the electronic device is displaying the first service card, the electronic device continues to run the first application; the method further includes: receiving a sixth operation from the user for the first target service; in response to the sixth operation, the electronic device completes the first target service, exits the first service card, and displays the application interface of the first application.

[0034] In conjunction with the first aspect, in some implementations of the first aspect, the first application includes an application that supports playing video or audio content, and the electronic device maintains the first application playing video or audio while the electronic device displays the first service card.

[0035] In this application, when an electronic device receives an operation to retrieve a service card, if there is an application running in the foreground, the first service card is displayed on the currently running application without interrupting the application. Moreover, when exiting the first service card, the electronic device can continue to display the application interface of that application. This method allows users to use the services provided by the service card without having to restart the previous application, thus improving the user experience.

[0036] In conjunction with the first aspect, in some implementations of the first aspect, in the first state, the electronic device is in any of the following states: screen off, screen on and locked, screen on and unlocked.

[0037] As a result, users no longer need to unlock their electronic devices to access the services provided by various applications, thus improving the user experience.

[0038] In a second aspect, embodiments of this application provide an electronic device, including a processor and a memory, wherein the memory is used to store code instructions; and the processor is used to execute the code instructions, causing the electronic device to perform the method described in the first aspect or any implementation thereof.

[0039] Optionally, the electronic device also includes a memory.

[0040] Optionally, the electronic device also includes a communication interface, to which the processor is coupled.

[0041] Thirdly, this application provides a processor, including: an input circuit, an output circuit, and a processing circuit. The processing circuit is used to receive signals through the input circuit and transmit signals through the output circuit, causing the processor to execute the method in any of the possible implementations of the first aspect described above.

[0042] In specific implementation, the processor can be a chip, the input circuit can be input pins, the output circuit can be output pins, and the processing circuit can be transistors, gate circuits, flip-flops, and various logic circuits. The input signal received by the input circuit can be received and input by, for example, but not limited to, a receiver, and the signal output by the output circuit can be, for example, but not limited to, output to and transmitted by a transmitter. Furthermore, the input circuit and the output circuit can be the same circuit, which is used as both the input circuit and the output circuit at different times. This application does not limit the specific implementation of the processor and various circuits.

[0043] Fourthly, this application provides a processing apparatus, including a processor and a memory. The processor is used to read instructions stored in the memory and can receive signals via a receiver and transmit signals via a transmitter to execute the method in any of the possible implementations of the first aspect described above.

[0044] Optionally, there may be one or more processors and one or more memories.

[0045] Alternatively, the memory can be integrated with the processor, or the memory can be set separately from the processor.

[0046] In the specific implementation process, the memory can be a non-transitory memory, such as read-only memory (ROM), which can be integrated with the processor on the same chip or set on different chips. This application does not limit the type of memory or the way the memory and processor are set.

[0047] The processing device in the fourth aspect above can be a chip. The processor can be implemented in hardware or software. When implemented in hardware, the processor can be a logic circuit, integrated circuit, etc. When implemented in software, the processor can be a general-purpose processor that reads software code stored in memory. The memory can be integrated into the processor or located outside the processor and exist independently.

[0048] Fifthly, embodiments of this application provide a computer-readable storage medium storing instructions that, when executed, cause a computer to perform the method described in the first aspect or any implementation thereof.

[0049] A sixth aspect is a computer program product comprising a computer program that, when run, causes a computer to perform the methods described in the first aspect or any implementation thereof. Attached Figure Description

[0050] Figure 1 This is a schematic diagram of a scenario provided in an embodiment of this application;

[0051] Figure 2 This is another scenario illustration provided by an embodiment of this application;

[0052] Figure 3 This is another scenario illustration provided in the embodiments of this application;

[0053] Figure 4 This is a schematic diagram of the structure of a terminal device provided in an embodiment of this application;

[0054] Figure 5 This is a schematic diagram of the interface of a service card provided in an embodiment of this application;

[0055] Figure 6 This is a schematic diagram of the interface of another service card provided in an embodiment of this application;

[0056] Figure 7A This is a schematic diagram of another service card interface provided in an embodiment of this application;

[0057] Figure 7B This is a schematic diagram of the interface of another service card provided in the embodiments of this application;

[0058] Figure 8 This is a schematic diagram of an interface for switching service cards provided in an embodiment of this application;

[0059] Figure 9 This is a schematic diagram of another interface for switching service cards provided in an embodiment of this application;

[0060] Figure 10A This is a schematic diagram of the interface for a custom service icon addition process provided in an embodiment of this application;

[0061] Figure 10B This is a schematic diagram of the interface for another custom service icon addition process provided in this application embodiment;

[0062] Figure 11 This is a schematic diagram of the interface of a terminal device calling a service card in the screen-off state, provided in an embodiment of this application;

[0063] Figure 12 This is a schematic diagram of the interface for a terminal device to call a service card in a locked state, provided in an embodiment of this application.

[0064] Figure 13 This is a schematic diagram of the interface for a terminal device to call a service card in desktop state, provided in an embodiment of this application;

[0065] Figure 14 This is a schematic diagram of the interface of a terminal device calling a service card in the application running state, provided in an embodiment of this application;

[0066] Figure 15 This is a schematic flowchart illustrating a service display method provided in an embodiment of this application;

[0067] Figure 16 This is a schematic diagram of a service card call provided in an embodiment of this application;

[0068] Figure 17 This is a schematic block diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0069] The technical solutions in this application will now be described with reference to the accompanying drawings.

[0070] To facilitate a clear description of the technical solutions in the embodiments of this application, the terms "first" and "second" are used in the embodiments of this application to distinguish identical or similar items with essentially the same function and effect. For example, the first operation and the second operation are only used to distinguish different operations and do not limit their order. Those skilled in the art will understand that the terms "first" and "second" do not limit the quantity or execution order, and the terms "first" and "second" are not necessarily different.

[0071] It should be noted that, in this application, the terms "exemplary" or "for example" are used to indicate that something is being described as an example, illustration, or illustration. Any embodiment or design described as "exemplary" or "for example" in this application should not be construed as being more preferred or advantageous than other embodiments or design solutions. Specifically, the use of terms such as "exemplary" or "for example" is intended to present the relevant concepts in a concrete manner.

[0072] In this application, "at least one" means one or more, and "more than one" means two or more. "And / or" describes the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can mean: A alone, A and B simultaneously, or B alone, where A and B can be singular or plural. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship. "At least one of the following" or similar expressions refer to any combination of these items, including any combination of single or plural items. For example, at least one of a, b, or c can mean: a, b, c, a and b, a and c, b and c, or a, b, and c, where a, b, and c can be single or multiple.

[0073] The electronic device in this application may also be referred to as a terminal device, user equipment (UE), mobile station (MS), mobile terminal (MT), etc. Terminal devices can include mobile phones with touchscreens, smart TVs, wearable devices, tablets, computers with wireless transceiver capabilities, virtual reality (VR) terminal devices, augmented reality (AR) terminal devices, wireless terminals in industrial control, wireless terminals in self-driving, wireless terminals in remote medical surgery, wireless terminals in smart grids, wireless terminals in transportation safety, wireless terminals in smart cities, wireless terminals in smart homes, and so on. The embodiments of this application do not limit the specific technologies or device forms used in the terminal devices.

[0074] The following example uses a mobile phone as an electronic device to explain in detail the process of a user calling up various services in a specific scenario.

[0075] Figure 1This is a schematic diagram illustrating a scenario provided for an embodiment of this application. The scenario depicts a user making a payment using Alipay's payment and collection functions. Figure 1 As shown in 'a', the phone is in screen-off mode. When the phone receives the user's unlock operation, it can display the following information sequentially. Figure 1 The interface shown in b is... Figure 1 The interface shown in 'c'. Figure 1 The interface shown in Figure c displays the following when the phone receives a user's swipe gesture on the current screen: Figure 1 The interface shown by d in the diagram. Figure 1 The interface shown in Figure d indicates that the phone receives the user's click on the Alipay icon and displays... Figure 1 The interface shown by 'e' in the diagram. Figure 1 The interface shown in Figure 'e' indicates that the phone receives the user's click on the payment icon and displays... Figure 1 The interface shown as 'f' is the Alipay payment service page, which includes Alipay's payment QR code and payment barcode.

[0076] Figure 2 This is another scenario illustration provided for an embodiment of this application. This scenario depicts a user using Alipay's scan-to-pay service. Figure 2 The interface shown as 'a' is the video playback interface. The phone receives the user's request to return to the home screen and displays... Figure 2 The interface shown in b. In Figure 2 The interface shown in b shows that the phone receives the user's click on the Alipay icon and displays... Figure 2 The interface shown in c. In Figure 2 The interface shown in Figure c indicates that the phone has received the user's tap on the scan icon and is displaying... Figure 2 The interface shown in d. In Figure 2 The interface shown in Figure d displays the following when the phone receives a user's request to exit the current service: Figure 2 The interface shown in the middle (e) cannot be directly returned to. Figure 2 The interface shown as 'a' interrupts the video playback service.

[0077] Figure 3 This is another scenario illustration provided for an embodiment of this application. This scenario involves a user needing to first use WeChat's scan-to-pay service before using the travel service. Figure 3 The interface shown in 'a' is the phone's home screen. The phone receives a user's click on the WeChat icon and displays... Figure 3 The interface shown in b. In Figure 3 As shown in the interface shown in b, the mobile phone receives the user's click on the scan service control and displays... Figure 3 The interface shown in C is WeChat's scan function. Figure 3The interface shown in Figure c indicates that the phone has received a user's request to exit the current service and is displaying... Figure 3 The interface shown in d. In Figure 3 The interface shown in d indicates that the phone has received the user's request to exit the current application and displays... Figure 3 The interface shown in image 'e' is the phone's home screen. Figure 3 The interface shown in the image shows that the phone receives the user's click on the Alipay icon and displays... Figure 3 The interface shown in f. In Figure 3 The interface shown in Figure f indicates that the phone has received the user's click on the travel service icon and is displaying... Figure 3 The interface shown in the middle (g) is Alipay's travel service interface.

[0078] In some embodiments, users can tap the phone or tap the fingerprint key to activate the services provided by the application anytime, anywhere (e.g., when the screen is off, locked, or in use).

[0079] However, the services invoked in this way are generally pre-installed services on the terminal device (e.g., tapping the back of the phone to display a QR code) or service icons. If the invoked service is not the target service, the user needs to further select the target service based on their current needs (where the target service is the service the user currently needs to use). Although this method of invoking services can quickly bring up services or service icons, there is a possibility that the invoked service may not be the target service.

[0080] In view of this, embodiments of this application provide a method for displaying service cards, an electronic device, and a storage medium, so that when a terminal device receives a user's operation to call a service card in a locked state or when the application is running in the foreground, it can recommend services to the user based on the current location and / or current time of the terminal device, thereby improving the user experience.

[0081] To better understand the embodiments of this application, the structure of the terminal device of the embodiments of this application is described below.

[0082] Figure 4This is a schematic diagram of a terminal device provided in an embodiment of this application. The terminal device may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, a sensor module 180, buttons 190, an indicator 192, a camera 193, and a display screen 194, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a proximity sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0083] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the terminal device. In other embodiments of this application, the terminal device may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0084] The processor 110 may include one or more processing units. These processing units may be independent devices or integrated within one or more processors. The processor 110 may also include memory for storing instructions and data.

[0085] USB port 130 is a USB standard compliant interface, which can be a Mini USB port, Micro USB port, USB Type-C port, etc. USB port 130 can be used to connect a charger to charge terminal devices, and can also be used for data transfer between terminal devices and peripheral devices. It can also be used to connect headphones for audio playback. This interface can also be used to connect other electronic devices.

[0086] The charging management module 140 receives charging input from the charger. The charger can be a wireless charger or a wired charger. The power management module 141 connects the charging management module 140 to the processor 110.

[0087] The wireless communication function of the terminal device can be implemented through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor, and baseband processor.

[0088] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Antennas in terminal equipment can be used to cover one or more communication frequency bands. Different antennas can also be reused to improve antenna utilization.

[0089] The mobile communication module 150 can provide wireless communication solutions for terminal devices, including second-generation wireless telephone technology (2G), third-generation mobile communication technology (3G), fourth-generation mobile communication technology (4G), and fifth-generation mobile communication technology (5G). The mobile communication module 150 may include at least one filter, switch, power amplifier, low-noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation.

[0090] The wireless communication module 160 can provide solutions for wireless communication applications on terminal devices, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), etc.

[0091] The terminal device implements display functions through a graphics processing unit (GPU), a display screen 194, and an application processor. The GPU connects the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering.

[0092] The display screen 194 is used to display images, videos, etc. The display screen 194 includes a display panel. In some embodiments, the terminal device may include one or N display screens 194, where N is an integer greater than 1.

[0093] Terminal devices can achieve shooting functions through image signal processing (ISP), cameras 193, video codecs, GPUs, displays 194, and application processors.

[0094] Camera 193 is used to capture still images or videos. In some embodiments, the terminal device may include one or N cameras 193, where N is an integer greater than 1.

[0095] The external storage interface 120 can be used to connect an external memory card, thereby expanding the storage capacity of the terminal device. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0096] Internal memory 121 can be used to store executable program code, including instructions. Internal memory 121 may include a program storage area and a data storage area.

[0097] The terminal device can implement audio functions such as music playback and recording through an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, and an application processor.

[0098] Audio module 170 is used to convert digital audio information into analog audio signal output, and also to convert analog audio input into digital audio signal. Speaker 170A, also called a "loudspeaker," is used to convert audio electrical signals into sound signals. Terminal devices can listen to music or make hands-free calls through speaker 170A. Receiver 170B, also called a "handpiece," is used to convert audio electrical signals into sound signals. When the terminal device answers a phone call or voice message, it can listen to the voice by bringing the receiver 170B close to the user's ear. Headphone jack 170D is used to connect wired headphones. Microphone 170C, also called a "microphone" or "voice transducer," is used to convert sound signals into electrical signals.

[0099] A pressure sensor 180A is used to sense pressure signals and can convert the pressure signals into electrical signals. In some embodiments, the pressure sensor 180A can be disposed on the display screen 194. A gyroscope sensor 180B can be used to determine the motion posture of the terminal device. A barometric pressure sensor 180C is used to measure barometric pressure. A magnetic sensor 180D includes a Hall sensor. An accelerometer sensor 180E can detect the magnitude of the acceleration of the terminal device in various directions (generally three axes). A distance sensor 180F is used to measure distance. A proximity sensor 180G can include, for example, a light-emitting diode (LED) and a photodetector, such as a photodiode. An ambient light sensor 180L is used to sense ambient light intensity. A fingerprint sensor 180H is used to collect fingerprints. A temperature sensor 180J is used to detect temperature. A touch sensor 180K is also called a "touch device". A bone conduction sensor 180M can acquire vibration signals. In this embodiment, the method of calling service cards can be achieved by using a gyroscope to determine the posture of the terminal device and operations such as double-clicking on the back.

[0100] The touch sensor 180K can be set on the display screen 194, and the touch sensor 180K and the display screen 194 together form a touch screen, or "touch screen".

[0101] Buttons 190 include a power button, volume buttons, etc. Buttons 190 can be mechanical buttons or touch-sensitive buttons. The terminal device can receive button input and generate key signal inputs related to user settings and function control of the terminal device. Indicator 192 can be an indicator light, used to indicate charging status, power level changes, messages, missed calls, notifications, etc.

[0102] The software system of terminal devices can adopt layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture, etc., which will not be elaborated here.

[0103] The technical solutions of this application and how they solve the aforementioned technical problems are described in detail below with specific embodiments. These specific embodiments can be implemented independently or in combination with each other. Similar or identical concepts or processes may not be described again in some embodiments. It should be understood that the interfaces provided in the embodiments of this application are merely examples and do not constitute further limitations on the embodiments of this application.

[0104] For example, when a user first uses a newly acquired terminal device, or a terminal device after an system update (it should be noted that in both scenarios, the user is unaware of some of the terminal device's functions), the terminal device receives a trigger action from the user and displays a new user guide. For example, the user double-clicks the back of the phone, long-presses the volume button, or uses other methods to cause the terminal device to display the new user guide when showing service cards. The new user guide may include prompts indicating that the service cards will intelligently learn the user's usage habits and make accurate recommendations as the user uses the device; the new user guide may also include usage learning guidance, guiding the user on how to use the device, and so on.

[0105] It should be understood that the service card in the embodiments of this application may also be called a service page or other names, and this application does not limit it in this regard.

[0106] For example, the service cards in this application embodiment can be invoked in any of the ways shown in Table 1 below.

[0107] Table 1

[0108]

[0109] When a user invokes a service card for the first time, the terminal device can display recommended services on the service card based on preset service icons, the currently identified scenario (such as different locations), and big data.

[0110] Big data can include services used by most users at their current location and / or at their current time.

[0111] Alternatively, the terminal device can have a built-in neural network model, which can be trained using labeled big data. The terminal device can input the parameters of the currently identified scene into the neural network model to obtain the recommended results.

[0112] In one possible implementation, if, during the initial service recommendation process, the terminal device obtains the recommended service based on big data, but the application corresponding to the recommended service is not installed on the terminal device, then the terminal device displays the service corresponding to the first service icon in the service card according to the preset service icon order.

[0113] In different scenarios, users utilize different services. To further enhance the user experience of service cards, this application embodiment can intelligently learn by recording the frequency of users' use of various services in different scenarios (e.g., different locations) and at different times. This allows the terminal device to recommend services suitable for each user based on their individual usage habits (service + time + location). In other words, when a user accesses a service card at different locations and times, the terminal device can display frequently used services on the service card based on the user's current habits, and can also prioritize the service icons corresponding to services frequently switched by the user in that scenario.

[0114] The following section describes in detail how users invoke service cards in different scenarios, using specific examples. It should be understood that the various service icons in this application embodiment can be referred to as service options, the service content as service information, the area on the service card displaying service information (service content) as the second area, the area displaying the service icon as the first area, and the service to which the service information in the service card belongs as the target service.

[0115] Scenario 1: Users are accustomed to using WeChat's payment service when shopping in malls.

[0116] When a user first accesses a service card on a terminal device in the mall, the terminal device displays something like this: Figure 5 The interface shown in Figure 'a' includes service cards: WeChat's Scan service 501 (service information), WeChat's Scan icon 502, WeChat's Payment icon 503, Alipay's Payment icon 504, and Alipay's Scan icon 505. The current display on the terminal device is not the WeChat payment service the user expects; therefore, the user needs to switch the current service to WeChat payment.

[0117] In one possible implementation, Figure 5 The interface shown in 'a' indicates that the terminal device responds to the user's service switching operation (for example, the user can click the WeChat payment icon 503) and displays... Figure 5 The interface shown in b includes service cards, which include: WeChat payment QR code 506, WeChat payment barcode 507, WeChat scan icon 502, WeChat payment icon 503, Alipay payment icon 504, and Alipay scan icon 505. That is, in response to a user's service switching operation, the terminal device switches the service in the service card from WeChat scan service to WeChat payment service (i.e., WeChat payment QR code and WeChat payment barcode).

[0118] After a user uses the WeChat payment service provided by the service card in the mall for a period of time (N days), when the user uses the service card again in the mall, the following will be displayed: Figure 5 The interface shown in 'c' includes service cards (which can be either a first service card or a second service card). These service cards include: WeChat payment QR code 506, WeChat payment barcode 507 (service information), WeChat scan icon 502, WeChat payment icon 503, Alipay payment icon 504, and Alipay scan icon 505.

[0119] In another possible implementation, to facilitate the use of the services provided by WeChat's payment icon 503, users can continue to adjust the position of WeChat's payment icon after switching services.

[0120] For example, in Figure 5 In the interface shown in b, the terminal device receives a user's operation to adjust the service icon (for example, the user can long-press the WeChat payment icon 503 and move it to the far left of the icon display area), and displays as shown in the image. Figure 5 The interface shown as 'd' includes service cards, which include: WeChat payment QR code 506, WeChat payment barcode 507, WeChat scan icon 502, WeChat receive / payment icon 503, Alipay receive / payment icon 504, and Alipay scan icon 505. When the user re-invokes the service cards within the same geofence area, or after a period of use, the terminal device can directly display... Figure 5 The interface shown in d is shown in the image.

[0121] Combining the examples above ( Figure 5 (Example of switching from b to d) After a user uses the WeChat payment service provided by the service card in the mall for a period of time (N days), when the user calls the service card again in the mall, the following will be displayed: Figure 5 The interface shown in 'e' includes service cards: WeChat payment QR code 506, WeChat payment barcode 507, WeChat payment icon 503, WeChat scan icon 502, Alipay payment icon 504, and Alipay scan icon 505. Compared to... Figure 5 In the interface shown in 'c', the order of the service icons displayed on the service card has changed, with WeChat's payment service icon now positioned on the far left.

[0122] It should be understood that after a user uses the service card for a period of time, the terminal device has learned that the user's frequently used service in the mall is WeChat payment. Subsequently, when the terminal device receives an operation to call the service card again in the same scenario, it can intelligently recommend the service that the user uses most frequently based on the current location of the terminal device.

[0123] Scenario 2: Users use a subway ride code to ride the subway at a subway station.

[0124] When a user first uses the service card near a subway station, the terminal device displays... Figure 6 The interface shown in Figure 'a' includes service cards: a QR code for the electronic metro card (601), a WeChat scan icon (602), a WeChat payment icon (603), an Alipay payment icon (604), and a travel service icon corresponding to the electronic metro card (605). The service currently displayed on the terminal device is the service the user expects; therefore, the user does not need to switch services again.

[0125] Optionally, to facilitate access to the services provided by the travel service icon 605, users can move the travel service icon 605 to the far left of the service icon display area. For example, a user can long-press the travel service icon 605 and move it to the far left, i.e., the position of WeChat's scan icon 602. Correspondingly, other icons will move one icon position to the right: WeChat's scan icon 602 will move to the position of WeChat's payment icon 603, WeChat's payment icon 603 will move to the position of Alipay's payment icon 604, and Alipay's payment icon 604 will move to the position of the travel service icon 605. The display order of the service icons after the movement can be referenced... Figure 6 The location of the service icon in the interface shown by b.

[0126] In one possible implementation, the user adjusts the position of the travel service icon (e.g., Figure 6 (As shown in b) , after a user uses the service card near the subway station for a period of time (N days), when the user calls the service card again at the subway station, the following will be displayed: Figure 6 The interface shown in 'c' includes service cards (which can be either a first service card or a second service card). These service cards include: a QR code 601 for the electronic metro card, a travel service icon 605 corresponding to the electronic metro card, a WeChat scan icon 602, a WeChat payment icon 603, and an Alipay payment icon 604. Compared to... Figure 6 In the interface shown in 'a', the order of the service icons displayed on the service card changes.

[0127] In another possible implementation, the user does not adjust the position of the travel service icon (e.g., Figure 6 (As shown in the interface 'a'), if a user uses the service card near a subway station for a period of time (N days), when the user calls the service card again at the subway station, the interface will still display as shown in the image. Figure 6 The interface shown in 'a'.

[0128] As can be seen from Scenario 1 and Scenario 2, before obtaining user usage habit data, electronic devices can recommend services to users based on big data. For example, when used for the first time in a subway station, a subway QR code is displayed to facilitate the user's travel. When used for the first time in a shopping mall, a QR code scanning service interface is displayed to facilitate the user's payment by scanning a code.

[0129] Scenario 3: In the morning, a user uses Alipay's scan-to-pay service near their home to pay for breakfast. In the afternoon, they use WeChat's scan-to-pay service near their home to scan a QR code and display their health status.

[0130] 1. Users can access service cards on their terminal devices near their homes in the morning (e.g., during work hours).

[0131] The terminal device responds to the user's first call to the service card by displaying, as shown below. Figure 7A The interface shown in Figure 'a' includes service cards: WeChat's Scan service 701, WeChat's Scan icon 702, WeChat's Payment icon 703, Alipay's Payment icon 704, and Alipay's Scan icon 705. The current display on the terminal device is not the Alipay Scan service the user expects; therefore, the user needs to switch the current service to Alipay's Scan service.

[0132] In one possible implementation, Figure 7A The interface shown in 'a' is where the terminal device responds to the user's service switching operation (e.g., for clicking the Alipay scan icon 705), displaying... Figure 7A The interface shown in b includes service cards, which include: Alipay's scan icon 706, WeChat's scan icon 702, WeChat's payment icon 703, Alipay's payment icon 704, and Alipay's scan icon 705.

[0133] After a user uses the Alipay scan service provided by the service card near their home for a period of time (N days) in the morning, when the user calls the service card again near their home in the morning, the following will be displayed: Figure 7A The interface shown in 'c' includes service cards, which include: Alipay's scan icon 706, WeChat's scan icon 702, WeChat's payment icon 703, Alipay's payment icon 704, and Alipay's scan icon 705.

[0134] In another possible implementation, in order to make it easier for users to use the services provided by Alipay's scan icon 705, users can continue to adjust the position of Alipay's scan icon after switching services.

[0135] For example, in Figure 7A In the interface shown in b, the terminal device receives a user's operation to adjust the service icon (for example, the user can long-press the Alipay scan icon 705 and move it to the far left of the icon display area), and displays as shown below. Figure 7A The interface shown in d includes service cards, which include: Alipay's scan icon 706, Alipay's scan icon 705, WeChat's scan icon 702, WeChat's payment icon 703, and Alipay's payment icon 704.

[0136] Based on the above example, if a user uses the WeChat payment service provided by the service card near their home for a period of time (N days) in the morning, when the user calls the service card again near their home in the morning, the following will be displayed: Figure 7A The interface shown in 'e' includes service cards (which can be a first service card or a second service card). These service cards include: Alipay's scan icon 706, Alipay's scan icon 705, WeChat's payment icon 703, WeChat's scan icon 702, and Alipay's payment icon 704. Compared to... Figure 7A In the interface shown as 'c', the order of the service icons displayed on the service card changes.

[0137] 2. Users can access service cards on their terminal devices in the afternoon (e.g., after get off work) when they are near their homes.

[0138] The terminal device responds to the user's first call to the service card by displaying, as shown below. Figure 7B The interface shown in Figure 'a' includes service cards: WeChat's Scan service 701, WeChat's Scan icon 702, WeChat's Payment icon 703, Alipay's Payment icon 704, and Alipay's Scan icon 705. The service currently displayed on the terminal device is the service the user expects; therefore, the user does not need to switch services again.

[0139] like Figure 7BIn the interface shown in Figure 'a', the WeChat scan icon 702 is located at the far left of the service icon display area on the service card. Optionally, users can move the WeChat scan icon 702 to other positions within the service icon display area according to their usage habits, for example, to the far right. Specific methods for adjusting service icons can be found in the description of adjusting travel icons in Scenario 2 above, and will not be repeated here.

[0140] If the user does not adjust the position of the service icon, after using the WeChat scan service provided by the service card near their home for a period of time (N days) in the afternoon, when the user calls the service card again near their home in the afternoon, the following will be displayed: Figure 7B The interface shown in b is similar to... Figure 7B The interface shown in 'a' is the same.

[0141] Optionally, when making smart recommendations, the terminal device can display the user's most frequently used services on the service card based on the current location and time of the terminal device, without adjusting the service icons on the service card; or, while displaying the user's most frequently used services on the service card, the service icons on the service card can be adjusted simultaneously, that is, the corresponding service icons can be displayed on the service card in descending order of the user's frequency of using various services in that scenario. For example, if a user frequently switches between QR codes and subway ride codes at a subway station, the travel icon and the QR code icon will be displayed first.

[0142] It's important to note that after learning a user's service card usage habits, the terminal device can continue to learn these habits, constantly updating the services recommended to the user at the same location and / or time. For example, if a user habitually uses Alipay's scan service near their home in the morning, the terminal device will learn this habit and, after a period of use, display the Alipay scan service when the user accesses the service card again. However, after learning this habit for a while, if the user frequently switches from Alipay to WeChat's scan service, the terminal device will learn the user's WeChat scan habit, and after a period of time, when the user accesses the service card again near their home in the morning, the displayed service will change from Alipay's scan to WeChat's scan.

[0143] It should be noted that the services included in the service card displayed for the first time, the types of service icons, the number of service icons, and the display order of the service icons from left to right can be preset by the developers on the terminal device.

[0144] For example, a terminal device can intelligently recommend services to users by recording geofences and / or time, as well as one or more services that the user frequently uses within that geofence and / or time (e.g., recording service switching operations, recording services displayed for more than 5 seconds), making service cards more personalized and further enhancing the user experience.

[0145] Based on this, the terminal device can intelligently recommend and display the services and service icons that the user needs when the service card is brought up, according to the user's usage habits, the current time, and the current location of the terminal device. This makes the service card more personalized and eliminates the need for the user to switch to the target service multiple times after bringing up the service card, thus improving the user experience.

[0146] The following is combined with Figure 8 This application provides a detailed description of the method for switching service cards according to its embodiments. For ease of description, the user's operation of calling a service card is described as a first operation in this application embodiment.

[0147] Figure 8 This is a schematic diagram of an interface for switching service cards provided in an embodiment of this application. Figure 8 As shown in 'a', this interface is the service card displayed by the terminal device in response to the user's first operation. This service card may include WeChat's payment barcode 801, WeChat's payment QR code 802, WeChat's payment icon 803, WeChat's scan icon 804, Alipay's payment icon 805, and Alipay's scan icon 806. Among these, WeChat's payment barcode and payment QR code belong to WeChat's payment service; that is, WeChat's payment service is a sub-service under WeChat's payment service. Furthermore, WeChat's payment service includes several other sub-services, such as WeChat Wallet 807, QR code payment 808, tipping code 809, group payment 810, face-to-face red envelopes 811, bank card or mobile phone number transfer 812, and other sub-services. At this time, Figure 8 The service card shown as 'a' in the image provides WeChat payment services.

[0148] exist Figure 8 The interface shown in Figure 'a' displays the following in response to the user's action of swiping up on the service card: Figure 8 The interface shown in b includes various sub-services such as 807 (wallet balance), 808 (QR code payment), 809 (appreciation code), 810 (group payment), 811 (face-to-face red envelope), and 812 (bank card or mobile phone transfer). Figure 8 The interface shown in b is where the terminal device responds to the user's click on the QR code payment control, displaying something like this. Figure 8 The interface shown in 'c' includes a WeChat payment QR code.

[0149] It should be understood that the sub-services recommended by the terminal device can also change based on the user's usage habits. That is, the terminal device can recommend services that the user expects to use based on the current location and / or the current time, and the service can be any sub-service included in the service corresponding to any service icon.

[0150] exist Figure 8 The interface shown in 'c' is the terminal device responding to the user's click on the Alipay payment icon 805, displaying the following: Figure 8 The interface shown as 'd' includes Alipay's payment QR code 813, Alipay's payment barcode 814, WeChat's scan icon 804, Alipay's receive / payment icon 805, and Alipay's scan icon 806. Alternatively, Figure 8 The interface shown in 'c' displays the following in response to the user's left swipe gesture: Figure 8 The interface shown in 'e' includes WeChat's scan service 815, WeChat's payment icon 803, WeChat's scan icon 804, Alipay's payment icon 805, and Alipay's scan icon 806.

[0151] Alternatively, the above-mentioned service switching operation can also be performed by shaking the device.

[0152] It should be understood that after swiping left / right, the service displayed on the service card may or may not correspond to the service icon included in the current service card. For example, in the interface shown in 8e, the service card displays the WeChat Scan service. In this case, the service card includes the WeChat Scan service icon 804. It should be understood that the service displayed on the service card is the WeChat Scan service, but the WeChat Scan service icon 804 may not be displayed on the service card.

[0153] Optionally, the number of services included on a service card can be one or more. For example, a candybar phone displays one service, while a foldable screen or tablet can display multiple services side by side. This application embodiment does not limit the number of service pages displayed on the service card.

[0154] Optionally, the service cards mentioned above may only include various services and not service icons. It should be understood that if a service card does not include service icons, the terminal device can display other services in response to the user swiping left or right on the current service. For example, see... Figure 9 As shown. Figure 9 As shown in 'a', this interface displays a service card, which shows WeChat's scan service but does not include a service icon. Figure 9The interface shown in Figure 'a' responds to the user's swipe left and displays... Figure 9 The interface shown in b is the interface displayed after switching to other services (WeChat payment service).

[0155] It should be noted that when a user exits the service card for the first time and returns to the desktop or unlocks the device again, they will be reminded of the newly added service card feature via a banner notification or other means. Optionally, the user can be reminded two or three times, specifically after the first use, 7 days after using the feature, or 14 days after using the feature, etc. This method can prevent users from forgetting the newly added service card feature after exiting it and continuing to use the existing method to access the service the next time they want to use the service card.

[0156] It should be noted that the above Figures 5 to 9 The service icons on the service cards shown may all be recommended by the terminal device, or some may be recommended by the terminal device and some may be user-defined. The following section will combine... Figure 10A and Figure 10B This section details the process of adding custom service icons.

[0157] Figure 10A This is a schematic diagram of the interface illustrating the process of customizing and adding a service icon according to an embodiment of this application. Figure 10A The interface shown in Figure 'a' includes a settings icon 1001 and a service card. The service card includes WeChat's payment QR code, payment barcode, WeChat's payment icon 1002, WeChat's scan icon 1003, Alipay's payment icon 1004, and Alipay's scan icon 1005. It should be understood that the above... Figure 10A The service cards shown in section 'a' include service icons that are all user-defined service icons.

[0158] exist Figure 10A The interface shown in Figure 'a' is where the terminal device responds to the user's operation on the settings icon 1001, displaying the following: Figure 10AThe interface shown in Figure b is the service card settings interface. This interface includes a toggle control 1006 for "On / Off" service cards, a toggle control 1007 for "On / Off" smart recommendations, an "Added" area 1008 (containing added service icons, each with a "-" control), and an "Not Added" area 1009 (containing unadded service icons, each with a "+" control). The interface also includes descriptions and operation methods for related functions. For example, for the service card function, below the corresponding toggle, it displays "After enabling, tap the back of the phone twice to display the service card"; for the smart recommendations function, below the corresponding toggle, it displays "After enabling, smart recommendations services," and below the "Added" area 1008, it displays "Long press and drag to add or adjust the order," etc.

[0159] Users can select one or more services to add to the "Added" area 1008 from the "Not Added" area 1009; alternatively, users can remove one or more services from the "Added" area 1008 to the "Not Added" area 1009. Users can also long-press and drag the service icons to be moved to customize the order of the service icons in the "Added" area 1008.

[0160] It should be understood that the above Figure 10A The interface shown in b can also be accessed through the Settings app. This process may include: Settings—Accessibility—Quick Launch & Gestures—Quick Task Cards—Show Service Cards. It should be noted that this process is merely an example of an embodiment of this application; other methods for accessing the service card settings page defined in future or other terminal devices are all within the protection scope of this application.

[0161] It should also be understood that the above-mentioned service addition operation can be performed by the user clicking the "+" control on the service icon, or by the user long-pressing and dragging the service icon to the "Added" area 1008; the above-mentioned removal operation can be performed by the user clicking the "-" control on the service icon, or by the user long-pressing and dragging the service icon to the "Not Added" area 1009.

[0162] For example, such as Figure 10A The interface shown in Figure b is the terminal device responding to the user's click on the "-" control on the Alipay Scan service icon, displaying the following: Figure 10A The interface shown in 'c' does not include the Alipay Scan service icon in the 'Added' section 1008. Figure 10A The interface shown in 'c' is where the terminal device responds to the user's click on the '+' control on the travel service icon 1010, displaying the following: Figure 10AThe interface shown as d in the diagram includes a travel service icon 1010 in the "Added" area 1008. When the terminal device responds to the user's request to retrieve the service card, it displays the following... Figure 10A The interface shown in 'e' includes a travel service icon (1010) on the service card, but does not include the Alipay scan service icon.

[0163] It should be understood that users can also choose not to add any service icons in the "Added" area 1008 above. In this setting, the service icons included in the service cards that are called will all be the service icons recommended by the terminal device. Alternatively, users can add 1 to 3 service icons in the "Added" area 1008 above. If the number of service icons displayed in the pre-installed service cards on the terminal device is 4, then in this setting, one of the service icons included in the service cards that are called will be the service icon recommended by the terminal device.

[0164] Figure 10B This is a schematic diagram of an interface illustrating another process for customizing and adding service icons, provided in an embodiment of this application. For example... Figure 10B The interface shown in 10B (a) includes four service icons. Three of these icons—WeChat's payment icon 1002, WeChat's scan icon 1003, and Alipay's payment icon 1004—are user-defined. The travel service icon 1010 is a service icon recommended by the terminal device. In the interface shown in 10B (a), when the terminal device receives a user's click on the settings icon 1001, it displays the following... Figure 10B The interface shown as 'b' is the service card settings interface. A description of this interface can be found in [reference needed]. Figure 10A The relevant descriptions in the document will not be repeated here.

[0165] exist Figure 10B On the interface shown in b, the "Added" area 1008 includes three user-defined service icons, and the "Not Added" area 1009 includes travel service icons recommended by the terminal device. It should be understood that the services recommended by the terminal device can be based on the terminal device's current location and / or current time.

[0166] It should be noted that the service icons displayed in the "Added" area 1008 are user-defined service icons, and the display order of the service icons in this area 1008 is the same as the display order of the service icons in the corresponding service card under this setting. In other words, when the terminal device receives a user's operation to call a service card in any scenario and at any time, the user-defined service icons in the service card will generally not change due to changes in scenario and time.

[0167] Optionally, when the applications installed on the terminal device provide a variety of services, the service icons in the "Not Added" area of ​​the service card settings page can be categorized and deployed according to application type, service type, or other methods. This application does not limit this.

[0168] Optionally, the "Not Added" area in the service card settings page also includes custom methods. It should be understood that custom methods can be used by users to add operations or add result display pages. For example, a power button is used to turn the TV on / off. That is, when a user returns home and turns on the TV using their terminal device, the terminal device receives the user's operation to invoke the service card, displays the power button, and the user turns on the TV using that button.

[0169] It should be understood that the service icons on the settings page of a terminal device's service card can be updated based on the services included in the pre-installed applications on the terminal device. For example, if WeChat or Alipay is uninstalled from the terminal device, the service icons corresponding to the services provided by WeChat and Alipay on the settings page will also be deleted.

[0170] It should be noted that the service card in this application embodiment can be invoked when the terminal device is in any of the following states: screen off, always on display (AOD) state, screen locked, desktop, or application running, etc. The following is in conjunction with... Figures 11 to 13 This section details the process of invoking service cards under each of the aforementioned states.

[0171] Figure 11 This is a schematic diagram illustrating the interface of a terminal device in a screen-off state, as provided in an embodiment of this application, for calling a service card. Figure 11 As shown in 'a', the terminal device receives the first operation while the screen is off, and displays as shown in 'a'. Figure 11 The interface shown in b is the lock screen. A blurry outline of a service card is displayed above the lock screen wallpaper. At this time, the terminal device receives an unlock / desktop access operation, and displays as shown... Figure 11 The interface shown as 'c' includes service cards that provide WeChat's payment and collection services. Figure 11 The interface shown in 'c' indicates that when the terminal device receives a user's command to switch services (e.g., clicking the scan icon), it displays the following: Figure 11 The interface shown as 'd' displays the WeChat Scan service on the service card. After the user finishes using the service provided by this service card, the terminal device responds to the user's exit from the service card by displaying the following... Figure 11 The interface shown in Figure e is the desktop homepage of the terminal device.

[0172] Figure 12This is a schematic diagram illustrating the interface of a terminal device in a locked screen state, as provided in an embodiment of this application. Figure 12 As shown in 'a', the terminal device receives the first operation while in the locked screen state and displays as shown in 'a'. Figure 12 The interface shown in Figure b is the lock screen. At the bottom of the lock screen, a blurry outline of a service card is displayed. When the terminal device receives an unlock / desktop access operation, it displays as shown below. Figure 12 The interface shown in Figure c includes a service card that provides WeChat's payment services. Figure 12 The interface shown in 'c' indicates that when the terminal device receives a user's command to switch services (e.g., clicking the Alipay payment icon), it displays something like this. Figure 12 The interface shown as 'd' in the diagram displays Alipay's payment service on the service card. After the user finishes using the services provided by this service card, the terminal device receives the user's request to exit the service card and displays an error message like... Figure 12 The interface shown in d is the desktop home screen of the terminal device.

[0173] It should be noted that some services that do not require unlocking can be displayed and used directly even when the screen is locked. However, if a user switches a service that does not require unlocking to a service that requires unlocking, the terminal device still needs to be unlocked before the service card can be displayed.

[0174] It should be understood that the above Figure 11 The interface shown in b and Figure 12 The interfaces shown in 'a' are all the lock screen interfaces after the terminal device is locked.

[0175] It should also be understood that Figure 11 and Figure 12 If the terminal device does not exit the currently used application before locking the screen, Figure 11 and Figure 12 In the scenario shown, in response to the service card call and the unlock operation, after the terminal device is unlocked, the terminal device displays the service card above the previously running application interface. That is, in... Figure 11 c and Figure 12 In the interface shown in Figure c, the terminal device displays the service card above the previously running application interface. After exiting the service card, the terminal device still displays the application interface that was not exited before the screen locks.

[0176] The above Figure 11 The service card shown in c and Figure 12 The service card shown as 'c' in the diagram represents the interface displayed when a user first accesses a service card. At this point, the services included on the service card may not be what the user expects; therefore, the user needs to switch service pages.

[0177] Figure 13 This is a schematic diagram illustrating the interface of a terminal device in desktop mode, as provided in an embodiment of this application, for calling a service card. Figure 13 As shown in 'a', when the terminal device is in desktop mode (or unlocked mode with no applications running), it receives the first operation and displays as shown in 'a'. Figure 13 The interface shown in Figure b is the desktop of the terminal device. Service cards are displayed at the top of the desktop. After the user finishes using the services provided by these service cards, the terminal device receives the user's request to exit the service card, and displays the following: Figure 13 The interface shown in c is the same as... Figure 13 The interface shown in 'a' is exactly the same.

[0178] Figure 14 This is a schematic diagram of the interface for a terminal device to call a service card during application operation, as provided in an embodiment of this application. Figure 14 As shown in the interface in Figure a, a video is playing in the foreground of the terminal device. The terminal device receives the first operation and displays as shown in Figure a. Figure 14 The interface shown in Figure b includes a service card, which can be displayed directly above the video playback page. In other words, the video playback page continues to appear below the service card. It should be understood that when the service card is displayed in full screen, the portion of the screen not covered by the service card can display a blurred version of the video playback page. The video below the service card can be played according to the system's default settings: continue playing, pause playing, or mute playing. After the user finishes using the services provided by this service card, the terminal device receives a notification that the user has exited the service card, displaying... Figure 14 The interface shown in C is... Figure 14 As shown in the video playback interface (a), users can continue watching videos.

[0179] It should be understood that the above Figure 14 The interface shown in 'a' can also be a music playback interface.

[0180] It should be understood that the above Figure 13 and Figure 14 The services displayed on the service cards can be intelligently recommended by the terminal device based on its current location and / or time. Users can directly use the services provided by the current service card without having to switch to other services.

[0181] Based on this, the service card in this application embodiment can be invoked in any state of the terminal device and directly access the service. Even if the current service is not the service that the user needs, the currently displayed service can be switched to the target service on the current service card. The switching process is simple and quick. After the user finishes using the service provided by the service card, he / she can exit the service card and return to the state before the service card was invoked. This allows the user to use the service provided by the application without starting the application where the service is located or terminating the currently running application, thus improving the user experience.

[0182] Based on the content described in the above embodiments, in order to better understand the various embodiments of this application, the method for displaying service cards will be described in detail below.

[0183] Figure 15 This is a schematic flowchart illustrating a method for displaying a service card according to an embodiment of this application. It should be understood that this method can be executed by an electronic device. Figure 15 As shown, the method 1500 may include the following steps:

[0184] S1501, in the first state, receives the user's first operation.

[0185] S1502, in response to the first operation, a first service card is displayed, the first service card including the first target service.

[0186] S1503, in the second state, receive the user's second operation.

[0187] S1504, in response to the second operation, a second service card is displayed, the second service card including the second target service.

[0188] The first target service and the second target service are different. In the first state and the second state, one or more of the following information of the electronic device are different: the current location of the electronic device and the current time.

[0189] In this application, when an electronic device receives a user's request to call a service card, it can recommend the service that the user is most likely to use based on the current location and / or current time of the electronic device. This allows the user to use the services provided by the application without having to perform any other operations to call the corresponding service. The steps are simple and convenient, and the user can directly access the service page, thus improving the user experience.

[0190] It should be understood that the first and second operations described above can be any of the ways of calling the service card shown in Table 1 above.

[0191] In this context, the first target service is the service the user expects to use in the first state; the second service is the service the user expects to use in the second state. As in scenarios one and two of the above embodiments, different services are recommended to the user at different locations; or, as in scenario three of the above embodiments, different services are recommended to the user at different times in the same location.

[0192] It should be understood that the location of the aforementioned electronic devices can be obtained through the Global Positioning System (GPS), Wireless Fidelity (Wi-Fi), or base stations.

[0193] Figure 16 This is a schematic diagram illustrating a service card invocation method provided in an embodiment of this application. For example... Figure 16 As shown in 'a', when a user holds the phone with one hand and double-tap the back of the phone with their index or middle finger, the electronic device displays the following: Figure 16 The interface shown in b above can be referred to as the first service card or the second service card mentioned above. The display interface includes WeChat's payment service (for example, the first target service or the second target service mentioned above), as well as WeChat's scan service icon, WeChat's payment service icon, Alipay's payment service icon, and Alipay's scan service icon.

[0194] As an optional embodiment, the first target service mentioned above includes multiple sub-services. In response to the first operation, displaying the first service card includes: in response to the first operation, displaying the first sub-service on the first service card.

[0195] For example, WeChat's payment service includes several sub-services such as WeChat Wallet, QR code payment, reward code, group payment, face-to-face red envelopes, bank card or mobile phone number transfer, and other sub-services.

[0196] As an optional embodiment, the method 1500 further includes: receiving a third operation from the user in a third state; wherein, in the third state and the first state, one or more of the following information of the electronic device are different: the current location of the electronic device and the current time; in response to the third operation, displaying a third service card, wherein the third service card includes a second sub-service, the second sub-service being one of the plurality of sub-services, and the second sub-service being different from the first sub-service.

[0197] It should be understood that the third operation described above can be any of the methods shown in Table 1.

[0198] According to the above embodiments of this application, electronic devices can recommend application-level sub-services to users based on their usage habits, location, and time information. In other words, they can recommend more granular service types belonging to the same application service, thereby improving the user experience.

[0199] As an optional embodiment, the method 1500 further includes: receiving a fourth operation from a user on a first service card; and in response to the fourth operation, switching a first sub-service in the first service card to a third sub-service, wherein the third sub-service is one of a plurality of sub-services and is different from the first sub-service.

[0200] It should be understood that the process of switching sub-services described above can be referred to the above. Figure 8 The relevant descriptions in the document will not be repeated here.

[0201] As an optional embodiment, the method 1500 further includes: after displaying the first service card, receiving a fifth operation from the user on the first service card; in response to the fifth operation, switching the first target service displayed on the first service card to a third target service.

[0202] The fifth operation above is the operation of switching between different services. For specific switching methods, please refer to the above. Figure 8 The relevant descriptions in the document will not be repeated here.

[0203] As an optional embodiment, the first service card, the second service card, and the third service card include a first area and a second area, wherein the first area includes one or more service options, and the second area is used to display service information corresponding to the selected service option.

[0204] For example, in the accompanying drawings of the embodiments of this application, the area where the service icon is located is the first area, and the area where the service content corresponding to the service icon is displayed is the second area.

[0205] As an optional embodiment, the first area mentioned above includes a first sub-area and a second sub-area, wherein the first sub-area is used to display a first type of service option, and the second sub-area is used to display a second type of service option.

[0206] As an optional embodiment, the first type of service option is a service option preset by the user, and the second type of service option is a service option recommended by the electronic device to the user.

[0207] For example, the above Figure 10B The WeChat payment service icon 1002, the WeChat scan service icon 1003, and the Alipay payment service icon 1004 in the custom area shown in Figure a can be the first type of service option mentioned above. Figure 10BThe travel service icon 1010 in the recommended area shown in 'a' can be the second type of service option mentioned above.

[0208] It should be understood that the service options recommended by electronic devices to users may be based on the location and / or time of the electronic device.

[0209] As an optional embodiment, the service corresponding to the above-mentioned second type of service option is a second type of service, which includes: a first target service, a second target service, or a third target service.

[0210] Based on the examples above, the second type of service option is the travel service icon. The service corresponding to the travel service icon is the travel service, which can be called the target service. This travel service includes multiple sub-services, such as subway ride service (electronic subway ride code), bus ride service (bus ride code), taxi service, etc.

[0211] As an optional embodiment, the first service card and the second service card include the same plurality of service options, the order of the plurality of service options in the first area of ​​the first service card is different from the order of the plurality of service options in the first area of ​​the second service card.

[0212] For example, in the above scenario one Figure 5 The interface shown in 'c' includes a service card that can be called the first service card. The multiple service options in the first area of ​​this first service card, from left to right, are: WeChat's scan icon 502, WeChat's payment icon 503, Alipay's payment icon 504, and Alipay's scan icon 505; in the above scenario two... Figure 6 The interface shown in 'c' includes a service card that can be called a second service card. The multiple service options included in the first area of ​​the second service card are, from left to right, as follows: travel service icon 605, WeChat scan icon 602, WeChat payment icon 603, and Alipay payment icon 604.

[0213] As an optional embodiment, the service option corresponding to the first target service is located at a first position in the first area of ​​the first service card, and the service option corresponding to the second target service is located at a second position in the first area of ​​the first service card; the service option corresponding to the second target service is located at a third position in the first area of ​​the second service card, and the service option corresponding to the first target service is located at a fourth position in the first area of ​​the second service card, wherein the first position and the third position are in the same position in the first area; the second position and the fourth position are in the same position or different positions in the first area.

[0214] Combining the examples shown in Scenario 1 and Scenario 2 above, in Scenario 1, Figure 5The service card shown in 'e' on the interface is called the first service card. The payment service corresponding to the WeChat payment code included in the first service card is called the first target service. The WeChat payment service icon corresponding to the first target service is called the service option corresponding to the first target service (first service option). In scenario two, Figure 6 The service card included on the interface shown in 'c' is called the second service card. The travel service corresponding to the electronic metro card included in the second service card is called the second target service. The travel service icon corresponding to the second target service is called the service option corresponding to the second target service (second service option).

[0215] from Figure 5 As shown in the image, the first service option is located on the far left of the first area of ​​the first service card. Figure 6 As shown in the interface 'c', the second service option is located at the far left of the first area of ​​the second service card, and the two service options are in the same position.

[0216] from Figure 6 As shown in the image (c), the first service option is located in the third position from the left in the first area of ​​the second service card. Figure 5 As shown in the interface 'e', ​​the first service option is not displayed in the first area of ​​the first service card.

[0217] As an optional embodiment, at least one of the multiple service options included in the first service card and the multiple service options included in the second service card is different.

[0218] Based on the examples of the first and second service cards above, we can see that both include WeChat's scan icon, WeChat's payment icon, and Alipay's payment icon. However, the first service card includes Alipay's scan icon, while the second service card includes a travel service icon. These two service icons are different.

[0219] As an optional embodiment, the first service card includes a first service option among the multiple service options. The first service option is different from the multiple service options included in the second service card, and the service corresponding to the first service option is the first target service.

[0220] The aforementioned first service card can be Figure 6 The interface shown in 'c' includes a first service option, which is a travel service icon; the second service card can be... Figure 7A The interface shown in 'c' does not include travel services. That is, the first service option is different from the multiple service options included in the second service card, and the travel service icon corresponds to the target service.

[0221] As an optional embodiment, the second service card includes a second service option among the multiple service options. The second service option is different from the multiple service options included in the first service card, and the service corresponding to the second service option is the second target service.

[0222] Combined with the second service card Figure 7A The interface shown in 'c' has the first service card as... Figure 6 In the example interface shown in 'c', the Alipay scan icon included in the second service card is different from the multiple service icons included in the first service card, and the service corresponding to the Alipay scan icon in the second service card is the second target service.

[0223] As an optional embodiment, the service options include one or more of the following services: QR code scanning service, payment service, payment collection service, check-in service, and travel service.

[0224] As an optional embodiment, in the first state, the electronic device is running the first application and displaying the application interface of the first application; while the electronic device is displaying the first service card, the electronic device continues to run the first application; the above method 1500 further includes: the electronic device receiving a sixth operation from the user for the first target service; in response to the sixth operation, the electronic device completes the first target service, exits the first service card, and displays the application interface of the first application.

[0225] It should be understood that the sixth operation mentioned above may be the electronic device's preset operation of returning to the previous application, or other preset methods of exiting the service card by the system (e.g., swiping up from the bottom edge of the first service card, or clicking on a page outside the card area, such as a blank page or a blurred page).

[0226] As an optional embodiment, the first application includes an application that supports playing video or audio content, and the electronic device keeps the first application playing video or audio while the electronic device displays the first service card.

[0227] Optionally, the first application can also continue to be displayed below the first service card according to the system default settings, such as continue playback, stop playback, pause playback, or mute.

[0228] Optionally, while displaying the first service card, a blurring operation can be performed on the currently running first application, thereby displaying the first service card on the blur layer, or the first service card can be directly displayed on top of the currently running application, and the parts of the page that the first service card cannot cover can be displayed normally.

[0229] Optionally, the first service card can also completely cover the display page of the first application. In this case, the first application runs in the background, while the first service card runs in the foreground. When the first service card is exited, the first application is switched back to the foreground to continue running. It should be understood that the two display modes of the first service card shown above can be switched back and forth. For example, the first service card can switch between full-screen and non-full-screen display.

[0230] In this embodiment of the application, when the electronic device receives the first operation, if there is an application running in the foreground, the first service card is displayed on the currently running application without interrupting the currently running application. Moreover, when exiting the first page, the electronic device can switch the application to run in the foreground, so that the user does not need to restart the previous application after using the service provided by the service card, thus improving the user experience.

[0231] As an optional embodiment, in the first state, the electronic device is in any of the following states: screen off, screen on and locked, screen on and unlocked.

[0232] The above combination Figures 5 to 16 The methods provided in the embodiments of this application have been described. The apparatus for performing the above methods provided in the embodiments of this application is described below.

[0233] Figure 17 This is a schematic block diagram of an electronic device 1700 provided in an embodiment of this application. The electronic device 1700 includes a processor 1710, a communication interface 1720, and a memory 1730.

[0234] The processor 1710, communication interface 1720, and memory 1730 communicate with each other through an internal connection path. The memory 1730 is used to store instructions, and the processor 1710 is used to execute the instructions stored in the memory 1730 to control the communication interface 1720 to send and / or receive signals.

[0235] It should be understood that the functions of the electronic device in the above method embodiments can be integrated into the electronic device 1700, which can be used to execute the various steps and / or processes corresponding to the electronic device in the above method embodiments. Optionally, the memory 1730 may include read-only memory and random access memory, and provide instructions and data to the processor. A portion of the memory may also include non-volatile random access memory. For example, the memory may also store device type information. The processor 1710 can be used to execute instructions stored in the memory, and when the processor executes the instructions, it can perform the various steps and / or processes corresponding to the electronic device in the above method embodiments.

[0236] It should be understood that, in the embodiments of this application, the processor 1710 may be a central processing unit (CPU), or it may be other general-purpose 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 devices, discrete hardware components, etc. The general-purpose processor may be a microprocessor or any conventional processor.

[0237] This application also provides a computer-readable storage medium for storing a computer program for implementing the method corresponding to the electronic device in the above method embodiments.

[0238] This application also provides a computer program product, which includes a computer program (also referred to as code or instructions) that, when run on a computer, enables the computer to execute the methods corresponding to the electronic devices shown in the above-described method embodiments.

[0239] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0240] Those skilled in the art will understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.

[0241] In the several embodiments provided in this application, it should be understood that the disclosed systems, apparatuses, and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between apparatuses or units may be electrical, mechanical, or other forms.

[0242] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0243] In addition, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0244] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0245] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A method for displaying a service interface, characterized in that, Applied to electronic devices, the method includes: According to the first operation, a first service interface is displayed, a first control and a second control are displayed in a first area of ​​the first service interface, and service information of the first application corresponding to the first control is displayed in a second area of ​​the first service interface. The service information of the first application is used to indicate that the scan service of the first application is run. During the process of displaying the service information of the first application, a second operation is received that acts on the second control. According to the second operation, the service information of the first application displayed in the second area of ​​the first service interface is switched to the service information of the second application. The service information of the second application is used to indicate that the scan service of the second application is run. The service information of the second application corresponds to the second control. The first application and the second application are different. After displaying the service information of the second application in the second area of ​​the first service interface, exit the first service interface; After exiting the first service interface, according to the third operation, the second service interface is displayed. The first control and the second control are displayed in the first area of ​​the second service interface, and the service information of the second application is displayed in the second area of ​​the second service interface. According to the operation of switching the service information of the first application displayed in the second area of ​​the first service interface to the service information of the second application, the display order of the first control and the second control in the first area of ​​the second service interface changes compared to the display order of the first control and the second control in the first area of ​​the first service interface; the position of the first control in the first area of ​​the first service interface is the same as the position of the second control in the first area of ​​the second service interface.

2. The method according to claim 1, characterized in that, The method further includes: Before displaying the first service interface, the electronic device displays the application interface of the third application and plays a video through the third application. According to the first operation, the first service interface is displayed on the application interface of the third application, so that the first service interface does not completely cover the application interface of the third application. While the first application's scan service is running in the first service interface, the video continues to play through the third application.

3. The method according to claim 1 or 2, characterized in that, The service information of the first application includes first text information. During the process of the first application's scan service being run in the first service interface, the first text information is also displayed. The first text information indicates that the first application's scan service is used to identify QR codes, flowers, animals, or goods, or the first text information indicates that the first application's scan service is used to scan QR codes, barcodes, or mini-program codes.

4. The method according to any one of claims 1-3, characterized in that, The method further includes: During the process of the first service interface switching from displaying the service information of the first application to displaying the service information of the second application, the video continues to play through the third application.

5. The method according to any one of claims 1-4, characterized in that, The service information of the second application includes second text information. When the service information of the second application is displayed on the first service interface, the second text information is also displayed. The second text information indicates that the scanning service of the second application is used to identify QR codes, flowers, animals or goods, or the second text information indicates that the scanning service of the second application is used to scan QR codes, barcodes or mini-program codes.

6. The method according to any one of claims 1-5, characterized in that, Based on users' usage habits of the scan service, the second control is arranged on the far left in the first area of ​​the second service interface.

7. The method according to any one of claims 1-6, characterized in that, The first application is the one that displays the WeChat icon, and the second application is the one that displays the Alipay icon.

8. The method according to any one of claims 1-7, characterized in that, When the application interface of the third application is displayed, a swipe operation is received in a fixed area on the display screen of the electronic device, and the first service interface is displayed above the application interface of the third application.

9. The method according to any one of claims 1-8, characterized in that, The position of the second control in the first area of ​​the first service interface is the same as or different from the position of the first control in the first area of ​​the second service interface.

10. The method according to any one of claims 1-9, characterized in that, The service information of the first application is displayed above the first control and the second control.

11. The method according to any one of claims 1-10, characterized in that, The service information of the second application is displayed above the first control and the second control.

12. The method according to any one of claims 1-11, characterized in that, The first area also displays at least one of the following service controls: payment service control, collection service control, check-in service control, and travel service control.

13. The method according to claim 1 or 2, characterized in that, When the first operation is received and / or the second operation is received, the electronic device is in any of the following states: screen off, screen on and locked, screen on and unlocked.

14. An electronic device, characterized in that, The electronic device includes a processor for invoking a computer program in memory, causing the electronic device to perform the method as claimed in any one of claims 1-13.

15. A computer-readable storage medium comprising instructions, characterized in that, The computer-readable storage medium stores computer instructions that, when executed on an electronic device, cause the electronic device to perform the method as claimed in any one of claims 1-13.

Images