Card display method and terminal equipment

Abstract

The invention provides a card display method and terminal equipment, the method is applied to the terminal equipment, the method comprises the following steps: displaying a first interface, the first interface comprises a first area, a first card is displayed in the first area, the category of the first card is a first category in a plurality of categories, the priority of the first category is the highest priority in a preset card sequence, and the first area is an area used for displaying suggested cards; in response to a first operation on the first card, a second card is displayed in the first area of the second interface according to the preset card sequence, the category of the second card is a second category in the multiple categories, and the priority of the second category is lower than that of the first category. Therefore, more effective information of the terminal equipment can be displayed, a user can conveniently and quickly check and use more effective information, and the use experience of the user is improved.

Description

Technical Field

[0001] The present application relates to the field of terminal processing, and in particular to a card display method and terminal equipment. Background Art

[0002] With the continuous development of mobile Internet technology, more and more applications are installed on terminal devices, and more and more information is stored in the terminal devices.

[0003] Currently, the terminal device can recommend pre-set service cards to users in the negative one screen interface, such as suggestion cards, to push valid information of one or more applications in the terminal device, filter massive information, and facilitate users to quickly view and use valid information.

[0004] However, there are usually many applications installed on terminal devices, and the information displayed to users through pre-set service cards is limited, which is not conducive to users quickly viewing and using more effective information, resulting in a poor user experience. Summary of the invention

[0005] The present application provides a card display method and a terminal device, so that users can quickly view and use more effective information.

[0006] In a first aspect, the present application provides a card display method, the method comprising:

[0007] Display a first interface, the first interface includes a first area, a first card is displayed in the first area, the category of the first card is the first category among multiple categories, the priority of the first category is the highest priority in the preset card sorting, and the first area is an area for displaying suggested cards;

[0008] In response to a first operation on a first card, a second card is displayed in the first area of ​​the second interface according to a preset card sort order. The category of the second card is the second category among multiple categories, and the priority of the second category is lower than that of the first category. The first operation includes a left swipe operation or a right swipe operation.

[0009] In the above method, the displayed first interface includes a first area, and the first area displays a first card of a first category among multiple categories. That is to say, there are multiple categories of cards, and the terminal device can display the first card of the first category in the first area of ​​the first interface; and, in response to a first operation on the first card, a second card of a second category among multiple categories can be displayed in the first area of ​​the second interface according to a preset card sort. It can be seen that the terminal device can set cards of multiple categories, and through a left swipe operation or a right swipe operation, the cards of each category in the multiple categories are displayed in the first area in turn, thereby ensuring that more valid information in the terminal device can be displayed in the form of multiple categories of cards, enabling users to quickly view and use more valid information in the mobile phone, thereby improving the user experience.

[0010] In combination with the first aspect, in some implementations of the first aspect, the second interface includes a first control, and the method further includes:

[0011] In response to a second operation on the first control, a third interface is displayed, wherein the third interface includes a card for each of the multiple categories.

[0012] The second operation may be a click operation, a long press operation or a double click operation.

[0013] In the above method, the third interface is displayed through the third operation. In this way, cards of each category in multiple categories can be displayed through the third interface, which is convenient for users to view multiple cards of different categories at the same time, thereby improving the efficiency of users in obtaining effective information in the mobile phone.

[0014] In combination with the first aspect, in some implementations of the first aspect, the priority of the second category is the lowest priority in the preset card sorting, and the method further includes:

[0015] In response to a third operation on the second card, a third interface is displayed, wherein the third interface includes a card of each category in the plurality of categories.

[0016] The third operation may be a left swipe operation.

[0017] In the above method, the third interface is displayed through the third operation. In this way, cards of each category in multiple categories can be displayed through the third interface, which is convenient for users to view multiple cards of different categories at the same time, thereby improving the efficiency of users in obtaining effective information in the mobile phone.

[0018] In combination with the first aspect, in some implementations of the first aspect, the first interface and the second interface display first navigation points, and the number of the first navigation points is the same as the number of the multiple categories.

[0019] In the above method, multiple first navigation points equal to the number of multiple categories are displayed in the first interface and the second interface, so as to facilitate displaying the sliding status of cards of multiple categories and the number of categories of cards of multiple categories.

[0020] In combination with the first aspect, in some implementations of the first aspect, at a first moment, a first navigation point is displayed in a first interface; and the method further includes:

[0021] After a preset time period at the first moment, displaying the first navigation point as a first navigation bar in the first interface;

[0022] In response to a fourth operation on the first navigation bar, a fourth interface is displayed, wherein the fourth interface includes at least one card of the first category in an expanded state, wherein the at least one card includes the first card.

[0023] The fourth operation may be a pull-down operation.

[0024] In the above method, when the first navigation bar is displayed, at least one card of the first category in the expanded state can be displayed according to the user's fourth operation on the first navigation bar or the first interface after displaying the first navigation bar, so that the user can quickly view different cards of the first category.

[0025] In combination with the first aspect, in some implementations of the first aspect, at a first moment, a first navigation point is displayed in a first interface; and the method further includes:

[0026] After a preset time period at the first moment, displaying the first navigation point as a first navigation bar in the first interface;

[0027] In response to a fifth operation on the first navigation bar, a third interface is displayed, wherein the third interface includes a card for each of the multiple categories.

[0028] The fifth operation may be a pull-down operation.

[0029] In the above method, the third interface is displayed through the fifth operation on the first navigation bar or the first interface after displaying the first navigation bar. In this way, cards of each category in multiple categories can be displayed through the third interface, which is convenient for users to view multiple cards of different categories at the same time, thereby improving the efficiency of users in obtaining effective information in the mobile phone.

[0030] In combination with the first aspect, in some implementations of the first aspect, the first interface includes a second area, the second area displays first text information, and the first text information is used to represent the first category.

[0031] In the above method, the user can quickly know that the card in the current first area is a card of the first category through the first text information, which is convenient for the user to quickly find the card of the first category.

[0032] In combination with the first aspect, in some implementations of the first aspect, the second interface includes a second area, the second area displays second text information, and the second text information is used to represent the second category.

[0033] In the above method, the user can quickly know that the card in the current first area is a card of the second category through the second text information, so that the user can quickly find the card of the second category.

[0034] In combination with the first aspect, in certain implementations of the first aspect, the first interface and the second interface include a third area, the third area displays multiple second controls, the multiple second controls correspond to multiple identification information, and the multiple identification information corresponds one-to-one to the multiple categories.

[0035] The distance between the third area and the first area is less than a preset threshold, for example, the third area is located above the first area.

[0036] In the above method, since the multiple second spaces correspond to different identification information respectively, the user can quickly search for cards of different categories in multiple categories by using the multiple second controls.

[0037] In combination with the first aspect, in some implementations of the first aspect, when the first interface is displayed, the second control corresponding to the first category also displays third text information, and the third text information is used to represent the first category.

[0038] In the above method, the user can quickly know that the cards in the current first area are cards of the first category through the third text information, which is convenient for the user to quickly find the cards of the first category that he wants to find.

[0039] In combination with the first aspect, in certain implementations of the first aspect, when the second interface is displayed, the second control corresponding to the second category further displays fourth text information, where the fourth text information is used to represent the second category.

[0040] In the above method, the user can quickly know that the card in the current first area is a card of the second category through the fourth text information, so that the user can quickly find the card of the second category.

[0041] In combination with the first aspect, in some implementations of the first aspect, when displaying the first interface, the method further includes:

[0042] In response to a sixth operation on a second control corresponding to a second category among the plurality of second controls, second cards are displayed in the first area of ​​the second interface according to a preset card sorting.

[0043] The sixth operation may be a click operation, a long press operation or a double click operation.

[0044] In the above method, the speed and diversity of searching for cards other than the cards in the first category are increased, thereby ensuring the user experience.

[0045] In combination with the first aspect, in some implementations of the first aspect, the first interface displays the second navigation bar, and the method further includes:

[0046] In response to a seventh operation on the second navigation bar, a fifth interface is displayed, wherein the fifth interface includes at least one expanded card of the first category, wherein the at least one card includes a first card.

[0047] Among them, the seventh operation may be a pull-down operation.

[0048] In the above method, when the second navigation bar is displayed, the terminal device can display at least one card of the first category in an expanded state according to the user's seventh operation on the second navigation bar or the first interface after displaying the second navigation bar, so as to facilitate the user to quickly view different cards of the first category.

[0049] In combination with the first aspect, in some implementations of the first aspect, the first interface displays the second navigation bar, and the method further includes:

[0050] In response to an eighth operation on the second navigation bar, a third interface is displayed, wherein the third interface includes a card for each of the multiple categories.

[0051] The eighth operation may be a pull-down operation.

[0052] In the above method, the third interface is displayed through the eighth operation on the second navigation bar or the first interface after displaying the second navigation bar. In this way, cards of each category in multiple categories can be displayed through the third interface, which is convenient for users to view multiple cards of different categories at the same time, thereby improving the efficiency of users in obtaining effective information in the mobile phone.

[0053] In combination with the first aspect, in some implementations of the first aspect, the first interface and the second interface further include a fourth area, the fourth area is a resident area, and the method further includes:

[0054] In response to a ninth operation on the first area in the first interface or the second interface, displaying a third control;

[0055] In response to the tenth operation on the third control, at least one of removing, adding a note, and adding the card in the first area to the fourth area is performed.

[0056] The ninth operation may be a long press operation, and the tenth operation may be a click operation.

[0057] In the above method, since the fourth area is a permanent area, the cards in the first area can be added to the fourth area through the ninth operation on the first area. Therefore, the user can understand the relevant valid information more quickly from the fourth area without performing the first operation on the first area, thereby ensuring the efficiency of the user's understanding and query of relevant valid information.

[0058] In combination with the first aspect, in some implementations of the first aspect, the first interface is an interface corresponding to the negative one screen of the terminal device, or an interface corresponding to the desktop of the terminal device.

[0059] Among them, when the first interface is the interface corresponding to the negative one screen of the terminal device, when the terminal device receives an operation such as a right swipe performed by the user, the terminal device can display the first interface.

[0060] In a second aspect, the present application provides a terminal device comprising one or more processors, a memory and one or more computer programs, wherein the one or more computer programs are stored in the memory, and when the computer programs are executed by one or more processors, the terminal device executes the card display method in the first aspect and any possible implementation of the first aspect.

[0061] In a third aspect, the present application provides a chip system, which includes a processor for calling and running a computer program from a memory, so that a terminal device equipped with the chip system executes the card display method in the first aspect and any possible implementation of the first aspect.

[0062] In a fourth aspect, the present application provides a computer-readable storage medium, including a computer program. When the computer program is run on a terminal device, the terminal device executes the card display method in the first aspect and any possible implementation of the first aspect, and / or executes the card display method in the second aspect and any possible implementation of the second aspect.

[0063] In a fifth aspect, the present application provides a computer program product. When the computer program product runs on a computer, it enables the computer to execute the card display method in the first aspect and any possible implementation of the first aspect.

[0064] It can be understood that the beneficial effects of the third to sixth aspects mentioned above can be found in the relevant description of the first aspect mentioned above, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0065] Figure 1 A schematic diagram of the structure of a terminal device provided in one embodiment of the present application;

[0066] Figure 2 A schematic diagram of a software architecture of a terminal device provided in one embodiment of the present application;

[0067] Figure 3-Figure 12 A schematic diagram of a human-computer interaction interface provided in one embodiment of the present application;

[0068] Fig.13 A flowchart of a card display method provided in accordance with an embodiment of the present application. DETAILED DESCRIPTION

[0069] In this application, "at least one" means one or more, and "plurality" means two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the associated objects before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single items or plural items. For example, at least one of a, b, or c alone can represent: a, b, c, a and b, a and c, or a, b, and c, where a, b, and c can be single or multiple. In addition, the terms "first" and "second" are used for descriptive purposes only and cannot be understood as indicating or implying relative importance.

[0070] Service cards, also known as "cards", are a form of service that provides a more fine-grained atomic service capability than applications (APPs), and directly displays the services or content that users care about most to users in the form of interactive cards.

[0071] Cards can be linked to various apps or interactive scenarios to better meet user needs. A card is generally an application or a page in the app corresponding to that application. Users can click on a card to jump to the corresponding application or a service page in the app.

[0072] The card generation process can be as follows: the application provider uploads the service content that needs to be pushed to the user on the server, the server generates a corresponding card based on the service content uploaded by the provider, and pushes the card to the user's terminal device for display, so that the user's terminal device presents the service pushed by the application provider to the user in the form of a card.

[0073] Generally speaking, a card corresponds to a part of the service functions of an application. The application provider can split the application's services into multiple service modules, each service module corresponds to a card, and then push different cards to users according to different service scenarios.

[0074] Currently, terminal devices can recommend pre-set service cards to users on the negative one screen interface, such as voice assistant suggestion cards, to push valid information of various applications in the terminal device, filter massive information, and facilitate users to quickly view and use valid information.

[0075] However, the pre-set service cards can only quickly display limited information to users. When users need to quickly view and use more valid information, they need to manually add other related recommendation cards, which is not conducive to users quickly viewing and using more valid information, resulting in a poor user experience.

[0076] In view of the above problems, the present application may provide a card display method, a terminal device, a chip system, a computer-readable storage medium, and a computer program product, which may expand the area originally displaying the voice assistant suggestion cards, and display multiple categories of cards for displaying relevant service information of various applications in the terminal device in the area, and display each of the multiple categories of cards in turn by sliding the area, thereby ensuring that more valid information in the terminal device can be displayed in the form of cards, enabling users to quickly view and use more valid information in the mobile phone, thereby improving the user experience.

[0077] The above-mentioned card display method is applied to a terminal device, and the terminal device may be a terminal device having display screen hardware and corresponding software support.

[0078] For example, the terminal device may be a mobile phone, a tablet computer, a vehicle-mounted device, a laptop computer, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), a smart car, a smart TV, a robot, or the like.

[0079] It should be pointed out that in some possible implementations, the terminal device may also be called an electronic device, user equipment (UE), etc., which is not limited in the embodiments of the present application.

[0080] For ease of explanation, Figure 1 In the figure, the terminal device 100 is taken as a mobile phone as an example for illustration.

[0081] like Figure 1 As shown, the terminal device 100 may include a processor 101, a communication module 102, a display screen 103, a camera 104, a sensor 105, an internal memory 106, a USB interface 107, an external memory interface 108, a charging management module 109, a power management module 110, and a battery 111, etc.

[0082] The processor 101 may include one or more processing units, for example, the processor 101 may include an application processor (AP), a modem processor, a graphics processor, an image signal processor (ISP), a controller, a memory, a video stream codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Different processing units may be independent devices or integrated in one or more processors 101.

[0083] The controller may be the nerve center and command center of the terminal device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

[0084] The processor 101 may also be provided with a memory for storing instructions and data.

[0085] In some embodiments, the memory in the processor 101 is a cache memory. The memory can store instructions or data that the processor 101 has just used or cyclically used. If the processor 101 needs to use the instruction or data again, it can be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 101, and thus improves the efficiency of the system.

[0086] In some embodiments, the processor 101 may include one or more interfaces. The interface may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0087] The modem processor may include a modulator and a demodulator. Among them, the modulator is used to modulate the low-frequency baseband signal to be sent into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After the low-frequency baseband signal is processed by the baseband processor, it is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to a speaker 170A, a receiver 170B, etc.), or displays an image or video through a display screen 103. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 101 and be set in the same device as the mobile communication module 150 or other functional modules.

[0088] The communication module 102 may include antenna 1 and antenna 2, a mobile communication module, and / or a wireless communication module.

[0089] Each antenna in the terminal device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve the utilization of the antennas. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

[0090] The mobile communication module can provide solutions for wireless communications including 2G / 3G / 4G / 5G, etc., applied to the terminal device 100. The mobile communication module may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module may receive electromagnetic waves from the antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module may also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module may be arranged in the processor 101. In some embodiments, at least some of the functional modules of the mobile communication module may be arranged in the same device as at least some of the modules of the processor 101.

[0091] The wireless communication module can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the terminal device 100. The wireless communication module can be one or more devices integrating at least one communication processing module. The wireless communication module receives electromagnetic waves via antenna 2, modulates and filters the electromagnetic wave signals, and sends the processed signals to processor 101. The wireless communication module can also receive the signal to be sent from processor 101, modulate the frequency, amplify it, and convert it into electromagnetic waves for radiation through antenna 2.

[0092] The display screen 103 is used to display images or videos in the human-computer interaction interface. The display screen 103 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), MiniLED, MicroLED, Micro-OLED, quantum dot light emitting diodes (QLED), etc. In some embodiments, the terminal device 100 may include 1 or N display screens 103, where N is a positive integer greater than 1.

[0093] The camera 104 is used to capture still images or videos. The object generates an optical image through the lens and projects it onto the photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then passes the electrical signal to the ISP to be converted into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in a standard RGB, YUV or other format. In some embodiments, the terminal device 100 may include 1 or N cameras 104, where N is a positive integer greater than 1.

[0094] The charging management module 109 is used to receive charging input from a charger, where the charger can be a wireless charger or a wired charger.

[0095] In some wired charging embodiments, the charging management module 109 may receive charging input from a wired charger through the USB interface 107 .

[0096] In some wireless charging embodiments, the charging management module 109 may receive wireless charging input via a wireless charging coil of the terminal device 100. While the charging management module 109 charges the battery 111, it may also power the terminal device 100 via the power management module 110.

[0097] The power management module 110 is used to connect the battery 111, the charging management module 109 and the processor 101. The power management module 110 receives input from the battery 111 and / or the charging management module 109, and supplies power to the processor 101, the internal memory 106, the external memory, and the communication module 102. The power management module 110 can also be used to monitor parameters such as battery capacity, battery cycle number, and battery health status (leakage, impedance).

[0098] In some other embodiments, the power management module 110 may also be disposed in the processor 101 .

[0099] In other embodiments, the power management module 110 and the charging management module 109 may also be disposed in the same device.

[0100] The external memory interface 108 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the terminal device 100. The external memory card communicates with the processor 101 through the external memory interface 108 to implement a data storage function. For example, files such as music and video streams are stored in the external memory card.

[0101] The internal memory 106 can be used to store computer executable program codes, which include instructions. The processor 101 executes various functional applications and data processing of the terminal device 100 by running the instructions stored in the internal memory 106. The internal memory 106 can include a program storage area and a data storage area.

[0102] The program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area may store data created during the use of the terminal device 100 (such as audio data, a phone book, etc.), etc. In addition, the internal memory 106 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

[0103] The sensor 105 in the terminal device 100 may include image sensors, touch sensors, pressure sensors, gyroscope sensors, air pressure sensors, magnetic sensors, acceleration sensors, distance sensors, proximity light sensors, ambient light sensors, fingerprint sensors, temperature sensors, bone conduction sensors and other components to realize sensing and / or acquisition functions for different signals.

[0104] Optionally, the terminal device 100 may also include peripheral devices, such as a mouse, buttons, indicator lights, a keyboard, a speaker, a microphone, etc.

[0105] The buttons include a power button, a volume button, etc. The buttons may be mechanical buttons or touch buttons. The terminal device 100 may receive button inputs and generate key signal inputs related to user settings and function control of the terminal device 100.

[0106] The indicator may be a light indicator, which may be used to indicate the charging status and the change in the power level, and may also be used to indicate messages, missed calls, and notifications, etc.

[0107] It is understandable that the structure illustrated in this embodiment does not constitute a specific limitation on the terminal device 100 .

[0108] In other embodiments, the terminal device 100 may include more or fewer components than shown, or combine some components, or split some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0109] Please refer to Figure 2 , is a schematic diagram of a software architecture of a terminal device provided in an embodiment of the present application. The card display method provided in an embodiment of the present application is applied to Figure 1When the terminal device 100 is shown, the software in the terminal device 100 can be divided into the following Figure 2 The application layer 201, the hardware abstraction layer (HAL) 202 and the driver layer 203 are shown.

[0110] A plurality of applications may be installed in the application layer 201 , which may include a camera application for implementing a shooting function.

[0111] The camera application refers to a computer program that runs on an operating system and can perform a photo-taking task. When the format of the camera application is an Android application package (APK) format, the camera application can run on an Android operating system.

[0112] In the embodiment of the present application, the camera application may be an application with a shooting function. For example, an application with the function of sharing short videos can be used as the camera application in the embodiment of the present application if it has a shooting function.

[0113] The hardware abstraction layer 202 is a software located between the operating system kernel and the hardware circuit, and is generally used to abstract the hardware to enable the interaction between the operating system and the hardware circuit at the logical layer. In the embodiment of the present application, the hardware abstraction layer 202 may include a camera hardware abstraction layer (camera HAL) that enables the interaction between the camera application and the image sensor at the logical layer.

[0114] The driver layer 203 may be installed with a plurality of drivers for driving the hardware.

[0115] It should be noted that the application layer 201, the hardware abstraction layer 202 and the driver layer 203 may also include other contents, which are not specifically limited here.

[0116] Based on the above description, combined with Figure 3-Figure 12 , describes in detail the card method of the terminal device to implement the present application. For the convenience of explanation, Figure 3-Figure 12 In the figure, a mobile phone is used as the terminal device and the display direction of the mobile phone is the vertical screen direction as an example for illustration.

[0117] See also Figure 3-Figure 12 , Figure 3-Figure 12 A schematic diagram of a human-computer interaction interface provided in an embodiment of the present application is shown.

[0118] In one implementation, combining Figure 3(a) to Figure 7 (b) in the figure describes in detail the card display method provided in one embodiment of the present application.

[0119] The phone can display Figure 3 The interface 11 shown in (a) is used to display icons of various application programs (APPs) installed on the mobile phone. For example, the interface 11 may include an icon of a camera APP, an icon of an album APP, and an icon of a file management APP.

[0120] Upon receiving the user's Figure 3 After performing a triggering operation (such as sliding right) on the interface 11 shown in (a) of FIG. 1 , the mobile phone can be used as follows: Figure 3 The interface 11 shown in (a) in FIG. 1 changes to display as shown in FIG. Figure 3 The interface 12 shown in (b) is used to display cards, resident cards and other cards.

[0121] It is understandable that, due to the limited length of the mobile phone screen, when the interface is a long interface, the mobile phone screen can only display part of the long interface, for example, the mobile phone can only display part of the content of interface 12.

[0122] in, Figure 3 The interface 12 shown in (b) can be the interface corresponding to the negative one screen of the mobile phone, or the interface corresponding to the desktop of the mobile phone, or other interfaces in the mobile phone. The human-computer interaction interface provided in the embodiment of the present application is described by taking the interface corresponding to the negative one screen as an example.

[0123] The cards may include cards in "My Daily Life", for example, cards corresponding to "Voice Assistant Suggestions", "Orders" and "Equipment", respectively. At this time, the cards displayed on the interface 12 are first-class cards, for example, the first-class cards may be the first-ranked cards in "Voice Assistant Suggestions". The resident cards may include cards corresponding to "My Services", for example, scan code cards, ride cards, payment cards, weather cards, etc. Other cards may include service cards, etc.

[0124] In addition, the first type of card may be the card with the highest priority. For example, when the time in "Order" is earlier than the time corresponding to "Voice Assistant Suggestion", the first card is the card corresponding to "Order".

[0125] in, Figure 3In (b), interface 12 may include controls 1001, 1002, 1003, 1004, 1008, and 1010. Control 1001 is used to display various cards. At this time, control 1001 displays the first category of cards, for example, the card corresponding to "Voice Assistant Suggestions" in "My Daily Life". The card corresponding to "Voice Assistant Suggestions" can display the user's schedule, for example, travel plans. When the travel plan is to travel by plane, the travel plan may include travel time, arrival time, travel airport, arrival airport, and flight number; when the travel plan is to travel by plane, control 1001 also includes a "Check-in Seat Selection" entrance, and the user can check in and select seats based on the "Check-in Seat Selection" entrance. Control 1002 is used to trigger the display of other cards in "Voice Assistant Suggestions". Control 1003 is used to trigger the display of all categories of cards. Control 1004 is used to display resident cards. Control 1008 is used to display the sliding status and the number of cards in "My Daily Life". Control 1010 is used to display the title corresponding to each card.

[0126] It is understandable that the interface 12 is a long interface. Since the screen length of the mobile phone is limited, the mobile phone can only display part of the content of the interface 12, for example, the content above the "service card".

[0127] Upon receiving the user's Figure 3 After performing a triggering operation (such as sliding up) on the interface 12 shown in (b) of FIG. 1 , the mobile phone can be used as follows Figure 3 The interface 12 shown in (b) in FIG. 1 changes to display as shown in FIG. Figure 4 The interface 13 shown in (a) is used to display cards, resident cards and other cards.

[0128] in, Figure 3 The interface 12 shown in (b) displays the contents below "Service Card".

[0129] Upon receiving the user's Figure 3 After performing a triggering operation (such as sliding left or right) on the interface 12 shown in (b) of FIG. 1 , the mobile phone can be used as follows: Figure 3 The interface 12 shown in (b) in FIG. 1 changes to display as shown in FIG. Figure 4 The interface 14 shown in (b) is used to display cards, resident cards and other cards.

[0130] At this time, the card displayed on the interface 14 is a second-category card. For example, the second-category card may be a card corresponding to "order".

[0131] In other words, control 1001 displays the second type of cards, for example, the cards corresponding to "Orders" in "My Daily Life". For example, the cards corresponding to "Orders" may include express reminder cards and hotel reminder cards.

[0132] Upon receiving the user's Figure 4 After performing a triggering operation (such as sliding left or right) on the interface 14 shown in (b) of FIG. 14, the mobile phone can be used as follows: Figure 4 The interface 14 shown in (b) in FIG. 1 changes to display as shown in FIG. Figure 5 The interface 15 shown in (a) is used to display cards, resident cards and other cards.

[0133] in, Figure 5 In (a), the interface 15 may include a control 1005, and the control 1005 is used to trigger the display of cards of all categories.

[0134] At this time, the card displayed on the interface 15 is a card of the third category. For example, the card of the third category may be the first card in “device”.

[0135] In other words, control 1001 displays the card corresponding to "Device" in the card corresponding to "My Daily Life". For example, the card corresponding to "Device" may include the battery level of a mobile phone, the battery level of headphones connected to the mobile phone, and the battery level of a smart watch connected to the mobile phone.

[0136] Or, upon receiving the user's Figure 4 After performing a triggering operation (such as sliding left or right) on the interface 14 shown in (b) of FIG. 14, the mobile phone can be used as follows: Figure 4 The interface 14 shown in (b) in FIG. 1 is changed to display another interface (with Figure 5 The difference between the interface 15 shown in (a) is that there is no control 1005 in the other interface); after receiving the user's triggering operation on the other interface (such as swiping left or right), the mobile phone can change from the other interface to display as shown in FIG. Figure 5 Interface 15 shown in (a).

[0137] Upon receiving the user's Figure 5 After performing a triggering operation (such as sliding left or right) on the interface 15 shown in (a) of FIG. 1 , the mobile phone can be used as follows: Figure 5 The interface 15 shown in (a) in FIG. 1 changes to display as shown in FIG. Figure 5 Interface 16 shown in (b) is used for cards of all categories.

[0138] Wherein, when the cards include first-category cards, second-category cards, and third-category cards, Figure 5 In (b), the interface 16 may include a control 1001, a control 1006, and a control 1007. The control 1001 is used to display a first type of card. The control 1006 is used to display a second type of card. The control 1007 is used to display a third type of card.

[0139] For example, Figure 5In the interface 16 shown in (b), control 1001 displays the card corresponding to "Voice Assistant Suggestion" in "My Daily Life". Control 1006 displays the card corresponding to "Order" in "My Daily Life". Control 1007 displays the card corresponding to "Device" in "My Daily Life".

[0140] Alternatively, in addition, upon receiving a user's Figure 3 (b) Figure 4 (a) Figure 4 (b) or Figure 5 After the control 1003 shown in (a) in FIG. 1 is triggered (such as clicking, double-clicking or long pressing), the mobile phone can be used as follows: Figure 3 The interface shown in (b) 12, Figure 4 The interface shown in (a) 13, Figure 4 The interface 14 shown in (b) in FIG. 14 , or Figure 5 The interface 15 shown in (a) in FIG. 1 changes to display as shown in FIG. Figure 5 Interface 16 shown in (b) is used for cards of all categories.

[0141] In summary, the mobile phone can set multiple types of cards to display the relevant service information of various applications in the terminal device, ensuring that more valid information in the terminal device can be displayed in the form of cards, and each type of card in the multiple types of cards can be displayed in turn by sliding, so that the user can quickly view and use the information in the card in turn, which improves the display rate of valid information in the mobile phone and enhances the interaction between the user and the mobile phone. In addition, multiple types of cards can be displayed simultaneously through a control, allowing users to view different types of cards at the same time, improving the efficiency of users in obtaining valid information in the mobile phone.

[0142] Based on the above description, Figure 3 The interface shown in (b) 12, Figure 4 The interface shown in (a) 13, Figure 4 The interface 14 shown in (b) in FIG. 1 , and Figure 5 The interface 15 shown in (a) may also include a control 1008. The control 1008 is used to display the sliding state and the number of cards in "My Daily".

[0143] in, Figure 3 The interface shown in (b) 12, Figure 4 The interface shown in (a) 13, Figure 4 The interface 14 shown in (b) in FIG. 1 , and Figure 5 In the interface 15 shown in (a), multiple navigation points are displayed in the control 1008.

[0144] For example, control 1008 may include three navigation points. When the mobile phone displays the first type of card in "My Daily Life", for example, the card corresponding to "Voice Assistant Suggestions", the first of the three navigation points lights up; when the mobile phone displays the second type of card in "My Daily Life", for example, the card corresponding to "Orders", the second of the three navigation points lights up; when the mobile phone displays the second type of card in "My Daily Life", for example, the card corresponding to "Device", the third of the three navigation points lights up.

[0145] by Figure 3 Taking the interface 12 shown in (b) as an example, after the navigation point in the control 1008 displays the preset time, the mobile phone can Figure 3 The interface 12 shown in (b) in FIG. 1 changes to display as shown in FIG. Figure 6 Interface 17 is shown.

[0146] For example, the preset duration may be 2 seconds.

[0147] in, Figure 6 A navigation bar is displayed in the control 1008 in the interface 18.

[0148] by Figure 3 Taking the interface 12 shown in (b) as an example, when a navigation bar is displayed in the control 1008, upon receiving a user's Figure 3 After the interface 12 or the control 1008 shown in (b) performs a triggering operation (such as pulling down), the mobile phone can Figure 3 The interface 12 shown in (b) in FIG. 1 changes to display Figure 7 The interface 18 shown in (a) is used to display all cards corresponding to the first type of cards, and the interface 19 is also used to display multiple other different cards in the mobile phone.

[0149] in, Figure 7 In (a), control 1001 displays multiple cards corresponding to the first category of cards, for example, multiple cards corresponding to "Voice Assistant Suggestions" in "My Daily Life".

[0150] and, Figure 7 In (a), the interface 18 may further include a control 1011, and the control 1011 is used to trigger the folding of multiple cards corresponding to the first type of cards.

[0151] Upon receiving the user's Figure 7 After the interface 18 or the control 1011 shown in (a) is triggered (such as sliding up), the mobile phone can be Figure 7 The interface 18 shown in (a) in FIG. 1 is changed to display as shown in FIG. Figure 6 Interface 17 is shown.

[0152] by Figure 4Taking the interface 13 shown in (a) as an example, when a navigation bar is displayed in the control 1008, upon receiving a user's Figure 4 After the interface 13 or the control 1008 shown in (a) performs a triggering operation (such as pulling down), the mobile phone can Figure 4 The interface 13 shown in (a) in FIG. 1 changes to display Figure 7 Interface 19 shown in (b) in FIG.

[0153] in, Figure 7 In (a), control 1001 displays multiple cards corresponding to the second category of cards; for example, multiple cards corresponding to "Orders" in "My Daily Life".

[0154] and, Figure 7 In (b), the interface 19 may further include a control 1012, and the control 1012 is used to trigger the folding of multiple cards corresponding to the second type of cards.

[0155] Upon receiving the user's Figure 7 After the interface 19 or the control 1012 shown in (b) performs a triggering operation (such as sliding up), the mobile phone can be used as follows Figure 7 The interface 19 shown in (b) becomes a display Figure 4 The interface 14 shown in (b) shows the interface behind the navigation bar.

[0156] In summary, the mobile phone can display the sliding status through the navigation point, so that the user can understand which category of cards is currently displayed; and after a preset time, the navigation point becomes a navigation bar to remind the user that they can pull down to display the sub-cards included in each category of cards, allowing the user to view all sub-cards of the same category at the same time, thereby improving the efficiency of users in obtaining effective information in the mobile phone.

[0157] Based on the above description, the mobile phone can also add a card from the control 1001 to the control 1004 of the permanent card.

[0158] Combination Figure 4 The interface 13 shown in (a) in FIG. 13 receives the user's Figure 4 After performing a triggering operation (such as long pressing, etc.) on the interface 13 shown in (a) of FIG. 1 , the mobile phone can be used as follows: Figure 4 The interface 13 shown in (a) in FIG. 1 changes to display as shown in FIG. Figure 8 The interface 20 shown in (a) is used to trigger adding a card from the control 1001 to the control 1004 of the permanent card.

[0159] in, Figure 8In (a), the interface 12 may include a control 1009. The control 1009 is used to trigger adding the card in the control 1001 to the control 1004 of the resident card, and is also used to trigger removing the card in the control 1001 from the control 1001, and is also used to edit or record the card through the "all notes" in the control 1009.

[0160] Upon receiving the user's Figure 8 After performing a triggering operation (such as clicking "Add to My Services") on the interface 20 shown in (a) of FIG. 1 , the mobile phone can Figure 8 The interface 20 shown in (a) in FIG. 1 changes to display as shown in FIG. Fig. 9 Interface 22 is shown.

[0161] in, Fig. 9 In the example, at least one card in the second category of cards can be moved from control 1001 to control 1004, that is, changed from a card to a permanent card; for example, "express reminder" is moved from control 1001 to control 1004.

[0162] Or, upon receiving the user's Figure 4 After performing a triggering operation (such as long pressing, etc.) on the interface 13 shown in (a) of FIG. 1 , the mobile phone can be used as follows: Figure 4 The interface 13 shown in (a) in FIG. 1 changes to display as shown in FIG. Figure 8 The interface 21 shown in (b) is used to trigger adding a card from the control 1001 to the control 1004 of the permanent card.

[0163] Upon receiving the user's Figure 8 After performing a triggering operation (such as dragging) on ​​the interface 21 shown in (b) of FIG. 1 , the mobile phone can be used as follows: Figure 8 The interface 20 shown in (b) in FIG. 1 changes to display as shown in FIG. Fig. 9 Interface 22 is shown.

[0164] In summary, the mobile phone can also add cards as permanent cards, so that users can view and use more effective information in the mobile phone more intuitively and quickly, thereby improving the efficiency of users in obtaining effective information in the mobile phone.

[0165] In another implementation, Figure 3 Take the interface 12 shown in (b) as an example, and continue to combine Figure 3 (a) in , and Fig.10 (a) to Fig.10 (b) in the figure describes in detail the card display method provided in one embodiment of the present application.

[0166] Upon receiving the user's Figure 3 After performing a triggering operation (such as sliding right, etc.) on the interface 11 shown in (a) of FIG. 1 , the mobile phone can be used as follows: Figure 3The interface 11 shown in (a) in FIG. 1 changes to display as shown in FIG. Fig.10 The interface 23 shown in (a) is used to display cards, resident cards and other cards, etc., and is also used to display multiple other cards in the mobile phone.

[0167] and Figure 3 The difference from (b) is that the interface 23 does not include the control 1003.

[0168] After the navigation point in the control 1008 is displayed for a preset time, the mobile phone can Fig.10 The interface 23 shown in (a) in FIG. 1 changes to display as shown in FIG. Fig.10 The interface 24 shown in (b) in FIG.

[0169] For example, the preset duration may be 2 seconds.

[0170] in, Fig.10 A navigation bar is displayed in the control 1008 in the interface 24 in (b).

[0171] When a navigation bar is displayed in control 1008, upon receiving a user's Fig.10 After the interface 24 or control 1008 shown in (b) performs a triggering operation (such as pulling down), the mobile phone can Fig.10 The interface 24 shown in (b) in FIG. 1 changes to display as shown in FIG. Figure 5 Interface 16 shown in (b) is used for cards of all categories.

[0172] In summary, after each interface corresponding to each category of cards is displayed and after a preset time has passed, the navigation point of the mobile phone can be changed into a navigation bar, and the user can trigger the mobile phone to display cards of all categories based on the navigation bar.

[0173] In another implementation, continue to combine Figure 3 (a) in the above, and Fig.11 (a) to Fig.12 (b) in the figure describes in detail the card display method provided in one embodiment of the present application.

[0174] Upon receiving the user's Figure 3 After performing a triggering operation (such as sliding right, etc.) on the interface 11 shown in (a) of FIG. 1 , the mobile phone can be used as follows: Figure 3 The interface 11 shown in (a) in FIG. 1 changes to display as shown in FIG. Fig.11 The interface 25 shown in (a) is used to display cards, resident cards and other cards, etc., and is also used to display multiple other cards in the mobile phone.

[0175] The cards may include cards in "My Daily Life", for example, cards corresponding to "Voice Assistant Suggestions", "Orders" and "Equipment", respectively. At this time, the cards displayed on the interface 12 are first-class cards, for example, the first-class cards may be the first-ranked cards in "Voice Assistant Suggestions". The resident cards may include cards corresponding to "My Services", for example, scan code cards, ride cards, payment cards, weather cards, etc. Other cards may include service cards, etc.

[0176] in, Fig.11 In (a), the interface 25 may include controls 1001, 1002, 1004, 1008, and 1010. Control 1001 is used to display various cards. At this time, control 1001 displays the first type of card, for example, the card corresponding to "Voice Assistant Suggestions" in "My Daily Life". The card corresponding to "Voice Assistant Suggestions" can display the user's schedule, for example, travel plans. When the travel plan is to travel by plane, the travel plan may include travel time, arrival time, travel airport, arrival airport, and flight number; when the travel plan is to travel by plane, control 1001 also includes a "Check-in Seat Selection" entrance, and the user can check in and select seats based on the "Check-in Seat Selection" entrance. Control 1002 is used to trigger the display of other cards in "Voice Assistant Suggestions". Control 1003 is used to trigger the display of all cards. Control 1004 is used to display resident cards. Control 1008 is used to display the sliding status and the number of cards in "My Daily Life". Control 1010 is used to display the titles corresponding to each card.

[0177] and Figure 3 The difference between the interface 12 shown in (b) is that Fig.11 In the interface 25 shown in (a), when the first type of card is displayed in the control 1001, the icon corresponding to the first type of card and the title corresponding to the first type of card, as well as the icons of other cards are displayed in sequence in the control 1010.

[0178] For example, when the card corresponding to "Voice Assistant Suggestion" is displayed in control 1001, the icon corresponding to "Voice Assistant Suggestion" and the text information corresponding to "Voice Assistant Suggestion" are displayed in control 1010, as well as the icons corresponding to "Order", "Equipment" and "Community Information" respectively.

[0179] And, with Figure 3 The difference between the interface 12 shown in (b) is that Fig.11 In the interface 25 shown in (a), the control 1008 no longer displays the navigation point, but only displays the navigation bar.

[0180] Upon receiving the user's Fig.11 After performing a triggering operation (such as sliding left or right, etc.) on the interface 25 shown in (a) of FIG. 1 , the mobile phone can be used as follows: Fig.11 The interface 25 shown in (a) in FIG. 1 changes to display as shown in FIG. Fig.11 The interface 26 shown in (b) is used to display cards, resident cards and other cards.

[0181] At this time, the card displayed on the interface 26 is a second-category card. For example, the second-category card may be a card corresponding to "order".

[0182] In other words, control 1001 displays the second category of cards, for example, the card corresponding to "Order" in the card corresponding to "My Daily Life", for example, the card corresponding to "Order" may include a courier reminder card and a hotel reminder card.

[0183] and Figure 4 The difference between the interface 13 shown in (a) is that Fig.11 In the interface 26 shown in (b), when the second type of card is displayed in the control 1001, the icon corresponding to the second type of card and the title corresponding to the second type of card, as well as the icons of other cards are displayed in sequence in the control 1010.

[0184] For example, when the card corresponding to "Order" is displayed in control 1001, the icon corresponding to "Order" and the text information corresponding to "Order" are displayed in control 1010, as well as the icons corresponding to "Voice Assistant Suggestions", "Equipment", and "Community Information" respectively.

[0185] And, with Figure 4 The difference between the interface 13 shown in (a) is that Fig.11 In the interface 26 shown in (b), the control 1008 no longer displays the navigation point, but only displays the navigation bar.

[0186] Or, upon receiving the user's Fig.11 After the "Order" in the interface 25 shown in (a) is triggered (such as clicking), the mobile phone can be Fig.11 The interface 25 shown in (a) in FIG. 1 changes to display as shown in FIG. Fig.11 The interface 26 shown in (b) in FIG.

[0187] Similarly, upon receiving the user's Fig.11 After performing a triggering operation (such as sliding left or right, etc.) on the interface 26 shown in (b) of FIG. 1 , the mobile phone can be used as follows: Fig.11 The interface 26 shown in (b) in FIG. 1 is changed to display another interface, in which the Figure 4 The difference between the interface 14 shown in (b) is that at this time, the card displayed on the interface 26 is the third type of card, that is, the control 1001 displays the icon corresponding to the third type of card and the title corresponding to the third type of card, as well as the icons of other cards in sequence.

[0188] In addition, upon receiving the user's Fig.11 After the interface 25 or the control 1008 shown in (a) performs a triggering operation (such as pulling down), the mobile phone can Fig.11 The interface 25 shown in (a) in FIG. 1 changes to display as shown in FIG. Fig.12 The interface 27 shown in (a) is used to display all cards corresponding to the first type of cards. The interface 27 is also used to display multiple other different cards in the mobile phone.

[0189] in, Fig.12 In (a), the control 1010 sequentially displays the icon corresponding to the first type of card and the title corresponding to the first type of card, as well as the icons corresponding to other cards and the titles corresponding to other cards.

[0190] The icons corresponding to the first type of cards and the titles corresponding to the first type of cards, and the icons corresponding to other cards and the titles corresponding to other cards have different display brightness and / or display color.

[0191] For example, Fig.12 In (a), when the card corresponding to "Voice Assistant Suggestion" is displayed, the control 1010 displays the icon corresponding to "Voice Assistant Suggestion" and the text information corresponding to "Voice Assistant Suggestion", the icon corresponding to "Order" and the text information corresponding to "Order", the icon corresponding to "Device" and the text information corresponding to "Device", and the icon corresponding to "Community Information" and the text information corresponding to "Community Information" in sequence.

[0192] For example, the icon corresponding to the first type of card and the title corresponding to the first type of card are displayed in blue, and the icons corresponding to other cards and the titles corresponding to other cards are displayed in white.

[0193] and, Fig.12 In (a), the interface 27 may further include a control 1011, and the control 1011 is used to trigger the folding of multiple cards corresponding to the first type of cards.

[0194] Upon receiving the user's Fig.12 After the interface 27 or the control 1011 shown in (a) performs a triggering operation (such as sliding up), the mobile phone can be used as follows Fig.12 The interface 27 shown in (a) in FIG. 1 changes to display as shown in FIG. Fig.11 The interface 25 shown in (a) in FIG.

[0195] Upon receiving the user's Fig.11 After the interface 26 or control 1008 shown in (b) performs a triggering operation (such as pulling down), the mobile phone can Fig.11 The interface 26 shown in (b) in FIG. 1 changes to display as shown in FIG. Fig.12The interface 28 shown in (b) is used to display multiple cards corresponding to the first type of cards. The interface 28 is also used to display multiple other different cards in the mobile phone.

[0196] in, Fig.12 In (b), the control 1010 sequentially displays the icons corresponding to the second type of cards and the titles corresponding to the second type of cards, as well as the icons corresponding to other cards and the titles corresponding to other cards.

[0197] The icons corresponding to the second type of cards and the titles corresponding to the second type of cards, and the icons corresponding to other cards and the titles corresponding to other cards have different display brightness and / or display color.

[0198] For example, Fig.12 In (b), when the card corresponding to "Order" is displayed, the control 1010 displays the icon corresponding to "Order" and the text information of "Order", the icon corresponding to "Voice Assistant Suggestion" and the text information corresponding to "Voice Assistant Suggestion", the icon corresponding to "Device" and the text information corresponding to "Device", and the icon corresponding to "Community Information" and the text information corresponding to "Community Information" in sequence.

[0199] For example, the icon corresponding to the second type of card and the title corresponding to the second type of card are displayed in blue, and the icons corresponding to other cards and the titles corresponding to other cards are displayed in white.

[0200] and, Fig.12 In (b), the interface 28 may further include a control 1012, and the control 1012 is used to trigger the folding of multiple cards corresponding to the second type of cards.

[0201] Upon receiving the user's Fig.12 After the interface 28 or control 1012 shown in (b) performs a triggering operation (such as sliding up), the mobile phone can be used as follows Fig.12 The interface 28 shown in (b) in FIG. 1 changes to display as shown in FIG. Fig.11 The interface 26 shown in (b) in FIG.

[0202] Or, Fig.11 Taking the interface 25 shown in (a) as an example, when a navigation bar is displayed in the control 1008, upon receiving a user's Fig.11 After the interface 25 or the control 1008 shown in (a) performs a triggering operation (such as pulling down), the mobile phone can Fig.11 The interface 25 shown in (a) becomes Figure 5 The interface 16 shown in (b) in FIG.

[0203] by Fig.11 For example, when a navigation bar is displayed in the control 1008, upon receiving a user's Fig.11 After the interface 26 or control 1008 shown in (b) performs a triggering operation (such as pulling down), the mobile phone can Fig.11 The interface 26 shown in (b) becomes Figure 5 The interface 16 shown in (b) in FIG.

[0204] In summary, the mobile phone can set up multiple types of cards to display the relevant service information of various applications in the terminal device, ensuring that more effective information in the terminal device can be displayed in the form of cards, and each type of card in the multiple types of cards can be displayed in turn by sliding, so that the user can quickly view and use the information in the cards in turn, thereby improving the display rate of effective information in the mobile phone and enhancing the sense of interaction between the user and the mobile phone.

[0205] In addition, the mobile phone can also remind users through the navigation bar that they can display the sub-cards included in each category of cards by pulling down, allowing users to view all sub-cards of the same category at the same time, thereby improving the efficiency of users in obtaining effective information in the mobile phone.

[0206] Based on the above scenario description, the present application takes a terminal device as an example, and combines the accompanying drawings and application scenarios to elaborate on the card display method provided in the embodiment of the present application.

[0207] See also Fig.13 , Fig.13 A schematic flow chart of a card display method provided in an embodiment of the present application is shown.

[0208] like Fig.13 As shown, the card display method provided by the present application may include:

[0209] S301. Display a first interface, the first interface including a first area, a first card is displayed in the first area, the category of the first card is the first category among multiple categories, the priority of the first category is the highest priority in the preset card sorting, and the first area is an area for displaying suggested cards.

[0210] Among them, the terminal device can display the first interface in a variety of ways.

[0211] In some embodiments, the terminal device includes an interface corresponding to the desktop. After receiving an operation triggered by the user on the interface corresponding to the desktop (such as swiping right, etc.), the electronic device can display an interface, which is the first interface. The first interface is the interface corresponding to the negative one screen of the terminal device.

[0212] Among them, when the first interface is the interface corresponding to the negative one screen of the terminal device, the specific implementation method of the interface corresponding to the desktop can be found in Figure 3 For the description of the interface 11 shown in (a), the specific implementation of the first interface can be found in Figure 3 The relevant description of the interface 12 shown in (b) is not repeated here.

[0213] In other embodiments, the terminal device includes an interface corresponding to the desktop, and the interface corresponding to the desktop is the first interface.

[0214] The specific implementation of the first area in the first interface can be found in Figure 3 The interface 12 shown in (b) in FIG. 1 , and Fig.11 The relevant description of the control 1001 in the interface 25 shown in (a) is not repeated here.

[0215] In some embodiments, the first region is located above the first interface.

[0216] It should be understood that the above description uses the example that the first area is located in the upper area of ​​the first interface; the first area can also be located in other areas of the first interface, and the present application does not impose any limitation on the position of the first area on the first interface.

[0217] The first card is used to display service information of the first application, and the service information includes at least one of status information, time information, quantity information and location information.

[0218] Furthermore, the first application may be one or more; this application does not limit the number of first applications.

[0219] For example, the priority of the first card is the highest priority among the cards in the first category. The first category includes 3 cards, which are ranked by priority as Card 1, Card 2 and Card 3. Then, Card 1 has the highest priority and is the first card.

[0220] The specific implementation of the first card can be found in Figure 3 The description of the card in the control 1001 in the interface 12 shown in (b) is not repeated here.

[0221] In addition, the multiple categories may include at least two of a voice assistant suggestion category, an order category, an information category, a travel category, a financial management category, and a category card.

[0222] In some embodiments, the preset card order may be a pre-set order.

[0223] For example, when the multiple categories are three categories, and the three categories include: voice assistant (for example, YOYO) recommended categories, order categories and device categories, the pre-set order arrangement can be YOYO recommended categories, order categories and device categories respectively. At this time, the priority of the YOYO recommended categories is the highest priority in the preset card sorting, then the first category is the YOYO recommended category.

[0224] In other words, when the multiple categories are three categories, and the three categories are arranged in a preset order of YOYO suggestions, orders, and equipment, the first card is the YOYO suggestions card.

[0225] In some embodiments, the preset card order may be an order set according to preset rules.

[0226] For example, the preset rule is to follow the time sequence in the cards.

[0227] For example, when the multiple categories are three categories, and the three categories include: YOYO recommended category, order category and equipment category, the chronological order can be order category, YOYO recommended category and equipment category. At this time, the priority of the order category is the highest priority in the preset card sorting, then the first category is the order category.

[0228] The specific implementation methods of multiple categories can be found in Figure 3 The YOYO suggestion category of the control 1010 in the interface 12 shown in (b) Figure 4 The order category of the control 1010 in the interface 13 shown in (a), and Figure 4 The description of the device category of the control 1010 in the interface 14 shown in (b) is not repeated here.

[0229] Based on the above description of the first interface, the first area, and the first card, the first interface can also display information corresponding to the first card in the first interface through two implementation methods.

[0230] Implementation method 1

[0231] The first interface includes a second area, the second area displays first text information, and the first text information is used to represent the first category.

[0232] In some embodiments, the second area is displayed over the first area.

[0233] It should be understood that the above description uses the example of the second area being displayed above the first area as an example; the present application does not limit the position of the second area in the first interface.

[0234] The specific implementation of the second area can be found in Figure 3 The relevant description of the control 1010 in the interface 12 shown in (b) is not repeated here. The specific implementation of the first text information can be found in Figure 3 The relevant description of the title corresponding to the card in the control 1010 in the interface 12 shown in (b) is not repeated here.

[0235] Based on this, the user can quickly understand through the first text information that the cards in the current first area are cards of the first category, which facilitates the user to quickly find cards of the first category.

[0236] For example, in Figure 3 When the control 1010 in the interface 12 shown in (b) displays “YOYO Suggestions”, the user can determine that the card in the current first area is a card of the YOYO Suggestions category.

[0237] Based on the above implementation mode 1, the first interface and the second interface also include a first control, and the method further includes:

[0238] In response to a second operation on the first control, a third interface is displayed, wherein the third interface includes a card for each of the multiple categories.

[0239] The specific implementation of the first control can be found in Figure 3 The relevant description of the control 1003 in the interface 12 shown in (b) is not repeated here. The specific implementation of the second operation can be found in Figure 3 The relevant description of the operation of the control 1003 in the interface 12 shown in (b) is not repeated here. The specific implementation of the third interface can be found in Figure 5 The description of the operation of the control 1003 in the interface 16 shown in (b) is not repeated here.

[0240] Based on this, the terminal device can display cards of each category in multiple categories through the third interface, so that the user can view multiple cards of different categories at the same time, thereby improving the efficiency of the user in obtaining effective information in the mobile phone.

[0241] Based on the above implementation method 1, the first interface displays the first navigation points, and the number of the first navigation points is the same as the number of the multiple categories.

[0242] The specific implementation of the first navigation point can be found in Figure 3 The description of the navigation point in the control 1008 in the interface 12 shown in (b) is not repeated here.

[0243] For example, when the plurality of categories is three, the number of navigation points is three.

[0244] It can be understood that the first navigation point corresponding to the first category displayed on the first interface has a different state or color from the first navigation points corresponding to other categories among the multiple categories except the first category, which makes it easier for users to determine which category among the multiple categories the current category belongs to.

[0245] Based on this, the terminal device displays multiple first navigation points in the first interface that are the same in number as the multiple categories to display the sliding status of the multiple categories of cards and the number of categories of the multiple categories of cards.

[0246] Based on the above description about the first navigation point, in some embodiments, at the first moment, the first navigation point is displayed in the first interface; the method further includes:

[0247] After a preset time at the first moment, the first navigation point is displayed as a first navigation bar in the first interface; in response to a fourth operation on the first navigation bar, a fourth interface is displayed, and the fourth interface includes at least one card of the first category in an expanded state, and at least one card includes the first card.

[0248] In some embodiments, the time when the first navigation point is displayed and the time when the first interface is displayed are the same time, that is, the first time.

[0249] In some embodiments, the preset duration is pre-set, for example, the preset duration is 2s.

[0250] It should be understood that the above example uses the preset duration of 2s as an example; this application does not impose any limitation on the duration corresponding to the preset duration.

[0251] The specific implementation of the first navigation bar can be found in Figure 6 The description of the navigation bar in the control 1008 in the interface 17 shown in is not repeated here.

[0252] In some embodiments, the first interface displays a first navigation bar, and when a fourth operation of the user on the first interface is received, a fourth interface is displayed.

[0253] When receiving the fourth operation of the user on the first interface and displaying the fourth interface, the specific implementation method of the fourth operation can refer to Figure 6 The description of the pull-down operation of the interface 17 shown in FIG. 1 is omitted here.

[0254] In some other embodiments, the first interface displays the first navigation bar, and when a fourth operation of the user on the first navigation bar is received, the fourth interface is displayed.

[0255] When receiving the fourth operation of the user on the first navigation bar and displaying the fourth interface, the specific implementation method of the fourth operation can refer to Figure 6The description of the pull-down operation of the navigation bar in the control 1008 in the interface 17 shown in FIG. 1 is not repeated here.

[0256] The specific implementation of the fourth interface can be found in Figure 7 The relevant description of the interface 18 shown in (a) is not repeated here.

[0257] For example, from Figure 7 As can be seen from the interface 18 shown in (a) in the figure, the first category includes two cards. Based on this, when displaying the first navigation bar, the terminal device can display at least one card of the first category in an expanded state according to the user's pull-down operation on the first navigation bar or the first interface, so that the user can quickly view different cards of the first category.

[0258] Based on the description of the first navigation point, in some other embodiments, at the first moment, the first navigation point is displayed in the first interface; the method further includes:

[0259] After a preset time period at the first moment, the first navigation point is displayed as a first navigation bar in the first interface; in response to a fifth operation on the first navigation bar, a third interface is displayed, and the third interface includes a card for each category in the multiple categories.

[0260] The specific implementation of the fifth operation can be found in Fig.10 The interface 24 shown in (b) or Fig.10 The description of the pull-down operation of the navigation bar in the control 1008 in the interface 24 shown in (b) is not repeated here.

[0261] Based on this, based on the fifth operation, the third interface can be displayed, and the cards of each category in multiple categories can be displayed based on the third interface, so that users can view multiple cards of different categories at the same time, thereby improving the efficiency of users in obtaining effective information in the mobile phone.

[0262] Based on the above implementation method 1, the first interface also includes a fifth area, and multiple second navigation points are displayed in the fifth area. The number of the second navigation points is the same as the number of cards of the first category.

[0263] The cards of the first category may be stacked in a preset order, and the first card may be the first one in the preset order.

[0264] The specific implementation of the fifth area can be found in Figure 3 The relevant description of the control 1008 in the interface 12 shown in (b) is not repeated here. The specific implementation of the second navigation point can be found in Figure 3 The relevant description of the navigation point in the control 1002 in the interface 12 shown in (b) is not repeated here.

[0265] For example, when there are three cards of the first category, the number of second navigation points is 3, and when there are two cards of the first category, the number of second navigation points is 2.

[0266] It can be understood that the second navigation point corresponding to the first card displayed on the first interface is different in state or color from the second navigation points corresponding to other cards in the first category except the first card, which makes it easier for users to determine which card in the first category the current card is.

[0267] Based on this, the terminal device displays multiple second navigation points in the first interface, which are the same number as the cards of the first category, to display the sliding status of the cards of the first category and the number of cards of the first category.

[0268] Implementation method 2

[0269] The first interface includes a third area, and the third area displays a plurality of second controls. The plurality of second controls correspond to a plurality of identification information, and the plurality of identification information corresponds one-to-one to the plurality of categories.

[0270] The distance between the third area and the first area is less than a preset threshold.

[0271] In some embodiments, the third area is displayed over the first area.

[0272] It should be understood that the above description uses the example that the third area is displayed above the first area; the present application does not limit the position of the third area.

[0273] In some embodiments, the third area in implementation mode 2 and the second area in implementation mode 1 are the same area.

[0274] In addition, among the multiple second controls displayed in the third area, the second control corresponding to any one category has a different state or color from the second controls corresponding to other categories among the multiple categories except any one category, which makes it easy for the user to determine which category of cards a currently displayed category belongs to among the multiple categories.

[0275] For example, the first area currently displays cards of the first category, and the first category is the YOYO suggestion category. Then, the state or color of the second control corresponding to the YOYO suggestion category is different from that of the second control corresponding to cards of other categories.

[0276] The specific implementation of the third area can be found in Fig.11 The relevant description of the control 1010 in the interface 25 shown in (a) is not repeated here. The specific implementation of the multiple second controls can be found in Fig.11The description of the multiple controls in the control 1010 in the interface 25 shown in (a) is not repeated here. The specific implementation of the multiple identification information can be found in Fig.11 The description of the icons in the multiple controls in the control 1010 in the interface 25 shown in (a) is not repeated here.

[0277] Based on this, since the multiple second controls respectively correspond to different identification information, the user can quickly find cards of different categories among the multiple categories by operating any second control among the multiple second controls.

[0278] On the basis of the above-mentioned second implementation manner, when the first interface is displayed, the second control corresponding to the first category further displays third text information, and the third text information is used to represent the first category.

[0279] The specific implementation of the third text information can be found in Fig.11 The relevant description of the YOYO suggestion of the control 1010 in the interface 25 shown in (a) is not repeated here.

[0280] Based on this, the user can quickly understand through the third text information that the cards in the current first area are cards of the first category, which facilitates the user to quickly find cards of the first category.

[0281] For example, when the control 1010 displays “YOYO Suggestions” in the interface 25 shown in (a) of FIG. 9 , the user may determine that the card in the current first area is a card of the YOYO Suggestions category.

[0282] Based on the above implementation mode 2, the first interface displays the second navigation bar, and the method further includes:

[0283] In response to a seventh operation on the second navigation bar, a fifth interface is displayed, wherein the fifth interface includes at least one expanded card of the first category, wherein the at least one card includes a first card.

[0284] The specific implementation of the second navigation bar can be found in Fig.11 The description of the navigation bar in the control 1008 in the interface 25 shown in (a) is not repeated here.

[0285] In some embodiments, the first interface displays the second navigation bar, and when a seventh operation of the user on the first interface is received, the fifth interface is displayed.

[0286] When the seventh operation of the user on the first interface is received and the fifth interface is displayed, the specific implementation method of the seventh operation can refer to Fig.11 The description of the pull-down operation of the interface 25 shown in (a) is not repeated here.

[0287] In other embodiments, the first interface displays the second navigation bar, and when a seventh operation on the second navigation bar by the user is received, the fifth interface is displayed.

[0288] When receiving the seventh operation of the user on the second navigation bar and displaying the fifth interface, the specific implementation of the seventh operation can refer to Fig.11 The description of the pull-down operation of the navigation bar in the control 1008 in the interface 25 shown in (a) is not repeated here.

[0289] In some embodiments, among the multiple second controls in the third area of ​​the fifth interface, each second control displays identification information and text information, and the identification information and the third text information of the first category are different from the display status or color of the identification information of other categories among the multiple categories except the first category, so as to remind the user that the card currently expanded is the first category.

[0290] The specific implementation of the fifth interface can be found in Fig.12 The relevant description of the interface 27 shown in (a) is not repeated here.

[0291] For example, from Fig.12 It can be seen from the interface 27 shown in (a) that the first category of cards includes two cards.

[0292] Based on this, when the second navigation bar is displayed on the first interface, the terminal device can display at least one card of the first category in an expanded state according to the user's pull-down operation on the second navigation bar or the first interface, so that the user can quickly view different cards of the first category.

[0293] Based on the above-mentioned second implementation method, the first interface displays the second navigation bar, and the method also includes: in response to an eighth operation on the second navigation bar, displaying a third interface, the third interface including cards for each category in the multiple categories.

[0294] The specific implementation of the eighth operation can be found in Fig.11 The interface 25 shown in (a) or Fig.11 The description of the pull-down operation of the navigation bar in the control 1008 in the interface 25 shown in (a) is not repeated here.

[0295] Based on the above-mentioned implementation method 2, the first interface also includes a fifth area, and multiple second navigation points are displayed in the fifth area. The number of the second navigation points is the same as the number of cards of the first category.

[0296] Among them, the cards of the first category can be stacked according to a preset order, and the first card is the first one in the preset order.

[0297] The specific implementation of the fifth area can be found in Fig.11 The relevant description of the control 1008 in the interface 25 shown in (a) is not repeated here. The specific implementation of the second navigation point can be found in Fig.11 The description of the navigation point in the control 1008 in the interface 25 shown in (a) is not repeated here.

[0298] For example, when there are three cards of the first category, the number of second navigation points is 3; and when there are two cards of the first category, the number of second navigation points is 2.

[0299] Based on this, the terminal device displays multiple second navigation points in the first interface, which are the same number as the cards of the first category, to display the sliding status of the cards of the first category and the number of cards of the first category.

[0300] It is understandable that before the terminal device displays the first interface, the method also includes: obtaining service information of each application in multiple applications in the terminal device; when any service information meets a preset condition, creating a card according to any service information, and pushing it to the first area.

[0301] Thus, when the first interface is displayed, the first area displays the first card, and the user can quickly view and use valid information through the service information in the first card.

[0302] S302. In response to a first operation on a first card, a second card is displayed in a first area of ​​a second interface according to a preset card sorting order, the category of the second card is a second category among multiple categories, the priority of the second category is lower than the priority of the first category, and the first operation includes a left swipe operation or a right swipe operation.

[0303] The specific implementation of the first operation can be found in Figure 3 The description of the operation on the YOYO suggestion card in the interface 12 shown in (b) and the Fig.11 The description of the operations on the YOYO suggestion card in the interface 25 shown in (a) is not repeated here. The specific implementation of the second interface can be found in Figure 4 The relevant description of the interface 13 shown in (a) of Fig.11 The relevant description of the interface 26 shown in (b) is not repeated here. The specific implementation of the second card can be found in Figure 4 A description of the card in the control 1001 in the interface 14 shown in (b), and Fig.11 The description of the cards in the control 1001 in the interface 26 shown in (b) is not repeated here.

[0304] For example, the priority of the second category is lower than that of the first category. When the multiple categories are three categories, and the three categories include YOYO suggestions, orders, and equipment in sequence according to the preset card sorting, the second category is the order category.

[0305] The second card is used to display service information of the second application, and the service information includes at least one of status information, time information, quantity information and location information.

[0306] Furthermore, the second application may be one or more; this application does not limit the number of second applications.

[0307] For example, the number of the second applications is two, namely a travel application and a courier application.

[0308] The specific implementation of the second card can be found in Figure 4 The description of the order card in the interface 13 shown in (a) and the Fig.11 The relevant description of the order card in the interface 26 shown in (b) is not repeated here.

[0309] Correspondingly, the second interface can also display the information corresponding to the second card in the second interface through the above two implementation methods.

[0310] In combination with implementation method 1, the second interface includes a second area, the second area displays second text information, and the second text information is used to represent the second category.

[0311] The specific implementation of the second area can be found in Figure 4 The relevant description of the control 1010 in the interface 13 shown in (a) is not repeated here. The specific implementation of the second text information can be found in Figure 4 The description of the titles of the cards in the control 1010 in the interface 13 shown in (a) will not be repeated here.

[0312] Based on this, the user can quickly understand through the second text information that the card in the current first area is a card of the second category, which facilitates the user to quickly find the card of the second category.

[0313] For example, in Figure 4 When the control 1010 in the interface 13 shown in (a) displays "Order", the user can determine that the card in the current first area is a card of the order category.

[0314] Based on the above implementation method 1, the second interface also includes a first control, and the terminal device can display a third interface in response to a second operation on the first control, and the third interface includes a card for each category in the multiple categories.

[0315] The specific implementation of the first control can be found in Figure 4 The relevant description of the control 1003 in the interface 13 shown in (a) is not repeated here. The specific implementation of the second operation can be found in Figure 4 The description of the operation of the control 1003 in the interface 13 shown in (a) is not repeated here. The specific implementation of the third interface can be found in Figure 5 The description of the operation of the control 1003 in the interface 16 shown in (b) is not repeated here.

[0316] On the basis of the above implementation mode 1, when the priority of the second category is the lowest priority in the preset card sorting, the method further includes:

[0317] In response to a third operation on the second card, a third interface is displayed, wherein the third interface includes a card of each category in the plurality of categories.

[0318] When the priority of the second category is the lowest priority in the preset card sorting, the specific implementation of the second card can be found in Figure 5 The description of the card in the control 1001 in the interface 15 shown in (a) is not repeated here. The specific implementation of the third operation can be found in Figure 5 The description of the operation of the card in the control 1001 in the interface 15 shown in (a) is not repeated here. The specific implementation of the third interface can be found in Figure 5 The description of the operation of the control 1003 in the interface 16 shown in (b) is not repeated here.

[0319] Based on this, the terminal device can display cards of each category in multiple categories through the third interface, so that the user can view multiple cards of different categories at the same time, thereby improving the efficiency of the user in obtaining effective information in the mobile phone.

[0320] Based on the above implementation mode 1, the second interface displays the first navigation points, and the number of the first navigation points is the same as the number of the multiple categories.

[0321] The specific implementation of the first navigation point in the second interface can be found in Figure 4 The description of the navigation point in the control 1008 in the interface 13 shown in (a) is not repeated here.

[0322] Based on the above description about the first navigation point, in some embodiments, at the first moment, the first navigation point is displayed in the second interface; the method further includes:

[0323] After a preset time at the first moment, the first navigation point is displayed as a first navigation bar in the second interface; in response to a fourth operation on the first navigation bar, a sixth interface is displayed, and the sixth interface includes at least one card of the second category in an expanded state, and at least one card includes a second card.

[0324] In some embodiments, the time when the first navigation point is displayed and the time when the second interface is displayed are the same time, that is, the first time.

[0325] For example, from Figure 7 It can be seen from the interface 19 shown in (b) that there are two cards in the first category.

[0326] In some embodiments, when the second interface displays the first navigation bar, upon receiving a fourth operation of the user on the second interface, the sixth interface is displayed.

[0327] In other embodiments, when the second interface displays the first navigation bar, upon receiving a fourth operation of the user on the first navigation bar, the sixth interface is displayed.

[0328] For example, the fourth operation may be a pull-down operation.

[0329] The specific implementation of the sixth interface can be found in Figure 7 The relevant description of the interface 19 shown in (b) is not repeated here.

[0330] Based on the description of the first navigation point, in some other embodiments, at the first moment, the first navigation point is displayed in the second interface; the method further includes:

[0331] After a preset time period at the first moment, the first navigation point is displayed as a first navigation bar in the second interface; in response to a fifth operation on the first navigation bar, a third interface is displayed, and the third interface includes a card for each category in the multiple categories.

[0332] For example, the fifth operation may be a pull-down operation.

[0333] Based on the above implementation method 1, the second interface also includes a fifth area, and multiple second navigation points can be displayed in the fifth area. The number of second navigation points is the same as the number of cards of the second category.

[0334] The cards of the second category may be stacked in a preset order, and the second card may be the first one in the preset order.

[0335] For example, when there are three cards of the second category, the number of second navigation points is 3; and when there are two cards of the second category, the number of second navigation points is 2.

[0336] It can be understood that the second navigation point corresponding to the second card displayed on the second interface is different in state or color from the second navigation points corresponding to other cards in the second category except the second card, which makes it easier for users to determine which card in the first category the current card is.

[0337] Based on this, the terminal device displays multiple second navigation points in the second interface that are the same number as the cards of the second category to display the sliding status of the cards of the second category and the number of cards of the second category.

[0338] In combination with the second implementation, the second interface includes a third area, the third area displays multiple second controls, the multiple second controls correspond to multiple identification information, and the multiple identification information corresponds to the multiple categories one by one.

[0339] The specific implementation of the third area can be found in Fig.11 The relevant description of the control 1010 in the interface 26 shown in (b) is not repeated here. The specific implementation of the multiple second controls can be found in Fig.11 The description of the multiple controls in the control 1010 in the interface 26 shown in (b) is not repeated here. The specific implementation of the multiple identification information can be found in Fig.11 The description of the icons in the multiple controls in the control 1010 in the interface 26 shown in (b) is not repeated here.

[0340] In addition, based on the above implementation mode 2, when the first interface is displayed, the method further includes:

[0341] In response to a sixth operation on a second control corresponding to a second category among the plurality of second controls, second cards are displayed in the first area of ​​the second interface according to a preset card sorting.

[0342] For example, the multiple categories are three categories, corresponding to three second controls respectively. When the second control corresponds to the second category, when an operation is received on the third control corresponding to the second category, the second interface can be displayed, and the card displayed in the first area of ​​the second interface is the second card in the second category.

[0343] That is to say, the terminal device can not only display the second card in the first area of ​​the second interface according to the preset card sorting through the first operation on the first area, but also display the second card in the first area of ​​the second interface according to the preset card sorting through the sixth operation on the second control corresponding to the second category among multiple second controls.

[0344] The specific implementation of the sixth operation can be found in Fig.11 The description of the operation of the second control 1010 in the interface 25 shown in (a) is not repeated here.

[0345] Based on this, the speed and diversity of searching for cards other than the first category are increased, ensuring the user experience.

[0346] On the basis of the above-mentioned second implementation manner, when the second interface is displayed, the second control corresponding to the second category further displays fourth text information, and the fourth text information is used to represent the second category.

[0347] The specific implementation method of the fourth text information can be found in Fig.11 The description of the order of the control 1010 in the interface 26 shown in (b) is not repeated here.

[0348] Based on this, the user can quickly understand through the fourth text information that the card in the current first area is a card of the second category, which facilitates the user to quickly find the card of the second category.

[0349] For example, in Fig.11 When the control 1010 in the interface 26 shown in (b) displays "Order", the user can determine that the card in the current first area is a card of the order category.

[0350] Based on the above implementation mode 2, the second interface displays a second navigation bar, and the method further includes:

[0351] In response to a seventh operation on the second navigation bar, a seventh interface is displayed, wherein the seventh interface includes at least one expanded card of the second category, wherein the at least one card includes the second card.

[0352] The specific implementation of the second navigation bar can be found in Fig.11 The description of the navigation bar in the control 1008 in the interface 26 shown in (b) is not repeated here.

[0353] In some embodiments, the second interface displays a second navigation bar, and when a seventh operation of the user on the second interface is received, the seventh interface is displayed.

[0354] When receiving the seventh operation of the user on the second interface and displaying the seventh interface, the specific implementation method of the seventh operation can refer to Fig.11 The description of the pull-down operation of the interface 26 shown in (b) is not repeated here.

[0355] In other embodiments, the second interface displays the second navigation bar, and when a seventh operation on the second navigation bar by the user is received, the seventh interface is displayed.

[0356] When receiving the seventh operation of the user on the second navigation bar and displaying the seventh interface, the specific implementation of the seventh operation can refer to Fig.11The description of the pull-down operation of the navigation bar in the control 1008 in the interface 26 shown in (b) is not repeated here.

[0357] The specific implementation of the seventh interface can be found in Fig.12 The relevant description of the interface 28 shown in (b) is not repeated here.

[0358] For example, from Fig.12 It can be seen from the interface 28 shown in (b) that there are multiple cards in the second category.

[0359] In some embodiments, among the multiple second controls in the third area of ​​the seventh interface, each second control displays identification information and text information, and the identification information and fourth text information of the second category are different from the display status or color of the identification information of other categories in the multiple categories except the second category, so as to remind the user that the card currently expanded is the second category.

[0360] Based on this, when displaying the second navigation bar, the terminal device can display at least one card of the second category in an expanded state according to the user's pull-down operation on the second navigation bar or the second interface, so that the user can quickly view different cards of the second category.

[0361] Based on the above-mentioned second implementation method, the second interface displays a second navigation bar, and the method also includes: in response to an eighth operation on the second navigation bar, displaying a third interface, the third interface including a card for each category in the multiple categories.

[0362] The specific implementation of the eighth operation can be found in Fig.11 The interface 26 shown in (b) or Fig.11 The description of the pull-down operation of the navigation bar in the control 1008 in the interface 26 shown in (b) is not repeated here.

[0363] Based on the above-mentioned second implementation method, the second interface also includes a fourth area, and a plurality of second navigation points are displayed in the fourth area. The number of the second navigation points is the same as the number of cards of the second category.

[0364] Among them, the cards of the second category can be stacked according to a preset order, and the second card is the first in the preset order.

[0365] For example, when there are three cards of the second category, the number of navigation points is 3; when there are two cards of the second category, the number of navigation points is 2; and when there is one card of the second category, the number of navigation points is 0.

[0366] Based on this, the terminal device displays multiple second navigation points in the second interface that are the same number as the cards of the second category to display the sliding status of the cards of the second category and the number of cards of the second category.

[0367] Based on the description of S301 and S302 above, the first interface and the second interface further include a fourth area, and when the fourth area is a permanent area, the method further includes:

[0368] In response to a ninth operation on the first area in the first interface or the second interface, displaying a third control;

[0369] In response to the tenth operation on the third control, at least one of removing, adding a note, and adding the card in the first area to the fourth area is performed.

[0370] The specific implementation of the ninth operation can be found in Figure 8 The relevant description of the operation of the control 1001 in the interface 20 shown in (a) is not repeated here. The specific implementation of the tenth operation can be found in Figure 8 The description of the operation of the control 1009 in the interface 20 shown in (a) is not repeated here.

[0371] Remove is used to indicate that the cards in the first area can be removed based on the user's operation, so that the user can remove the cards in the first area according to his or her own wishes.

[0372] For example, cards of the first category in the first area are removed based on the user's operation.

[0373] Adding notes is used to indicate that notes can be added to the cards in the first area based on the user's operation, thereby making it convenient for the user to add notes to the cards in the first area according to his or her own ideas.

[0374] Adding to the fourth area is used to indicate that the card in the first area can be added to the fourth area based on the user's operation, so that the user can learn relevant valid information from the fourth area more quickly.

[0375] For example, based on the user's operation, the "Express Reminder" card in the order category card in the first area of ​​the second interface is added to the fourth area.

[0376] Based on this, the fourth area is a permanent area. Therefore, the cards in the first area can be added to the fourth area through the ninth operation on the first area. Thus, the user can understand the relevant valid information more quickly from the fourth area without performing the first operation on the first area, thereby ensuring the efficiency of the user's understanding and query of relevant valid information.

[0377] Based on the description of S301 and S302 above, when the priority of the second category is not the lowest priority in the preset card sorting, the terminal device may also respond to the operation of the second card of the second category by displaying a third card in the first area of ​​the next interface of the second interface according to the preset card sorting, where the category of the third card is the third category among multiple categories, and the priority of the third category is lower than that of the second category.

[0378] It can be seen that the terminal device can set two or more categories of cards, and display the cards of each category in the two or more categories in the first area in turn by swiping left or right, so that the terminal device can display more valid information in the terminal device through two or more categories of cards.

[0379] In the present application, a terminal device may display a first interface, the first interface includes a first area, a first card is displayed in the first area, the category of the first card is the first category among multiple categories, the priority of the first category is the highest priority in the preset card sorting, and the first area is an area for displaying suggested cards, that is, there are multiple categories of cards, and when the terminal device displays the first interface, the first card in the first category may be displayed in the first area of ​​the first interface; the terminal device may also respond to a first operation on the first card and display a second card in the first area of ​​the second interface according to the preset card sorting, the category of the second card is the second category among multiple categories, and the priority of the second category is lower than the priority of the first category. It can be seen that the terminal device supports quick viewing of cards of multiple categories, setting cards of multiple categories, and can display or expose cards of each category in multiple categories in the first area in sequence by swiping left or right, thereby further improving the card adding rate, facilitating users to use cards more efficiently and intelligently, ensuring that more valid information in the terminal device is displayed through the first area, facilitating users to view and use more valid information in the terminal device more quickly, and improving the user experience.

[0380] Exemplarily, the present application provides a terminal device, comprising one or more processors, a memory and one or more computer programs, wherein the one or more computer programs are stored in the memory, and when the computer programs are executed by one or more processors, the terminal device executes the card display method in the foregoing embodiment.

[0381] Exemplarily, the present application provides a chip system, which includes a processor for calling and running a computer program from a memory, so that a terminal device equipped with the chip system executes the card display method in the foregoing embodiment.

[0382] Exemplarily, the present application provides a computer-readable storage medium, including a computer program, which, when executed on a terminal device, enables the terminal device to execute the card display method in the foregoing embodiment.

[0383] Exemplarily, the present application provides a computer program product, which, when executed on a computer, enables the computer to execute the card display method in the foregoing embodiment.

[0384] In the above embodiments, all or part of the functions can be implemented by software, hardware, or a combination of software and hardware. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer codes or instructions. When the computer program code or instructions are loaded and executed on a computer, the process or function according to the present application is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer code or instructions can be stored in a computer-readable storage medium. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or a data center that includes one or more available media integration. Available media can be magnetic media, (e.g., floppy disk, hard disk, tape), optical media (e.g., DVD), or semiconductor media (e.g., solid state disk (SSD)), etc.

[0385] A person skilled in the art can understand that to implement all or part of the processes in the above-mentioned embodiments, the processes can be completed by a computer program to instruct the relevant hardware, and the program can be stored in a computer-readable storage medium. When the program is executed, it can include the processes of the above-mentioned method embodiments. The aforementioned storage medium includes: a read-only memory (ROM) or a random access memory (RAM), a magnetic disk or an optical disk, and other media that can store program codes.

Claims

1. A card display method, characterized in that: Applied to a terminal device, the method comprises: Display a first interface, the first interface includes a first area, a first card is displayed in the first area, the category of the first card is the first category among multiple categories, the priority of the first category is the highest priority in the preset card sorting, and the first area is an area for displaying suggested cards; In response to a first operation on the first card, a second card is displayed in the first area of ​​the second interface according to the preset card sorting, the category of the second card is the second category among the multiple categories, the priority of the second category is lower than the priority of the first category, and the first operation includes a left swipe operation or a right swipe operation.

2. The method according to claim 1, characterized in that The second interface includes a first control, and the method further includes: In response to a second operation on the first control, a third interface is displayed, wherein the third interface includes a card for each category in the plurality of categories.

3. The method according to claim 1, characterized in that The priority of the second category is the lowest priority in the preset card sorting, and the method further includes: In response to a third operation on the second card, a third interface is displayed, wherein the third interface includes a card of each category in the plurality of categories.

4. The method according to any one of claims 1 to 3, characterized in that The first interface and the second interface display first navigation points, and the number of the first navigation points is the same as the number of the multiple categories.

5. The method according to claim 4, characterized in that At a first moment, the first navigation point is displayed in the first interface; the method further includes: After a preset time period at the first moment, displaying the first navigation point as a first navigation bar in the first interface; In response to a fourth operation on the first navigation bar, a fourth interface is displayed, wherein the fourth interface includes at least one card of the first category in an expanded state, and the at least one card includes the first card.

6. The method according to claim 4, characterized in that At a first moment, the first navigation point is displayed in the first interface; the method further includes: After a preset time period at the first moment, displaying the first navigation point as a first navigation bar in the first interface; In response to a fifth operation on the first navigation bar, a third interface is displayed, wherein the third interface includes a card for each of the multiple categories.

7. The method according to any one of claims 1 to 6, characterized in that The first interface includes a second area, the second area displays first text information, and the first text information is used to represent the first category.

8. The method according to claim 7, characterized in that The second interface includes the second area, the second area displays second text information, and the second text information is used to represent the second category.

9. The method according to claim 1, characterized in that The first interface and the second interface include a third area, and the third area displays a plurality of second controls, and the plurality of second controls correspond to a plurality of identification information, and the plurality of identification information corresponds one-to-one to the plurality of categories.

10. The method according to claim 9, characterized in that When the first interface is displayed, the second control corresponding to the first category also displays third text information, and the third text information is used to represent the first category.

11. The method according to claim 9 or 10, characterized in that When the second interface is displayed, the second control corresponding to the second category also displays fourth text information, and the fourth text information is used to represent the second category.

12. The method according to any one of claims 9 to 11, characterized in that When the first interface is displayed, the method further includes: In response to a sixth operation on a second control corresponding to the second category among the plurality of second controls, the second cards are displayed in the first area of ​​the second interface according to the preset card sorting.

13. The method according to any one of claims 9 to 12, characterized in that The first interface displays a second navigation bar, and the method further includes: In response to a seventh operation on the second navigation bar, a fifth interface is displayed, wherein the fifth interface includes at least one expanded card of the first category, wherein the at least one card includes the first card.

14. The method according to any one of claims 9 to 13, characterized in that The first interface displays a second navigation bar, and the method further includes: In response to an eighth operation on the second navigation bar, a third interface is displayed, wherein the third interface includes a card for each of the multiple categories.

15. The method according to any one of claims 1 to 14, characterized in that The first interface and the second interface further include a fourth area, the fourth area is a permanent area, and the method further includes: In response to a ninth operation on the first area in the first interface or the second interface, displaying a third control; In response to a tenth operation on the third control, at least one of removing a card in the first area, adding a note, and adding the card to the fourth area is performed.

16. The method according to any one of claims 1 to 15, characterized in that The first interface is an interface corresponding to the negative one screen of the terminal device, or an interface corresponding to the desktop of the terminal device.

17. A terminal device, characterized in that: include: One or more processors, a memory, and one or more computer programs; wherein the one or more computer programs are stored in the memory, and when the computer programs are executed by the one or more processors, the terminal device executes the card display method as described in any one of claims 1 to 16.

18. A chip system, characterized in that: The chip system includes a processor for calling and running a computer program from a memory, so that a terminal device equipped with the chip system executes the card display method according to any one of claims 1 to 16.

19. A computer-readable storage medium comprising a computer program, characterized in that: When the computer program is executed on a terminal device, the terminal device is enabled to execute the card display method according to any one of claims 1 to 16.

Images